@charset "UTF-8";
/**
* Color Chips Selector (Desktop)
**/
/**
* Color Chips Selector (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.color-chips-selector-container .color-chips-selector-title,
.color-chips-selector-container .selected-option {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #333333; }

.color-chips-selector-container .inline-error-message {
  white-space: normal; }

.color-chips-selector-items-list {
  position: relative;
  width: 100%; }

.color-chips-selector-item {
  width: 30px;
  height: 30px;
  padding: 0px;
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  /* First color's chip */
  /* Container of title name and image */
  /* Color name */
  /* Image color of item */
  /* When the input is checked, the image color has black border (selected) */ }
  .color-chips-selector-item .input-radio-title {
    line-height: 0px; }
  .color-chips-selector-item:first-of-type {
    margin-left: 0px; }
  .color-chips-selector-item .input-radio-icon-unchecked,
  .color-chips-selector-item .input-radio-icon-checked {
    top: auto;
    width: 30px;
    height: 30px; }
    .color-chips-selector-item .input-radio-icon-unchecked input[type="radio"],
    .color-chips-selector-item .input-radio-icon-checked input[type="radio"] {
      left: 0px;
      z-index: 1;
      width: 100%;
      height: 100%;
      cursor: pointer; }
    .color-chips-selector-item .input-radio-icon-unchecked:before, .color-chips-selector-item .input-radio-icon-unchecked:after,
    .color-chips-selector-item .input-radio-icon-checked:before,
    .color-chips-selector-item .input-radio-icon-checked:after {
      display: none; }
  .color-chips-selector-item .color-title-container {
    display: inline-block; }
  .color-chips-selector-item .color-name {
    font-size: 0px; }
  .color-chips-selector-item .color-image {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer; }
  .color-chips-selector-item .input-radio-icon-checked + .input-radio-title .color-image {
    border: solid 2px #333333; }

/*
 * Giftcard's Section
 */
.giftcard-details-container {
  /* When the input is checked, the image color has black border (selected) */
  /* Image color of item */ }
  .giftcard-details-container .input-radio-icon-unchecked,
  .giftcard-details-container .input-radio-icon-checked {
    width: 50px;
    height: auto; }
  .giftcard-details-container .input-radio-icon-checked + .input-radio-title .color-image {
    width: 100%;
    height: auto; }
  .giftcard-details-container .color-chips-selector-item {
    width: calc(50% - 13.5px);
    height: auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin: 0 27px 27px 0; }
    .giftcard-details-container .color-chips-selector-item:nth-child(2n) {
      margin-right: 0; }
  .giftcard-details-container .color-image {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    width: 100%;
    height: auto; }

.giftcard-details-container {
  /* When the input is checked, the image color has black border (selected) */
  /* Image color of item */ }
  .giftcard-details-container .input-radio-icon-checked + .input-radio-title .color-image {
    width: 100%; }
  .giftcard-details-container .color-chips-selector-item {
    width: calc(25% - 13.25px);
    margin: 0 15px 15px 0; }
    .giftcard-details-container .color-chips-selector-item:nth-child(2n) {
      margin-right: 15px; }
    .giftcard-details-container .color-chips-selector-item:nth-child(4n) {
      margin-right: 0; }
  .giftcard-details-container .color-image {
    width: 100%; }
@charset "UTF-8";
/**
* Size and Fit Chips Selector (Desktop)
**/
/**
* Fit Chips Selector (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.size-and-fit-detail-container .size-and-fit-detail-title,
.size-and-fit-detail-container .selected-option {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #333333; }

.size-and-fit-detail-items-list {
  width: calc(100% + 10px);
  position: relative;
  left: -5px; }

/* Radio Button for size */
.size-and-fit-detail-item {
  padding: 0px;
  margin: 5px;
  cursor: pointer; }
  .size-and-fit-detail-item .input-radio-title {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    padding: 5px 10px 2px;
    border: solid 1px #e3e3e3;
    display: inline-block;
    text-transform: capitalize; }
  .size-and-fit-detail-item.item-disabled-option .input-radio-title {
    color: #e3e3e3;
    cursor: initial; }
  .size-and-fit-detail-item .input-radio-icon-unchecked,
  .size-and-fit-detail-item .input-radio-icon-checked {
    width: auto;
    height: auto;
    top: auto; }
    .size-and-fit-detail-item .input-radio-icon-unchecked:before, .size-and-fit-detail-item .input-radio-icon-unchecked:after,
    .size-and-fit-detail-item .input-radio-icon-checked:before,
    .size-and-fit-detail-item .input-radio-icon-checked:after {
      display: none; }
  .size-and-fit-detail-item .input-radio-icon-checked + .input-radio-title {
    background: #333333;
    color: #ffffff;
    border: solid 1px #333333; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/* Contenedor de los select del producto en estado editable */
.container-selects {
  width: 66.5%;
  margin-bottom: 3px;
  /* Span que simula ser el Input Select */ }
  .container-selects select + span.selection {
    margin-top: 0; }

.select-fit,
.select-quantity,
.select-size {
  width: 100%;
  margin-bottom: 7px; }

.my-bag {
  /* Select de edición de producto */ }
  .my-bag .mini-dropdown select + span.selection {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    height: 35px;
    line-height: 37px;
    padding: 0 20px 0 10px;
    text-align: left;
    min-width: 100%;
    text-overflow: ellipsis; }
    .my-bag .mini-dropdown select + span.selection:after, .my-bag .mini-dropdown select + span.selection:before {
      width: 7px;
      bottom: 17px;
      right: 5px; }
    .my-bag .mini-dropdown select + span.selection:after {
      right: 0.5px; }
  .my-bag .mini-dropdown > span.selection,
  .my-bag .bag-item-color-select-closed > span.selection,
  .my-bag .bag-item-color-select > span.selection {
    display: block; }

.item-shopping-cart {
  /* En estado editable: Contenedor de Botones */ }
  .item-shopping-cart .buttons-editables {
    margin-bottom: 18px;
    bottom: 0;
    position: relative;
    display: block;
    /* Boton Update en Overlay -> Reveer por qué está acá */
    /* Botón Update y Cancelar en My Bag Global */
    /* Botón Update en My Bag Global */
    /* Botón Cancelar en My Bag Global */ }
    .item-shopping-cart .buttons-editables .button-update, .overlay-my-bag .item-shopping-cart .buttons-editables .button-cancel {
      margin-bottom: 0; }
    .item-shopping-cart .buttons-editables .button-cancel,
    .item-shopping-cart .buttons-editables .button-global-update {
      display: inline-block; }
    .item-shopping-cart .buttons-editables .button-global-update {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0;
      height: 22px;
      display: inline-block;
      color: #ffffff;
      cursor: pointer;
      text-align: center;
      text-decoration: none;
      padding: 0 10px;
      border: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-background-clip: padding;
      -moz-background-clip: padding;
      background-clip: padding-box;
      width: 100%;
      height: 34px;
      line-height: 36px;
      position: relative;
      background-color: #333333;
      padding: 0 15px;
      width: auto; }
      .item-shopping-cart .buttons-editables .button-global-update.focused, .item-shopping-cart .buttons-editables .button-global-update:focus {
        background-color: #333333; }
      .item-shopping-cart .buttons-editables .button-global-update.pressed, .item-shopping-cart .buttons-editables .button-global-update:active {
        background-color: #4873bb; }
      .item-shopping-cart .buttons-editables .button-global-update.disabled, .item-shopping-cart .buttons-editables .button-global-update:disabled {
        background-color: #999999; }
    .item-shopping-cart .buttons-editables .button-cancel {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0.25px;
      line-height: 1.38;
      color: #666666;
      text-decoration: underline;
      margin-left: 19px;
      position: relative; }

/**
* CustomSelect
**/
/* Custom select Button: Open or Close state */
.bag-item-color-select-closed,
.bag-item-color-select {
  margin-bottom: 7px;
  display: block; }
  .bag-item-color-select-closed .item-list-common,
  .bag-item-color-select .item-list-common {
    max-height: 150px; }

.bag-item-color-select-button,
.bag-item-color-select-button-closed,
.overlay-my-bag .item-shopping-cart .bag-item-color-select-button {
  margin-top: 0px;
  background-color: #f7f7f7;
  height: 35px;
  padding: 0px;
  overflow: visible;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.36;
  text-decoration: none;
  text-transform: none;
  color: #666666;
  /* Icono chevron para Dropdown */ }
  .bag-item-color-select-button:after, .bag-item-color-select-button:before,
  .bag-item-color-select-button-closed:after,
  .overlay-my-bag .item-shopping-cart .bag-item-color-select-button:after,
  .bag-item-color-select-button-closed:before,
  .overlay-my-bag .item-shopping-cart .bag-item-color-select-button:before {
    width: 7px;
    bottom: 12px;
    right: 5px; }
  .bag-item-color-select-button:after,
  .bag-item-color-select-button-closed:after,
  .overlay-my-bag .item-shopping-cart .bag-item-color-select-button:after {
    right: 0.5px; }
  .bag-item-color-select-button span,
  .bag-item-color-select-button-closed span, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button span {
    line-height: 35px;
    display: block;
    padding: 1px 20px 0 25px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis; }
  .bag-item-color-select-button img,
  .bag-item-color-select-button-closed img, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button img {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 8px; }

/* Item List */
.bag-item-color-select-items-list img {
  width: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 8px; }

/* Item */
.bag-item-color-select-item {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.45;
  color: #333333;
  line-height: 35px;
  text-transform: none;
  padding: 0px 10px;
  padding: 0 8px 0 25px; }
  .bag-item-color-select-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap; }

.product-details-card-container {
  display: flex; }
  .product-details-card-container img {
    font-size: 10px;
    width: 110px;
    height: auto; }

.product-name {
  font-size: 15px;
  font-weight: 600;
  padding-top: 25px;
  padding-left: 10px;
  text-align: left; }

/* Selected item
.bag-item-color-select-highlighted {
  background: $color-accent-one;
  color: $color-global-white;
}
*/
.item-shopping-cart {
  /* Contenedor de los select del producto en estado editable */ }
  .item-shopping-cart .container-selects {
    max-width: 60%;
    width: auto;
    vertical-align: top;
    display: inline-block;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
    .item-shopping-cart .container-selects .select-fit,
    .item-shopping-cart .container-selects .select-size {
      width: 75px;
      margin-right: 6px;
      vertical-align: top;
      margin-bottom: 0px; }
    .item-shopping-cart .container-selects .select-quantity {
      width: 40px;
      vertical-align: top;
      margin-bottom: 0px; }

/* Only Global section My Bag */
.global-my-bag {
  /* Botón de cambio de tienda */ }
  .global-my-bag .buttons-editables {
    margin-top: 0;
    margin-bottom: 0;
    bottom: 0;
    position: relative;
    display: inline-block;
    top: 0px;
    width: 36%;
    /* Botón Update y Cancelar en My Bag Global */
    /* Botón Update en My Bag Global */
    /* Bag Global update button*/
    /* My Bag Global Cancel Button */ }
    .global-my-bag .buttons-editables .button-global-update {
      display: inline-block;
      float: right; }
    .global-my-bag .buttons-editables .button-global-update {
      padding: 0 34px;
      margin-bottom: 0; }
    .global-my-bag .buttons-editables .button-update, .global-my-bag .overlay-my-bag .item-shopping-cart .buttons-editables .button-cancel, .overlay-my-bag .item-shopping-cart .global-my-bag .buttons-editables .button-cancel {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 0;
      display: inline-block;
      color: #ffffff;
      cursor: pointer;
      text-align: center;
      text-decoration: none;
      padding: 0 10px;
      border: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-background-clip: padding;
      -moz-background-clip: padding;
      background-clip: padding-box;
      width: 100%;
      height: 48.3px;
      line-height: 50.3px;
      background-color: #333333;
      width: calc(56% + 5px);
      height: 39px;
      float: left;
      line-height: 20px; }
      .global-my-bag .buttons-editables .button-update.focused, .global-my-bag .overlay-my-bag .item-shopping-cart .buttons-editables .focused.button-cancel, .overlay-my-bag .item-shopping-cart .global-my-bag .buttons-editables .focused.button-cancel, .global-my-bag .buttons-editables .button-update:focus, .global-my-bag .overlay-my-bag .item-shopping-cart .buttons-editables .button-cancel:focus, .overlay-my-bag .item-shopping-cart .global-my-bag .buttons-editables .button-cancel:focus {
        background-color: #333333; }
      .global-my-bag .buttons-editables .button-update.pressed, .global-my-bag .overlay-my-bag .item-shopping-cart .buttons-editables .pressed.button-cancel, .overlay-my-bag .item-shopping-cart .global-my-bag .buttons-editables .pressed.button-cancel, .global-my-bag .buttons-editables .button-update:active, .global-my-bag .overlay-my-bag .item-shopping-cart .buttons-editables .button-cancel:active, .overlay-my-bag .item-shopping-cart .global-my-bag .buttons-editables .button-cancel:active {
        background-color: #333333; }
      .global-my-bag .buttons-editables .button-update.disabled, .global-my-bag .overlay-my-bag .item-shopping-cart .buttons-editables .disabled.button-cancel, .overlay-my-bag .item-shopping-cart .global-my-bag .buttons-editables .disabled.button-cancel, .global-my-bag .buttons-editables .button-update:disabled, .global-my-bag .overlay-my-bag .item-shopping-cart .buttons-editables .button-cancel:disabled, .overlay-my-bag .item-shopping-cart .global-my-bag .buttons-editables .button-cancel:disabled {
        background-color: #999999; }
    .global-my-bag .buttons-editables .button-cancel {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0;
      height: 22px;
      display: inline-block;
      color: #ffffff;
      cursor: pointer;
      text-align: center;
      text-decoration: none;
      padding: 0 10px;
      border: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-background-clip: padding;
      -moz-background-clip: padding;
      background-clip: padding-box;
      width: auto;
      height: 35px;
      line-height: 37px;
      background-color: #e3e3e3;
      -webkit-box-shadow: inset 0 0 0 1px #ffffff;
      -moz-box-shadow: inset 0 0 0 1px #ffffff;
      box-shadow: inset 0 0 0 1px #ffffff;
      /* border inside box */
      border: 1px solid #e3e3e3;
      /* border outside box */
      position: relative;
      color: #333333;
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0.25px;
      line-height: 1.38;
      color: #666666;
      text-decoration: underline;
      margin: 0px 22px;
      width: auto;
      padding: 0px;
      position: relative;
      background: none;
      float: left;
      box-shadow: none;
      border: none; }
      .global-my-bag .buttons-editables .button-cancel.focused, .global-my-bag .buttons-editables .button-cancel:focus {
        border-color: #e3e3e3;
        /* border outside box */
        background-color: #ffffff; }
      .global-my-bag .buttons-editables .button-cancel.pressed, .global-my-bag .buttons-editables .button-cancel:active {
        border-color: #e3e3e3;
        /* border outside box */
        background-color: #e3e3e3; }
      .global-my-bag .buttons-editables .button-cancel.disabled, .global-my-bag .buttons-editables .button-cancel:disabled {
        border-color: #999999;
        /* border outside box */
        background-color: #999999;
        color: #ffffff; }

/* Only My Bag Drawer / Overlay */
.overlay-my-bag {
  /* Re-check level */ }
  .overlay-my-bag .item-shopping-cart {
    /* Mini select para edición de producto SOLO en My Bag Overlay */
    /* Custom select container: Close state */
    /* Custom select container: Open state */
    /* Item List */ }
    .overlay-my-bag .item-shopping-cart .bag-item-color-select-button-closed, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button,
    .overlay-my-bag .item-shopping-cart .mini-dropdown select + span.selection {
      background: #ffffff;
      height: 30px;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.36;
      text-decoration: none;
      text-transform: none;
      color: #666666;
      line-height: 4px;
      padding: 15px 18px 13px 6px;
      overflow: hidden;
      text-overflow: ellipsis; }
      .overlay-my-bag .item-shopping-cart .bag-item-color-select-button-closed:after, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button:after, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button-closed:before, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button:before,
      .overlay-my-bag .item-shopping-cart .mini-dropdown select + span.selection:after,
      .overlay-my-bag .item-shopping-cart .mini-dropdown select + span.selection:before {
        width: 7px;
        bottom: 13px;
        right: 10px; }
      .overlay-my-bag .item-shopping-cart .bag-item-color-select-button-closed:after, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button:after,
      .overlay-my-bag .item-shopping-cart .mini-dropdown select + span.selection:after {
        right: 5px; }
      .overlay-my-bag .item-shopping-cart .bag-item-color-select-button-closed .note, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button .note,
      .overlay-my-bag .item-shopping-cart .mini-dropdown select + span.selection .note {
        height: 10px;
        width: 10px;
        right: 28px; }
    .overlay-my-bag .item-shopping-cart .bag-item-color-select-button-closed, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button {
      line-height: normal;
      margin-top: 0px;
      padding: 0; }
      .overlay-my-bag .item-shopping-cart .bag-item-color-select-button-closed span, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button span {
        padding-left: 21px;
        padding-top: 4px;
        line-height: 25px; }
        .overlay-my-bag .item-shopping-cart .bag-item-color-select-button-closed span img, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button span img {
          width: 9px;
          height: 9px;
          right: 20px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
    .overlay-my-bag .item-shopping-cart .bag-item-color-select-closed,
    .overlay-my-bag .item-shopping-cart .bag-item-color-select {
      width: 100px;
      margin-right: 6px;
      margin-bottom: 0px;
      vertical-align: top;
      display: inline-block; }
    .overlay-my-bag .item-shopping-cart .bag-item-color-select-items-list {
      background-color: #ffffff;
      font-size: 11px; }
      .overlay-my-bag .item-shopping-cart .bag-item-color-select-items-list li span {
        line-height: 30px;
        display: block; }
      .overlay-my-bag .item-shopping-cart .bag-item-color-select-items-list li img {
        width: 9px;
        right: 7px;
        position: absolute;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
      .overlay-my-bag .item-shopping-cart .bag-item-color-select-items-list li:after, .overlay-my-bag .item-shopping-cart .bag-item-color-select-items-list li:before {
        display: none; }
    .overlay-my-bag .item-shopping-cart .container-selects .select-fit,
    .overlay-my-bag .item-shopping-cart .container-selects .select-size,
    .overlay-my-bag .item-shopping-cart .container-selects .select-qty {
      width: 68px; }
    .overlay-my-bag .item-shopping-cart .buttons-editables {
      margin-top: 0;
      position: absolute;
      right: 0;
      top: 50px; }
      .overlay-my-bag .item-shopping-cart .buttons-editables .button-update, .overlay-my-bag .item-shopping-cart .buttons-editables .button-cancel {
        font-family: 'Avenir';
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none;
        font-size: 11px;
        letter-spacing: 0;
        line-height: 1.45;
        color: #333333;
        text-decoration: underline;
        text-align: right;
        display: block;
        margin-bottom: 17px; }
      .overlay-my-bag .item-shopping-cart .buttons-editables .button-cancel {
        margin-left: 0px;
        margin-bottom: 0;
        color: #999999; }
  .overlay-my-bag .product-description form .error-box {
    padding: 0;
    text-align: left;
    border: 0;
    margin: 5px 0; }
    .overlay-my-bag .product-description form .error-box:before {
      content: none; }
@charset "UTF-8";
/**
* Modal Header (Desktop)
**/
/**
* Modal Header (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.modal-header {
  /* Título del modal */
  /* Subtítulo / Descripción del modal */ }
  .modal-header .modal-title {
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .modal-header .modal-only-title {
    line-height: 65px;
    background-color: #ffffff; }
    .modal-header .modal-only-title:after {
      content: '';
      display: inline-block;
      width: 100%;
      height: 1px;
      background-color: rgba(51, 51, 51, 0.11);
      left: 0px;
      position: absolute;
      top: 65px; }
  .modal-header .modal-subtitle {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    padding: 30px 0px 30px; }
  .modal-header .button-modal-close {
    width: 34px;
    height: 34px;
    position: absolute;
    right: 19px;
    top: calc(50% - 14px);
    margin: 0px;
    width: 17px;
    height: 17px;
    right: 28px;
    top: 24px;
    z-index: 1;
    /* Icon X */ }
    .modal-header .button-modal-close:before, .modal-header .button-modal-close:after {
      content: '';
      position: relative;
      display: block;
      background: #ffffff;
      margin: auto; }
    .modal-header .button-modal-close:before, .modal-header .button-modal-close:after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px; }
    .modal-header .button-modal-close:before {
      width: 18px;
      height: 2px;
      top: 7px;
      background-color: #333333; }
    .modal-header .button-modal-close:after {
      width: 2px;
      height: 18px;
      top: -3px;
      background-color: #333333; }
    .modal-header .button-modal-close:after {
      background: #999999;
      width: 3px; }
    .modal-header .button-modal-close:before {
      background: #999999;
      height: 3px; }
  .modal-header.modal-back-button .modal-title {
    text-align: center; }
  .modal-header .button-back {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    position: absolute;
    left: 17px;
    top: 25px;
    z-index: 2; }
    .modal-header .button-back:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F10C"; }
    .modal-header .button-back:before {
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg);
      text-align: left;
      font-size: 14px;
      width: 26px; }

.modal-header {
  width: 100%;
  text-align: center; }
  .modal-header .modal-only-title {
    line-height: normal; }
    .modal-header .modal-only-title:after {
      display: none; }
  .modal-header .modal-subtitle {
    padding: 0px;
    padding-bottom: 50px; }
  .modal-header .button-modal-close {
    position: relative;
    vertical-align: middle;
    height: 22px;
    width: 22px;
    position: absolute;
    margin: 10px;
    right: 0px;
    top: 0px;
    z-index: 9; }
    .modal-header .button-modal-close:before, .modal-header .button-modal-close:after {
      content: '';
      position: relative;
      display: block;
      background: #333333;
      margin: auto; }
    .modal-header .button-modal-close:before, .modal-header .button-modal-close:after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .modal-header .button-modal-close:before {
      width: 18px;
      height: 2px;
      top: 8px; }
    .modal-header .button-modal-close:after {
      height: 18px;
      width: 2px;
      top: -2px; }
    .modal-header .button-modal-close:before {
      width: 16px;
      top: 7px;
      background-color: #333333; }
    .modal-header .button-modal-close:after {
      height: 16px;
      background-color: #333333; }
@charset "UTF-8";
/**
* PDP - Size Chart (Desktop)
**/
/**
* PDP - Size Chart (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Size Chart Component */
.size-chart-form-container {
  margin-top: -10px;
  margin-bottom: 10px;
  display: block; }

.button-size-chart {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.15;
  text-decoration: none;
  text-transform: none;
  color: #333333;
  text-transform: none;
  text-decoration: underline; }

/* Size Chart Component */
.size-chart-form-container {
  margin-top: -20px;
  margin-bottom: 20px; }
@charset "UTF-8";
/**
* PDP - Product Details Form (Desktop)
**/
/**
* PDP - Product Details Form (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.product-details-header-promo-text-area + .product-details-form-container + .product-details-form-container {
  margin-top: 0px; }
  .product-details-header-promo-text-area + .product-details-form-container + .product-details-form-container .error-box {
    margin: 15px 0 20px; }

/* Form of Product details */
.product-details-form-container {
  margin-top: 20px;
  margin-bottom: 17px;
  display: inline-block;
  width: 100%;
  position: relative;
  /* Button Add To Bag */ }
  .product-details-form-container .error-box,
  .product-details-form-container .warning-box {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px; }
  .product-details-form-container .button-add-to-bag {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #4873bb;
    display: inline-block;
    width: calc(100% - 140px);
    vertical-align: middle;
    position: absolute;
    right: 0px;
    bottom: 0px; }
    .product-details-form-container .button-add-to-bag.focused, .product-details-form-container .button-add-to-bag:focus {
      background-color: #4873bb; }
    .product-details-form-container .button-add-to-bag.pressed, .product-details-form-container .button-add-to-bag:active {
      background-color: #4873bb; }
    .product-details-form-container .button-add-to-bag.disabled, .product-details-form-container .button-add-to-bag:disabled {
      background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
    .product-details-form-container .button-add-to-bag.loading:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F11B";
      -webkit-animation: 2s rotate linear infinite;
      animation: 2s rotate linear infinite; }

.product-details-form-content {
  position: relative;
  /* Color, Size and Fit Radio Button Group */
  /* Quantity Labeled Select */ }
  .product-details-form-content fieldset {
    padding: 0px; }
  .product-details-form-content .color-chips-selector-container,
  .product-details-form-content .size-and-fit-detail-container {
    margin-bottom: 10px; }
  .product-details-form-content .inline-error-message {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    margin-top: 9px;
    color: #c60808;
    display: block;
    white-space: nowrap;
    width: auto; }
    .product-details-form-content .inline-error-message .error-icon {
      font-size: 0px;
      width: auto;
      display: inline-block;
      margin-right: 7px; }
      .product-details-form-content .inline-error-message .error-icon:before {
        display: inline-block;
        font-family: "icons";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        content: "\F11F";
        color: #c60808; }
      .product-details-form-content .inline-error-message .error-icon:before {
        font-size: 15px;
        color: #c60808; }
  .product-details-form-content .select-qty {
    width: 120px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle; }
  .product-details-form-content .qty-details-section-title {
    font-size: 0;
    margin-bottom: 5px;
    display: block; }
  .product-details-form-content .qty-details-title {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    display: block;
    white-space: nowrap; }
  .product-details-form-content .button-sold-out-online {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #333333;
    display: inline-block;
    width: calc(100% - 140px);
    vertical-align: middle;
    margin-top: 15px;
    opacity: .6; }
    .product-details-form-content .button-sold-out-online.focused, .product-details-form-content .button-sold-out-online:focus {
      background-color: #333333; }
    .product-details-form-content .button-sold-out-online.pressed, .product-details-form-content .button-sold-out-online:active {
      background-color: #333333; }
    .product-details-form-content .button-sold-out-online.disabled, .product-details-form-content .button-sold-out-online:disabled {
      background-color: #999999; }
  .product-details-form-content .color-chips-selector-item.item-disabled-option .input-radio-title {
    outline: none; }

.product-details-container {
  /* Color, Size and Fit Radio Button Group */ }
  .product-details-container .button-add-to-bag {
    width: 100%;
    margin-top: 0px;
    position: relative;
    bottom: auto;
    margin-top: 15px; }
  .product-details-container .button-sold-out-online {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 15px; }
  .product-details-container .content-slot-list-container {
    position: relative;
    max-width: 100%;
    width: 100%; }
  .product-details-container .color-chips-selector-container,
  .product-details-container .size-and-fit-detail-container {
    margin-bottom: 20px; }

.product-details-form-content {
  margin-bottom: 20px; }
  .product-details-form-content > fieldset {
    padding: 0px; }

.overlay-size-chart .overlay-container {
  padding: 25px; }
@charset "UTF-8";
/**
* PDP - Overlay Add To Bag (Desktop)
**/
/**
* PDP - Overlay Add To Bag (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.overlay {
  /* Reset styles only for this modal */ }
  .overlay.overlay-add-to-bag {
    position: absolute;
    top: 80px;
    width: 100%;
    background: #ffffff;
    z-index: 100;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(51, 51, 51, 0.11);
    -moz-box-shadow: 0px 0px 10px 2px rgba(51, 51, 51, 0.11);
    box-shadow: 0px 0px 10px 2px rgba(51, 51, 51, 0.11); }
    .overlay.overlay-add-to-bag .overlay-container {
      padding: 0 16px; }
    .overlay.overlay-add-to-bag:before {
      background-color: transparent; }
    .overlay.overlay-add-to-bag .modal-header {
      text-align: left; }
      .overlay.overlay-add-to-bag .modal-header h2 {
        font-family: 'Avenir';
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none; }
      .overlay.overlay-add-to-bag .modal-header .button-modal-close {
        width: 27px;
        height: 31px;
        right: 16px;
        top: 15px; }
        .overlay.overlay-add-to-bag .modal-header .button-modal-close:before {
          width: 24px;
          height: 2px;
          top: 14px;
          background-color: #333333; }
        .overlay.overlay-add-to-bag .modal-header .button-modal-close:after {
          width: 2px;
          height: 24px;
          left: -1px;
          top: 1px;
          background-color: #333333; }

.overlay-add-to-bag {
  /* Reset Styles */ }
  .overlay-add-to-bag .container-price {
    display: none; }
  .overlay-add-to-bag .item-shopping-cart {
    list-style-type: none;
    margin: 20px 0px;
    border: 0px; }
    .overlay-add-to-bag .item-shopping-cart .container-image {
      width: 45px;
      height: auto; }
    .overlay-add-to-bag .item-shopping-cart .product-description {
      width: calc(100% - 67px); }
    .overlay-add-to-bag .item-shopping-cart .container-description-view span {
      display: inline-block;
      padding-right: 10px;
      margin-right: 10px;
      position: relative;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
      .overlay-add-to-bag .item-shopping-cart .container-description-view span:after {
        content: '';
        width: 1px;
        height: 10px;
        background: #666666;
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 3px; }
      .overlay-add-to-bag .item-shopping-cart .container-description-view span:last-of-type:after {
        display: none; }
  .overlay-add-to-bag .button-container {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%; }
  .overlay-add-to-bag .button-view-bag {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #333333; }
    .overlay-add-to-bag .button-view-bag.focused, .overlay-add-to-bag .button-view-bag:focus {
      background-color: #333333; }
    .overlay-add-to-bag .button-view-bag.pressed, .overlay-add-to-bag .button-view-bag:active {
      background-color: #333333; }
    .overlay-add-to-bag .button-view-bag.disabled, .overlay-add-to-bag .button-view-bag:disabled {
      background-color: #999999; }
  .overlay-add-to-bag .button-checkout {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #4873bb;
    margin-top: 20px; }
    .overlay-add-to-bag .button-checkout.focused, .overlay-add-to-bag .button-checkout:focus {
      background-color: #4873bb; }
    .overlay-add-to-bag .button-checkout.pressed, .overlay-add-to-bag .button-checkout:active {
      background-color: #4873bb; }
    .overlay-add-to-bag .button-checkout.disabled, .overlay-add-to-bag .button-checkout:disabled {
      background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
    .overlay-add-to-bag .button-checkout.loading:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F11B";
      -webkit-animation: 2s rotate linear infinite;
      animation: 2s rotate linear infinite; }

.overlay {
  background: #ffffff;
  /* Reset styles only for this modal */ }
  .overlay.overlay-add-to-bag {
    max-height: 200px;
    top: 163px; }
    .overlay.overlay-add-to-bag .overlay-container {
      padding: 30px 16px; }
    .overlay.overlay-add-to-bag .modal-header .button-modal-close {
      top: 26px; }

.overlay-add-to-bag {
  position: relative;
  /* Reset Styles */ }
  .overlay-add-to-bag .title-checkout-modal {
    display: inline-block;
    vertical-align: middle;
    width: 20%; }
  .overlay-add-to-bag .item-shopping-cart {
    display: inline-block;
    border-bottom: 0px;
    vertical-align: middle;
    width: 40%;
    margin: 0px; }
    .overlay-add-to-bag .item-shopping-cart .container-description-view span {
      display: inline-block;
      padding-right: 10px;
      margin-right: 10px;
      position: relative;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
      .overlay-add-to-bag .item-shopping-cart .container-description-view span:after {
        content: '';
        width: 1px;
        height: 10px;
        background: #666666;
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 3px; }
      .overlay-add-to-bag .item-shopping-cart .container-description-view span:last-of-type:after {
        display: none; }
  .overlay-add-to-bag .button-container {
    display: inline-block;
    float: right;
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    width: 40%;
    margin-bottom: 0px;
    padding-right: 20px; }
  .overlay-add-to-bag .button-view-bag,
  .overlay-add-to-bag .button-checkout {
    width: 48%;
    padding: 0 50px; }
  .overlay-add-to-bag .button-checkout {
    margin-top: 0px;
    margin-left: 20px; }
@charset "UTF-8";
/*
 * Global Spinner and Loading Icon (Responsive)
 * NOTE: Generated by http://responsive-css.spritegen.com Responsive CSS Sprite Generator
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
-webkit-keyframes rotating from {
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }

-webkit-keyframes rotating to {
  -ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg); }

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

.general-loading {
  position: relative;
  min-height: 300px;
  display: block; }

.general-loading-content {
  position: absolute;
  font-size: 0px;
  display: inline-block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

@keyframes loading {
  0% {
    background-position: 0 0%;
    background-size: 100%; }
  3.2% {
    background-position: 0 3.333333%;
    background-size: 100%; }
  6.4% {
    background-position: 0 6.666667%;
    background-size: 100%; }
  9.6% {
    background-position: 0 10%;
    background-size: 100%; }
  12.8% {
    background-position: 0 13.333333%;
    background-size: 100%; }
  16% {
    background-position: 0 16.666667%;
    background-size: 100%; }
  19.2% {
    background-position: 0 20%;
    background-size: 100%; }
  22.4% {
    background-position: 0 23.333333%;
    background-size: 100%; }
  25.6% {
    background-position: 0 26.666667%;
    background-size: 100%; }
  28.8% {
    background-position: 0 30%;
    background-size: 100%; }
  32% {
    background-position: 0 33.333333%;
    background-size: 100%; }
  35.2% {
    background-position: 0 36.666667%;
    background-size: 100%; }
  38.4% {
    background-position: 0 40%;
    background-size: 100%; }
  41.6% {
    background-position: 0 43.333333%;
    background-size: 100%; }
  44.8% {
    background-position: 0 46.666667%;
    background-size: 100%; }
  48% {
    background-position: 0 50%;
    background-size: 100%; }
  51.2% {
    background-position: 0 53.333333%;
    background-size: 100%; }
  54.4% {
    background-position: 0 56.666667%;
    background-size: 100%; }
  57.6% {
    background-position: 0 60%;
    background-size: 100%; }
  60.8% {
    background-position: 0 63.333333%;
    background-size: 100%; }
  64% {
    background-position: 0 66.666667%;
    background-size: 100%; }
  67.2% {
    background-position: 0 70%;
    background-size: 100%; }
  70.4% {
    background-position: 0 73.333333%;
    background-size: 100%; }
  73.6% {
    background-position: 0 76.666667%;
    background-size: 100%; }
  76.8% {
    background-position: 0 80%;
    background-size: 100%; }
  80% {
    background-position: 0 83.333333%;
    background-size: 100%; }
  83.2% {
    background-position: 0 86.666667%;
    background-size: 100%; }
  86.4% {
    background-position: 0 90%;
    background-size: 100%; }
  89.6% {
    background-position: 0 93.333333%;
    background-size: 100%; }
  92.8% {
    background-position: 0 96.666667%;
    background-size: 100%; }
  96% {
    background-position: 0 100%;
    background-size: 100%; }
  100% {
    background-position: 0 100%;
    background-size: 100%; } }

.custom-loading-icon {
  display: inline-block;
  background: url(/wcsstore/static/images/loading/loading-sprite.png) no-repeat;
  text-align: left;
  font-size: 0px;
  max-width: 100%;
  background-size: 100%;
  width: 75px;
  height: 75px;
  z-index: 10;
  animation: loading 2s steps(1) infinite; }

.loading-icon {
  position: relative;
  text-align: center;
  text-indent: 30px;
  padding: 100px 0px; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
  .loading-icon:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F11B";
    -webkit-animation: 2s rotate linear infinite;
    animation: 2s rotate linear infinite; }
  .loading-icon:before {
    font-size: 16px;
    -webkit-animation: rotating 2s infinite linear;
    -moz-animation: rotating 2s infinite linear;
    -ms-animation: rotating 2s infinite linear;
    -o-animation: rotating 2s infinite linear;
    animation: rotating 2s infinite linear; }
  .loading-icon:before {
    position: absolute;
    animation-direction: reverse;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    font-size: 60px; }
  .loading-icon:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    display: inline-block;
    left: 0px;
    top: 0px;
    background: rgba(247, 247, 247, 0.7); }
  .loading-icon:before {
    text-indent: 0px;
    font-size: 60px;
    vertical-align: middle;
    position: relative;
    left: -15px;
    z-index: 3; }
  .loading-icon:after {
    width: calc(100% + 2px);
    left: -2px;
    z-index: 2;
    background: transparent; }
@charset "UTF-8";
/**
* Bopis Modal (Mobile)
**/
/**
* Bopis Modal (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.overlay-bopis-content {
  /** Button calculate distance*/
  /** Modal Title */
  /** Modal icon x close */
  /** Error box */
  /** Text after the header modal */
  /** Item - Container */
  /** Item - Title */
  /** Item - Image */
  /** Item - container-selects */
  /** Serch Store */
  /** empty stores-info */
  /** stores-info */
  /** product's selectors change style */ }
  .overlay-bopis-content .calculate-distance-button {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    margin-bottom: 5px;
    text-decoration: underline;
    display: inline-block;
    width: 100%; }
  .overlay-bopis-content .title-container {
    padding: 25px 0;
    position: relative; }
    .overlay-bopis-content .title-container:after {
      content: '';
      background-color: #e3e3e3;
      display: inline-block;
      width: calc(100% + (27px * 2));
      height: 1px;
      position: absolute;
      bottom: 0;
      left: -27px; }
  .overlay-bopis-content .preferred-store-message,
  .overlay-bopis-content .disabled-fits-message {
    margin: 0 0 10px;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #c60808; }
  .overlay-bopis-content .button-modal-close:before {
    background: #333333;
    width: 14px;
    height: 2px; }
  .overlay-bopis-content .button-modal-close:after {
    height: 14px;
    width: 2px;
    top: -1px;
    background: #333333; }
  .overlay-bopis-content .error-box {
    margin-top: 15px; }
  .overlay-bopis-content .message-container {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    text-align: center;
    margin-top: 30px; }
    .overlay-bopis-content .message-container strong {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
  .overlay-bopis-content .item-product-container {
    margin: 30px -27px 25px;
    padding: 20px 27px;
    background: #f7f7f7;
    *zoom: 1; }
    .overlay-bopis-content .item-product-container:after {
      content: "";
      display: table;
      clear: both; }
  .overlay-bopis-content .product-title {
    margin-bottom: 15px;
    text-transform: capitalize; }
  .overlay-bopis-content .container-image {
    width: 116px;
    display: inline-block;
    vertical-align: top; }
    .overlay-bopis-content .container-image img {
      width: 100%; }
  .overlay-bopis-content .container-selects {
    padding: 0px;
    width: calc(100% - 116px);
    padding-left: 25px;
    display: inline-block; }
  .overlay-bopis-content .container-price {
    width: calc(100% - 116px);
    padding-left: 25px;
    float: right; }
  .overlay-bopis-content .search-store {
    padding-bottom: 30px;
    border-bottom: 1px solid #e3e3e3; }
  .overlay-bopis-content .distance-input {
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-top: 20px; }
  .overlay-bopis-content .button-search-bopis {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #4873bb;
    width: calc(50% - 10px);
    vertical-align: top;
    margin-top: 15px; }
    .overlay-bopis-content .button-search-bopis.focused, .overlay-bopis-content .button-search-bopis:focus {
      background-color: #4873bb; }
    .overlay-bopis-content .button-search-bopis.pressed, .overlay-bopis-content .button-search-bopis:active {
      background-color: #4873bb; }
    .overlay-bopis-content .button-search-bopis.disabled, .overlay-bopis-content .button-search-bopis:disabled {
      background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
    .overlay-bopis-content .button-search-bopis.loading:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F11B";
      -webkit-animation: 2s rotate linear infinite;
      animation: 2s rotate linear infinite; }
    .overlay-bopis-content .button-search-bopis.button-search-bopis {
      width: auto; }
    .overlay-bopis-content .button-search-bopis.button-search-bopis-limited {
      width: 100%; }
  .overlay-bopis-content .store-availability-checkbox {
    margin-bottom: 10px; }
  .overlay-bopis-content .empty-search-result {
    margin: 30px 0 40px;
    text-align: center; }
    .overlay-bopis-content .empty-search-result .message-container {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 20px;
      letter-spacing: 0;
      line-height: 1.25;
      text-transform: none;
      text-decoration: none;
      color: #333333; }
    .overlay-bopis-content .empty-search-result .button-cancel {
      margin-top: 50px; }
  .overlay-bopis-content .search-result {
    margin: 20px 0; }
  .overlay-bopis-content .bopis-store-item-info {
    padding: 30px 0 40px;
    border-top: 1px solid #e3e3e3; }
    .overlay-bopis-content .bopis-store-item-info:last-child {
      border-bottom: 1px solid #e3e3e3; }
    .overlay-bopis-content .bopis-store-item-info.selected .store-name:after {
      content: '';
      background: url(/wcsstore/static/images/bopis-recent-store.png) no-repeat;
      width: 15px;
      height: 20px;
      position: absolute;
      margin-left: 15px;
      top: 1px; }
    .overlay-bopis-content .bopis-store-item-info .error-box {
      margin: 0px;
      margin-bottom: 20px; }
  .overlay-bopis-content .store-name {
    margin-bottom: 5px;
    text-transform: capitalize;
    position: relative; }
  .overlay-bopis-content .content-direction, .overlay-bopis-content .content-store-detail,
  .overlay-bopis-content .content-store-detail {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px; }
  .overlay-bopis-content .content-store-detail {
    margin-left: 20%; }
  .overlay-bopis-content .distance-container {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    margin-bottom: 20px;
    display: block; }
  .overlay-bopis-content .store-address {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    text-transform: capitalize; }
  .overlay-bopis-content .store-phone-number {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    margin-bottom: 20px;
    display: block; }
  .overlay-bopis-content .extended-schedule {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.42; }
  .overlay-bopis-content .bopis-availability {
    width: calc(40% - 10px);
    margin-right: 20px;
    display: inline-block;
    text-align: center; }
  .overlay-bopis-content .select-store-button {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #ca0088;
    width: calc(60% - 10px); }
    .overlay-bopis-content .select-store-button.focused, .overlay-bopis-content .select-store-button:focus {
      background-color: #ca0088; }
    .overlay-bopis-content .select-store-button.pressed, .overlay-bopis-content .select-store-button:active {
      background-color: #ca0088; }
    .overlay-bopis-content .select-store-button.disabled, .overlay-bopis-content .select-store-button:disabled {
      background-color: #999999; }
  .overlay-bopis-content .custom-select-common .selection,
  .overlay-bopis-content .mini-dropdown .selection {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    height: 35px;
    padding: 11px 0px; }
    .overlay-bopis-content .custom-select-common .selection:after, .overlay-bopis-content .custom-select-common .selection:before,
    .overlay-bopis-content .mini-dropdown .selection:after,
    .overlay-bopis-content .mini-dropdown .selection:before {
      right: 9px;
      bottom: 16px;
      width: 7px; }
    .overlay-bopis-content .custom-select-common .selection:after,
    .overlay-bopis-content .mini-dropdown .selection:after {
      right: 5.5px; }
  .overlay-bopis-content .custom-select-common .inline-error-message,
  .overlay-bopis-content .mini-dropdown .inline-error-message {
    white-space: normal; }
  .overlay-bopis-content .custom-select-button:after, .overlay-bopis-content .custom-select-button:before {
    bottom: 16px; }
  .overlay-bopis-content .select-size {
    width: 50%;
    margin-right: 10%;
    vertical-align: top; }
  .overlay-bopis-content .select-quantity {
    width: 40%;
    vertical-align: top; }
  .overlay-bopis-content .product-list-price {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #999999;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-decoration: line-through; }
    .overlay-bopis-content .product-list-price + .product-offer-price {
      margin-left: 10px; }
  .overlay-bopis-content .product-offer-price {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .overlay-bopis-content .button-view-all,
  .overlay-bopis-content .button-cancel-search {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #333333;
    margin-top: 30px;
    position: relative;
    outline: none; }
    .overlay-bopis-content .button-view-all.focused, .overlay-bopis-content .button-view-all:focus,
    .overlay-bopis-content .button-cancel-search.focused,
    .overlay-bopis-content .button-cancel-search:focus {
      background-color: #333333; }
    .overlay-bopis-content .button-view-all.pressed, .overlay-bopis-content .button-view-all:active,
    .overlay-bopis-content .button-cancel-search.pressed,
    .overlay-bopis-content .button-cancel-search:active {
      background-color: #4873bb; }
    .overlay-bopis-content .button-view-all.disabled, .overlay-bopis-content .button-view-all:disabled,
    .overlay-bopis-content .button-cancel-search.disabled,
    .overlay-bopis-content .button-cancel-search:disabled {
      background-color: #999999; }
    .overlay-bopis-content .button-view-all:before,
    .overlay-bopis-content .button-cancel-search:before {
      content: '';
      position: absolute;
      top: -30px;
      left: 0px;
      background: rgba(51, 51, 51, 0.11);
      width: 100%;
      height: 1px;
      display: inline-block; }
    .overlay-bopis-content .button-view-all u,
    .overlay-bopis-content .button-cancel-search u {
      text-decoration: none; }
  .overlay-bopis-content .error-box-bopis {
    margin-top: 20px;
    text-align: center; }
  .overlay-bopis-content .error-message {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    margin-bottom: 70px; }
  .overlay-bopis-content .button-cancel {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #333333; }
    .overlay-bopis-content .button-cancel.focused, .overlay-bopis-content .button-cancel:focus {
      background-color: #333333; }
    .overlay-bopis-content .button-cancel.pressed, .overlay-bopis-content .button-cancel:active {
      background-color: #4873bb; }
    .overlay-bopis-content .button-cancel.disabled, .overlay-bopis-content .button-cancel:disabled {
      background-color: #999999; }

.react-overlay .overlay-container.overlay-bopis-content {
  min-height: 80vh;
  max-height: 80%;
  overflow-y: auto; }

.overlay-bopis-content {
  max-width: 800px;
  display: block;
  margin: 0 auto;
  height: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  /** Search store */
  /* Store Name Item */ }
  .overlay-bopis-content .title-container {
    padding: 25px 0 5px; }
    .overlay-bopis-content .title-container:after {
      content: none; }
  .overlay-bopis-content .message-container {
    width: 328px;
    margin: 0 auto; }
  .overlay-bopis-content .item-product-container {
    margin: 35px -27px;
    padding: 30px 90px;
    width: calc(100% + 54px);
    display: inline-block; }
  .overlay-bopis-content .container-image {
    width: 130px;
    display: inline-block;
    float: left; }
  .overlay-bopis-content .details-product-container {
    width: calc(100% - 150px);
    margin-left: 20px;
    display: inline-block; }
  .overlay-bopis-content .product-title {
    width: calc(100% - 130px);
    float: right;
    padding-left: 20px;
    margin-bottom: 8px; }
  .overlay-bopis-content .preferred-store-message {
    width: calc(100% - 130px);
    float: right;
    padding-left: 20px; }
  .overlay-bopis-content .container-selects {
    width: calc(100% - 130px);
    padding: 0;
    padding-left: 20px;
    margin-bottom: 0px;
    float: right; }
  .overlay-bopis-content .bag-item-color-select-closed,
  .overlay-bopis-content .bag-item-color-select {
    width: 22%;
    margin-right: 3%;
    vertical-align: top; }
  .overlay-bopis-content .select-size {
    width: 22%;
    margin-right: 3%; }
  .overlay-bopis-content .select-fit {
    width: 22%;
    margin-right: 3%; }
  .overlay-bopis-content .select-quantity {
    width: 22%;
    margin: 0%; }
  .overlay-bopis-content .container-price {
    width: calc(100% - 132px);
    margin-top: 5px;
    padding-left: 20px;
    float: right; }
  .overlay-bopis-content .address-location-input {
    width: calc(50% - 20px);
    margin-right: 30px;
    vertical-align: top; }
  .overlay-bopis-content .distance-input {
    width: calc(25% - 20px);
    margin-top: 1px;
    margin-right: 30px;
    vertical-align: top; }
  .overlay-bopis-content .button-search-bopis {
    width: calc(25% - 20px);
    margin: 0; }
    .overlay-bopis-content .button-search-bopis.button-search-bopis {
      width: auto; }
  .overlay-bopis-content .button-search-bopis-limited {
    margin-left: 20px;
    margin-top: 30px; }
  .overlay-bopis-content .bopis-store-item-info {
    position: relative;
    display: inline-block;
    width: 100%; }
    .overlay-bopis-content .bopis-store-item-info.selected {
      border: solid 1px;
      margin-left: -24px;
      padding-left: 24px;
      width: calc(24px + 100% + 24px);
      padding-right: 24px; }
  .overlay-bopis-content .empty-search-result {
    padding: 0px 50px; }
  .overlay-bopis-content .search-result {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    text-align: center;
    padding: 0px 50px; }
  .overlay-bopis-content .store-name {
    width: 66%; }
  .overlay-bopis-content .content-direction, .overlay-bopis-content .content-store-detail {
    float: left;
    margin: 0px;
    width: 33%;
    display: inline-block;
    vertical-align: top;
    padding-right: 20px; }
  .overlay-bopis-content .content-store-detail {
    width: 38%; }
  .overlay-bopis-content .select-store-button {
    width: 27%;
    float: right;
    margin-top: 20px; }
  .overlay-bopis-content .bopis-availability {
    width: 27%;
    float: right;
    margin: 0px;
    margin-top: -28px;
    text-transform: none;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .overlay-bopis-content .error-box-bopis {
    padding: 30px; }
  .overlay-bopis-content .error-message {
    margin-bottom: 30px; }
  .overlay-bopis-content .button-cancel {
    width: 200px; }
@charset "UTF-8";
/**
* PDP - Custom Information (Desktop)
**/
/**
* PDP - Product Price (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.product-details-container .ropis-section-container,
.product-details-container .bopis-section-container {
  margin-top: 6px;
  padding: 13px 0 26px;
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  border-left: 0;
  border-right: 0;
  border-bottom: 7px solid #f7f7f7;
  width: calc(100% + 30px); }
  .product-details-container .ropis-section-container .title-ropis-section,
  .product-details-container .ropis-section-container .title-bopis-section,
  .product-details-container .bopis-section-container .title-ropis-section,
  .product-details-container .bopis-section-container .title-bopis-section {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .product-details-container .ropis-section-container .subtitle-ropis-section,
  .product-details-container .ropis-section-container .subtitle-bopis-section,
  .product-details-container .bopis-section-container .subtitle-ropis-section,
  .product-details-container .bopis-section-container .subtitle-bopis-section {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    display: inline-block; }
  .product-details-container .ropis-section-container .button-change-store,
  .product-details-container .bopis-section-container .button-change-store {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    text-transform: none;
    text-decoration: underline;
    display: inline-block;
    margin-left: 10px; }
  .product-details-container .ropis-section-container .button-reserve,
  .product-details-container .ropis-section-container .button-find-in-store,
  .product-details-container .bopis-section-container .button-reserve,
  .product-details-container .bopis-section-container .button-find-in-store {
    margin-top: 20px;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #333333; }
    .product-details-container .ropis-section-container .button-reserve.focused, .product-details-container .ropis-section-container .button-reserve:focus,
    .product-details-container .ropis-section-container .button-find-in-store.focused,
    .product-details-container .ropis-section-container .button-find-in-store:focus,
    .product-details-container .bopis-section-container .button-reserve.focused,
    .product-details-container .bopis-section-container .button-reserve:focus,
    .product-details-container .bopis-section-container .button-find-in-store.focused,
    .product-details-container .bopis-section-container .button-find-in-store:focus {
      background-color: #333333; }
    .product-details-container .ropis-section-container .button-reserve.pressed, .product-details-container .ropis-section-container .button-reserve:active,
    .product-details-container .ropis-section-container .button-find-in-store.pressed,
    .product-details-container .ropis-section-container .button-find-in-store:active,
    .product-details-container .bopis-section-container .button-reserve.pressed,
    .product-details-container .bopis-section-container .button-reserve:active,
    .product-details-container .bopis-section-container .button-find-in-store.pressed,
    .product-details-container .bopis-section-container .button-find-in-store:active {
      background-color: #333333; }
    .product-details-container .ropis-section-container .button-reserve.disabled, .product-details-container .ropis-section-container .button-reserve:disabled,
    .product-details-container .ropis-section-container .button-find-in-store.disabled,
    .product-details-container .ropis-section-container .button-find-in-store:disabled,
    .product-details-container .bopis-section-container .button-reserve.disabled,
    .product-details-container .bopis-section-container .button-reserve:disabled,
    .product-details-container .bopis-section-container .button-find-in-store.disabled,
    .product-details-container .bopis-section-container .button-find-in-store:disabled {
      background-color: #999999; }
  .product-details-container .ropis-section-container .store-name,
  .product-details-container .bopis-section-container .store-name {
    text-transform: capitalize; }
  .product-details-container .ropis-section-container .product-details-bopis-promo,
  .product-details-container .bopis-section-container .product-details-bopis-promo {
    width: 100%;
    margin-top: 10px; }

.product-details-container .ropis-section-container,
.product-details-container .bopis-section-container {
  padding-bottom: 0px;
  border-bottom: 0px; }

.product-details-container .store-name {
  text-transform: capitalize; }
@charset "UTF-8";
/**
* PDP - Display Image Product (Desktop)
**/
/**
* PDP - Display Image Product (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.product-images-container {
  /* List of Images */
  /* Image Item */ }
  .product-images-container .preview-image-list,
  .product-images-container .principal-preview-image {
    margin: 10px auto;
    position: relative;
    display: block;
    white-space: nowrap;
    overflow-x: scroll; }
  .product-images-container .principal-preview-image > div {
    width: 100%;
    white-space: normal;
    text-align: center;
    position: relative;
    display: inline-block;
    margin-right: 15px; }
    .product-images-container .principal-preview-image > div img {
      width: 100%;
      display: block;
      position: relative; }
  .product-images-container .principal-preview-image > button {
    width: 100%;
    padding: 0px 20px;
    white-space: normal;
    text-align: center;
    position: relative;
    display: inline-block; }
    .product-images-container .principal-preview-image > button img {
      width: 100%; }
  .product-images-container .principal-preview-image img {
    width: 100%; }
  .product-images-container .preview-image-item {
    width: 100%;
    white-space: normal;
    text-align: center;
    position: relative;
    display: inline-block;
    margin-right: 15px; }
    .product-images-container .preview-image-item img {
      width: 100%;
      display: block;
      position: relative; }

.overlay-image-details,
.product-images-container {
  position: relative;
  /* Buttons prev and next */ }
  .overlay-image-details .button-prev, .overlay-image-details .button-next,
  .product-images-container .button-prev, .product-images-container .button-next {
    font-size: 0px;
    position: absolute;
    left: 0px;
    z-index: 1;
    top: calc(50% - 40px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 40px;
    width: 30px;
    overflow: hidden; }
    .overlay-image-details .button-prev:before, .overlay-image-details .button-next:before,
    .product-images-container .button-prev:before, .product-images-container .button-next:before {
      content: '';
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      display: inline-block;
      border-left: solid 2px #333333;
      border-top: solid 2px #333333;
      opacity: .3;
      height: 24px;
      width: 24px;
      position: relative;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px;
      top: 1px;
      right: -7px; }
  .overlay-image-details .button-next,
  .product-images-container .button-next {
    left: auto;
    right: 0px; }
    .overlay-image-details .button-next:before,
    .product-images-container .button-next:before {
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
      top: 2px;
      right: 7px; }

/* Social Networks */
.product-details-container {
  /* Social Networks */ }
  .product-details-container .social-networks {
    margin: 15px 0px;
    width: 100%;
    float: none;
    text-align: center;
    left: auto; }
    .product-details-container .social-networks.social-networks-align-right {
      text-align: right; }
    .product-details-container .social-networks a:first-of-type {
      margin-left: 0px; }
    .product-details-container .social-networks a:last-of-type {
      margin-right: 0px; }
  .product-details-container .icon-twitter,
  .product-details-container .icon-fcbk,
  .product-details-container .icon-pinterest,
  .product-details-container .icon-instagram {
    font-size: 0px;
    top: auto;
    color: #333333;
    margin-left: 20px; }
    .product-details-container .icon-twitter:before,
    .product-details-container .icon-fcbk:before,
    .product-details-container .icon-pinterest:before,
    .product-details-container .icon-instagram:before {
      top: auto; }
    .product-details-container .icon-twitter:after,
    .product-details-container .icon-fcbk:after,
    .product-details-container .icon-pinterest:after,
    .product-details-container .icon-instagram:after {
      background-color: #ffffff; }

.overlay-image-details .overlay-content {
  overflow: auto; }

.overlay-image-details .product-images-container {
  margin-top: 30px;
  width: 100%; }

/*
 * Giftcard's Section
 */
.giftcard-details-container .product-images-container .principal-preview-image > img {
  padding: 0px 40px; }

/* Slider and Images */
.product-images-container {
  width: 60%;
  display: inline-block; }

.giftcard-images-container,
.giftcard-details-content,
.product-images-container {
  border: solid 1px #e3e3e3;
  background-color: #f7f7f7;
  padding: 20px; }

.preview-and-slider-section-container {
  width: 100%;
  display: -webkit-flex;
  display: flex; }

.preview-and-social-media-icons {
  width: 110px;
  display: inline-block;
  vertical-align: top;
  padding-right: 30px; }
  .preview-and-social-media-icons img {
    width: 100%; }
  .preview-and-social-media-icons .social-networks {
    margin-bottom: 0px; }
    .preview-and-social-media-icons .social-networks .icon-twitter,
    .preview-and-social-media-icons .social-networks .icon-fcbk,
    .preview-and-social-media-icons .social-networks .icon-pinterest,
    .preview-and-social-media-icons .social-networks .icon-instagram {
      margin: 0px;
      display: block;
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      margin-bottom: 10px; }
    .preview-and-social-media-icons .social-networks a:last-of-type {
      margin-bottom: 0px; }

.preview-image-list {
  height: calc(580px - 128px); }

.preview-image-item {
  margin-bottom: 20px;
  display: inline-block; }
  .preview-image-item.preview-image-item-selected img {
    border: solid 2px #e3e3e3; }

.main-image-container {
  width: calc(100% - 110px);
  display: inline-block;
  vertical-align: top;
  position: relative;
  float: right; }

.principal-preview-image-container {
  width: 100%; }
  .principal-preview-image-container img {
    width: 100%; }
  .principal-preview-image-container .button-resize {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 1; }

.principal-preview-image-content {
  width: 100%; }

.principal-preview-image-element {
  z-index: 100; }

.product-images-container {
  position: relative;
  /* List of Images */ }
  .product-images-container .principal-preview-image > div {
    margin-right: 0px; }
  .product-images-container .preview-image-list,
  .product-images-container .principal-preview-image {
    margin: initial;
    white-space: normal;
    overflow-x: visible; }

.main-image-container {
  /* Buttons prev and next */ }
  .main-image-container .product-images-ctas-container {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .main-image-container .button-prev, .main-image-container .overlay-image-details .button-next, .overlay-image-details .main-image-container .button-next, .main-image-container
  .product-images-container .button-next,
  .product-images-container .main-image-container .button-next,
  .main-image-container .button-next {
    position: relative;
    top: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    overflow: hidden; }
  .main-image-container .button-prev, .main-image-container .overlay-image-details .button-next, .overlay-image-details .main-image-container .button-next, .main-image-container
  .product-images-container .button-next,
  .product-images-container .main-image-container .button-next {
    margin-left: 20px;
    display: inline-block; }
  .main-image-container .button-next {
    left: auto;
    margin-right: 20px;
    display: inline-block;
    float: right; }
  .main-image-container .button-resize {
    bottom: 20px;
    position: absolute;
    right: 20px; }

/*
 * Giftcard's Section
 */
.giftcard-details-container .principal-preview-image-container {
  width: 100%; }
  .giftcard-details-container .principal-preview-image-container img {
    padding: 0% 10%; }

.giftcard-details-container .product-images-container {
  /* Buttons prev and next */ }
  .giftcard-details-container .product-images-container .button-prev, .giftcard-details-container .product-images-container .button-next {
    left: 30px; }
  .giftcard-details-container .product-images-container .button-next {
    left: auto;
    right: 30px; }
@charset "UTF-8";
/**
* Slider Bar (Desktop)
**/
/**
* Slider bar (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Bar navigation container */
.navigation-carrousel-container {
  text-align: center;
  margin: 10px 0px; }

/* Bullet item of Bar navigation */
.bullet-navigation {
  display: inline-block;
  position: relative;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0px 0px 0px 1px #999999;
  -moz-box-shadow: inset 0px 0px 0px 1px #999999;
  box-shadow: inset 0px 0px 0px 1px #999999;
  margin: 0px 4px; }
  .bullet-navigation.item-active {
    background: #999999;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.number-navigation {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #999999;
  padding: 0px 8px; }
  .number-navigation.item-active {
    color: #333333; }

.button-carrousel-prev, .button-carrousel-next {
  margin-right: 15px; }
  .button-carrousel-prev:before, .button-carrousel-next:before {
    content: '';
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
    border-left: solid 3px #999999;
    border-top: solid 3px #999999;
    height: 8px;
    width: 8px;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; }

.button-carrousel-next {
  margin-right: 0px;
  margin-left: 15px; }
  .button-carrousel-next:before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg); }
@charset "UTF-8";
/**
* Image Details Modal (Desktop)
**/
/**
* Image Details Modal (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.overlay-image-details .color-detail-container {
  margin-bottom: 30px; }

.overlay-image-details .preview-and-slider-section-container {
  position: relative; }

.overlay-image-details .modal-title {
  text-transform: capitalize; }

.react-overlay .overlay-container.overlay-simple-image-details {
  padding: 65px 27px; }
  .react-overlay .overlay-container.overlay-simple-image-details .image-zoom {
    overflow-x: hidden;
    width: 100%; }
  .react-overlay .overlay-container.overlay-simple-image-details img {
    width: 100%; }
  .react-overlay .overlay-container.overlay-simple-image-details .active-zoom-in.image-zoom {
    margin: 0px -27px;
    width: calc(100% + 54px); }
  .react-overlay .overlay-container.overlay-simple-image-details .active-zoom-in img {
    display: block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 150%; }

.overlay-image-details.overlay-container {
  min-width: 1024px;
  width: 85%;
  max-height: 93vh;
  top: 53%; }

.overlay-image-details .modal-header {
  position: relative; }
  .overlay-image-details .modal-header .button-modal-close {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0px 28px; }
    .overlay-image-details .modal-header .button-modal-close:before {
      width: 22px;
      top: 10px; }
    .overlay-image-details .modal-header .button-modal-close:after {
      height: 22px; }

.overlay-image-details .modal-title {
  padding: 30px 50px;
  text-align: left;
  border-bottom: solid 1px rgba(51, 51, 51, 0.11); }

.overlay-image-details .overlay-content {
  padding: 50px;
  padding-top: 30px;
  max-height: calc(100vh - 100px); }

.overlay-image-details .product-images-container {
  border: 0px;
  background: transparent;
  padding: 0px;
  margin-top: 28px; }

.overlay-image-details .preview-and-social-media-icons {
  width: 125px; }

.overlay-image-details .main-image-container {
  width: calc(100% - 160px); }

.overlay-image-details .preview-and-slider-section-container {
  margin-bottom: 15%; }
@charset "UTF-8";
/**
* CompleteTheLookCTA (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.complete-the-look-cta {
  position: absolute;
  bottom: 0;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border: 2px solid rgba(51, 51, 51, 0.11); }
  .complete-the-look-cta img,
  .complete-the-look-cta span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  .complete-the-look-cta span {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    padding: 12px 6px;
    font-size: 14px;
    text-transform: uppercase;
    color: #666666; }
  .complete-the-look-cta img {
    opacity: 0.3; }
@charset "UTF-8";
/**
* PDP - Product Price (Desktop)
**/
/**
* PDP - Product Price (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.outfiting-section-container,
.product-details-container {
  /* Product Price */ }
  .outfiting-section-container .product-price-container,
  .product-details-container .product-price-container {
    border-top: solid 1px rgba(51, 51, 51, 0.11);
    border-bottom: solid 1px rgba(51, 51, 51, 0.11);
    padding: 10px 0px 6px;
    margin-top: 10px; }
    .outfiting-section-container .product-price-container .number-item,
    .product-details-container .product-price-container .number-item {
      float: right;
      position: relative;
      top: 4px;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.53;
      color: #333333;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      color: #666666; }
  .outfiting-section-container .actual-price,
  .product-details-container .actual-price {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    vertical-align: middle;
    /* Color requested in ticket DT-27673  #990000 */
    color: #990000; }
  .outfiting-section-container .original-price,
  .product-details-container .original-price {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    color: #666666;
    vertical-align: middle;
    margin-left: 25px; }

.outfiting-section-container .product-price-container {
  border: 0px;
  padding-top: 0px;
  margin-top: 20px;
  width: calc(100% - 45px);
  float: left;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse; }
  .outfiting-section-container .product-price-container .number-item {
    display: none; }

.outfiting-section-container .actual-price {
  display: block;
  padding: 0px; }

.outfiting-section-container .original-price {
  display: block;
  margin: 0px;
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.25px;
  line-height: 1.38;
  color: #666666; }

.product-details-container,
.outfiting-section-container {
  /* Product Price */ }
  .product-details-container .product-price-container,
  .outfiting-section-container .product-price-container {
    margin: 10px 0px 20px; }
  .product-details-container .product-details-header-container + .product-details-header-promo-text-area,
  .outfiting-section-container .product-details-header-container + .product-details-header-promo-text-area {
    margin-bottom: 20px; }

.product-details-container {
  /* Product Price */ }
  .product-details-container .product-price-container .number-item {
    top: 0px; }

.outfiting-section-container {
  /* Product Price */ }
  .outfiting-section-container .product-price-container {
    border-top: solid 1px rgba(51, 51, 51, 0.11);
    border-bottom: solid 1px rgba(51, 51, 51, 0.11);
    padding: 10px 0px 6px;
    display: inline-block;
    width: 100%; }
    .outfiting-section-container .product-price-container .number-item {
      float: right;
      position: relative;
      top: 0px;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.53;
      color: #333333;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      color: #666666; }
  .outfiting-section-container .actual-price {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    vertical-align: middle;
    /* Color requested in ticket DT-27673  #990000 */
    color: #990000;
    display: inline-block; }
  .outfiting-section-container .original-price {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    display: inline-block;
    color: #666666;
    vertical-align: middle;
    margin-left: 25px; }
@charset "UTF-8";
/**
* Quick View (Desktop)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/* NOTE and REVIEW: why we didn't use mobile styles as base? */
.quickview-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #ffffff;
  z-index: 3;
  padding: 16px; }
  .quickview-container .button-close {
    outline: 0px; }
  .quickview-container .product-details-form-container .button-add-to-bag {
    position: static;
    width: calc(100% - 40px);
    margin: 5px auto 0; }
  .quickview-container .button-close {
    transform: rotate(-45deg);
    overflow: hidden;
    position: absolute;
    color: transparent;
    top: 10px;
    right: 0; }
    .quickview-container .button-close:before, .quickview-container .button-close:after {
      content: '';
      position: relative;
      display: block;
      background: #333333;
      margin: auto; }
    .quickview-container .button-close:before {
      position: absolute;
      width: 14px;
      height: 2px;
      background-color: #333333;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .quickview-container .button-close:after {
      position: absolute;
      height: 14px;
      width: 2px;
      background-color: #333333;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .quickview-container .link-redirect {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    text-transform: none;
    text-decoration: underline; }
  .quickview-container .product-details-form-content .color-chips-selector-container,
  .quickview-container .product-details-form-content .size-and-fit-detail-container {
    margin-bottom: 20px; }
    .quickview-container .product-details-form-content .color-chips-selector-container .inline-error-message,
    .quickview-container .product-details-form-content .size-and-fit-detail-container .inline-error-message {
      white-space: normal; }
  .quickview-container .product-details-form-content .color-chips-selector-title + .selected-option:before {
    content: ': '; }
  .quickview-container .product-details-form-content .size-and-fit-detail-title:after,
  .quickview-container .product-details-form-content .qty-details-title:after {
    content: ': '; }
  .quickview-container .product-details-form-content .qty-details-title {
    white-space: nowrap; }
  .quickview-container .product-details-form-content .select-qty {
    text-align: left;
    margin-right: 0px; }
@charset "UTF-8";
/**
* Cart, Favorites and Pick Up Button (Product's Item)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.products-listing-grid .bag-button-container + .pickup-button-icon-spinner {
  margin-top: 10px; }

.products-listing-grid .bag-button-icon-spinner + .pickup-button-icon-spinner {
  margin-top: 10px; }

.item-button-container {
  width: auto;
  right: 15px;
  z-index: 1;
  /* All Icon */
  /* Wishlist or Favorite Icon */
  /* Cart Icon */
  /* Pickup Icon */
  /* * * * * * */ }
  .item-button-container .inline-spinner-item {
    position: absolute;
    font-size: 0px;
    padding: 0px;
    right: 3px;
    width: 45px;
    height: 45px; }
    .item-button-container .inline-spinner-item:before, .item-button-container .inline-spinner-item:after {
      font-size: 18px; }
  .item-button-container .bag-icon-container,
  .item-button-container .favorite-icon-container,
  .item-button-container .pickup-icon-container {
    font-size: 0;
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 15px;
    z-index: 2;
    background: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    vertical-align: top;
    outline: none; }
    .item-button-container .bag-icon-container.hover-button-enabled:hover,
    .item-button-container .favorite-icon-container.hover-button-enabled:hover,
    .item-button-container .pickup-icon-container.hover-button-enabled:hover {
      background: transparent; }
      .item-button-container .bag-icon-container.hover-button-enabled:hover .message-icon,
      .item-button-container .favorite-icon-container.hover-button-enabled:hover .message-icon,
      .item-button-container .pickup-icon-container.hover-button-enabled:hover .message-icon {
        display: block; }
  .item-button-container .bag-icon-container.hover-button-enabled:hover:before,
  .item-button-container .pickup-icon-container.hover-button-enabled:hover:before {
    background-color: #333333;
    color: #ffffff; }
  .item-button-container .favorite-icon-container {
    z-index: 2;
    top: 50px;
    /* On Mobile device, Favorites icon is showing itself alone, without pickup or cart icon */ }
    .item-button-container .favorite-icon-container:only-child {
      z-index: 0;
      top: 16px; }
    .item-button-container .favorite-icon-container:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F120";
      color: #666666; }
    .item-button-container .favorite-icon-container:before {
      font-size: 25px;
      color: #333333;
      position: relative; }
    .item-button-container .favorite-icon-container.favorite-icon-active:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F138";
      color: #333333; }
    .item-button-container .favorite-icon-container.favorite-icon-active:before {
      font-size: 25px;
      color: #333333;
      padding: 0px;
      background-color: transparent;
      color: #333333;
      -webkit-border-radius: 0%;
      -moz-border-radius: 0%;
      -ms-border-radius: 0%;
      -o-border-radius: 0%;
      border-radius: 0%; }
    .item-button-container .favorite-icon-container.hover-button-enabled {
      /* active information remove */ }
      .item-button-container .favorite-icon-container.hover-button-enabled:hover:before {
        display: inline-block;
        font-family: "icons";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        content: "\F110";
        color: #666666; }
      .item-button-container .favorite-icon-container.hover-button-enabled:hover:before {
        font-size: 17px;
        padding: 4px;
        background-color: #333333;
        color: #ffffff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
      .item-button-container .favorite-icon-container.hover-button-enabled:hover .information-remove {
        display: block; }
  .item-button-container .bag-icon-container {
    top: 16px; }
    .item-button-container .bag-icon-container:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F11C";
      color: #333333; }
    .item-button-container .bag-icon-container:before {
      font-size: 14px;
      padding: 3px 4px 6px 5px;
      border: 1px solid #333333;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
  .item-button-container .bag-icon-spinner {
    top: 8px;
    margin-right: 1px; }
  .item-button-container .pickup-icon-container {
    top: 85px; }
    .item-button-container .pickup-icon-container:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F12C"; }
    .item-button-container .pickup-icon-container:before {
      font-size: 23px;
      border: 1px solid #333333;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
  .item-button-container .pickup-icon-spinner {
    top: 89px; }
  .item-button-container .pickup-icon-container:nth-child(2) {
    top: 50px; }
  .item-button-container .pickup-icon-spinner:nth-child(2) {
    top: 54px; }
  .item-button-container .message-icon {
    display: none;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: capitalize;
    text-align: left;
    border: solid 1px #333333;
    background-color: #ffffff;
    padding: 8px 10px 6px 10px;
    top: 0;
    right: 24px;
    position: absolute;
    margin-right: 10px;
    line-height: normal;
    min-width: 125px; }
    .item-button-container .message-icon:after {
      content: '';
      width: 7px;
      height: 7px;
      border-right: solid 1px #333333;
      border-top: solid 1px #333333;
      background: #ffffff;
      display: inline-block;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      right: -5px; }

/* Favorite's Section */
.wishlist-list-container {
  /* Wishlist or Favorite Icon */
  /* Cart Icon */
  /* SOLD OUT ITEM on Favorite List */ }
  .wishlist-list-container .favorite-icon-container {
    z-index: 0;
    top: 16px;
    /* active information remove */ }
    .wishlist-list-container .favorite-icon-container:hover:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F138";
      color: #333333; }
    .wishlist-list-container .favorite-icon-container:hover:before {
      font-size: 25px;
      padding: 0px;
      background-color: transparent;
      color: #333333; }
  .wishlist-list-container .bag-icon-container {
    top: 50px; }
  .wishlist-list-container .bag-icon-spinner {
    top: 54px; }
  .wishlist-list-container .bag-icon-container:first-child {
    top: 16px; }
  .wishlist-list-container .bag-icon-spinner:first-child {
    top: 20px; }
  .wishlist-list-container .sold-out-item {
    /* Wishlist or Favorite Icon */ }
    .wishlist-list-container .sold-out-item .favorite-icon-container:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F138";
      color: #333333; }
    .wishlist-list-container .sold-out-item .favorite-icon-container:before {
      color: rgba(51, 51, 51, 0.11);
      font-size: 25px; }
    .wishlist-list-container .sold-out-item .favorite-icon-container:hover {
      opacity: .4; }
      .wishlist-list-container .sold-out-item .favorite-icon-container:hover .information-remove {
        display: none; }
    .wishlist-list-container .sold-out-item .item-button-container:before .favorite-icon-container {
      color: rgba(51, 51, 51, 0.11); }
@charset "UTF-8";
/**
* PDP - Product Details Header (Desktop)
**/
/**
* PDP - Product Details Header (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.product-details-header-container {
  margin-top: 31px; }
  .product-details-header-container .information-container {
    width: calc(100% - 35px);
    display: inline-block; }
  .product-details-header-container .product-link-title {
    text-decoration: none;
    display: inline-block; }
  .product-details-header-container .product-title {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: capitalize; }
  .product-details-header-container .ranking-container {
    margin-top: -2px;
    overflow: visible;
    height: auto;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative; }
  .product-details-header-container .custom-ranking-container {
    margin-top: -2px;
    overflow: visible;
    height: 23px;
    width: 110px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-color: #e3e3e3; }
  .product-details-header-container .icons-image {
    width: calc(100% + 2px);
    z-index: 1;
    position: relative;
    left: -1px;
    top: -1px;
    margin-right: 1px; }
  .product-details-header-container .ranking-bar {
    background-color: #ca0088;
    left: 0px;
    top: 2px;
    height: 18px;
    position: absolute;
    display: inline-block; }
  .product-details-header-container .qty-reviews {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: 5px; }

.breadcrum-container + .go-back-container {
  margin-top: 20px; }

.giftcard-details-container > .product-details-header-promo-text-area {
  margin-top: 0px; }

.product-details-header-promo-text-area {
  margin-top: 10px;
  padding: 13px 0 26px;
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  border-left: 0;
  border-right: 0;
  border-bottom: 7px solid #f7f7f7;
  width: calc(100% + 30px); }
  .product-details-header-promo-text-area img {
    width: 100%; }

.product-details-header-container {
  margin-top: 0px; }
  .product-details-header-container .information-container {
    padding-right: 20px; }

.breadcrum-container + .go-back-container {
  margin-top: 0px; }
@charset "UTF-8";
/* ==========================================================================
	Login and Create Account
   ========================================================================== */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.account-and-login .access-acount,
.account-and-login .welcome-message,
.account-and-login .access-acount + span {
  float: left; }

.create-account-container:after {
  content: "/";
  position: relative;
  margin-left: 1px; }

.access-acount,
.welcome-message {
  display: inline-block;
  vertical-align: top; }
  .access-acount strong,
  .welcome-message strong {
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .access-acount .form-login a,
  .access-acount .form-login span,
  .access-acount .inputs-create-account a,
  .access-acount .inputs-create-account span,
  .welcome-message .form-login a,
  .welcome-message .form-login span,
  .welcome-message .inputs-create-account a,
  .welcome-message .inputs-create-account span {
    float: left; }
    .access-acount .form-login a:hover,
    .access-acount .form-login span:hover,
    .access-acount .inputs-create-account a:hover,
    .access-acount .inputs-create-account span:hover,
    .welcome-message .form-login a:hover,
    .welcome-message .form-login span:hover,
    .welcome-message .inputs-create-account a:hover,
    .welcome-message .inputs-create-account span:hover {
      border-bottom: none;
      padding-bottom: 0; }
  .access-acount .form-login .reset-password-text,
  .access-acount .inputs-create-account .reset-password-text,
  .welcome-message .form-login .reset-password-text,
  .welcome-message .inputs-create-account .reset-password-text {
    text-align: left; }
    .access-acount .form-login .reset-password-text a,
    .access-acount .inputs-create-account .reset-password-text a,
    .welcome-message .form-login .reset-password-text a,
    .welcome-message .inputs-create-account .reset-password-text a {
      margin-right: 8px;
      text-decoration: underline;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
    .access-acount .form-login .reset-password-text:first-letter,
    .access-acount .inputs-create-account .reset-password-text:first-letter,
    .welcome-message .form-login .reset-password-text:first-letter,
    .welcome-message .inputs-create-account .reset-password-text:first-letter {
      text-transform: capitalize; }
  .access-acount .form-login .link-forgot,
  .access-acount .inputs-create-account .link-forgot,
  .welcome-message .form-login .link-forgot,
  .welcome-message .inputs-create-account .link-forgot {
    float: right; }
  .access-acount .new-account > span,
  .welcome-message .new-account > span {
    text-align: center;
    width: 100%; }
  .access-acount .create-account-link,
  .welcome-message .create-account-link {
    margin-right: 5px; }
  .access-acount .login-link, .access-acount .create-account-link,
  .welcome-message .login-link,
  .welcome-message .create-account-link {
    margin-left: 5px; }

.welcome {
  width: auto;
  text-align: right;
  display: inline-block; }

.welcome-message button,
.welcome-message,
.login-link,
.create-account-link {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.25px;
  line-height: 1.38;
  color: #333333;
  position: relative;
  line-height: 39px;
  height: 39px;
  display: inline-block; }
  .welcome-message button.active:after, .welcome-message button:hover:after,
  .welcome-message.active:after,
  .welcome-message:hover:after,
  .login-link.active:after,
  .active.create-account-link:after,
  .login-link:hover:after,
  .create-account-link:hover:after {
    content: '';
    width: 100%;
    height: 2px;
    display: inline-block;
    position: absolute;
    background: #333333;
    left: 0;
    bottom: 0px;
    z-index: 2; }

.create-account-link span {
  display: inline-block; }

.welcome-message a {
  text-decoration: none;
  color: #333333; }

.welcome-message .reward-details-container {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  color: #666666; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.minicart-container {
  position: relative;
  display: inline-block;
  /* bag icon */
  /* bag icon + items end */ }
  .minicart-container .button-cart {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    color: #333333;
    -webkit-appearance: normal;
    -moz-appearance: normal;
    appearance: normal;
    position: relative;
    width: 34px;
    font-size: 10px;
    /* not mixin for this, individual icon */
    line-height: 36px;
    padding-top: 3px;
    display: inline-block; }
    .minicart-container .button-cart:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F11C";
      color: #333333; }
    .minicart-container .button-cart:before {
      position: absolute;
      top: -3px;
      left: 5px;
      font-size: 24px;
      line-height: 42px;
      /* not mixin for this, individual icon */ }
    .minicart-container .button-cart.active:after, .minicart-container .button-cart:hover:after {
      content: '';
      width: calc(100% - 4px);
      height: 2px;
      display: inline-block;
      position: absolute;
      background: #333333;
      left: 2px;
      bottom: 0px;
      z-index: 2; }

.minicart-container {
  transform: none;
  float: none;
  top: 0px;
  line-height: 39px;
  height: 39px; }
  .minicart-container .button-cart {
    line-height: 39px;
    height: 39px;
    overflow: hidden;
    padding-top: 0px; }
    .minicart-container .button-cart:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F11C";
      color: #333333; }
    .minicart-container .button-cart:before {
      position: absolute;
      top: -2px;
      top: auto;
      left: 0px;
      width: 34px;
      bottom: 10px;
      line-height: normal; }
@charset "UTF-8";
/* ==========================================================================
	My place Rewards Link
   ========================================================================== */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.my-place-rewards {
  display: inline-block;
  width: auto;
  vertical-align: top; }
  .my-place-rewards .my-place-rewards-link {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    text-decoration: none;
    margin-left: 7px;
    color: #333333;
    position: relative;
    display: inline-block;
    line-height: 39px;
    padding-bottom: 4px; }
  .my-place-rewards.active .my-place-rewards-link:after, .my-place-rewards:not(.touch):hover .my-place-rewards-link:after {
    content: '';
    width: 100%;
    height: 2px;
    display: inline-block;
    position: absolute;
    background: #333333;
    left: 0;
    bottom: 3px;
    z-index: 2; }
  .my-place-rewards .rewards-expanded {
    display: none;
    position: absolute;
    z-index: 103;
    padding: 12px;
    width: 384px;
    height: 284px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 44px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.29);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.29);
    /* NOTE: to satisfy DT-28171, issue reported for tablet device */ }
    .my-place-rewards .rewards-expanded:after, .my-place-rewards .rewards-expanded:before {
      content: "";
      display: block;
      z-index: 1;
      position: absolute;
      top: -20px;
      left: 50%;
      margin-left: -10px;
      border-width: 10px;
      border-style: solid;
      border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; }
    .my-place-rewards .rewards-expanded:after {
      z-index: 2;
      border-color: transparent transparent #ffffff transparent;
      margin-left: -8px;
      border-width: 8px;
      top: -16px; }
    @media (max-width: 1340px) {
      .my-place-rewards .rewards-expanded {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        left: auto;
        right: 0px; }
        .my-place-rewards .rewards-expanded:after, .my-place-rewards .rewards-expanded:before {
          left: auto;
          right: 0px; }
        .my-place-rewards .rewards-expanded:after {
          right: 2px; } }
    .my-place-rewards .rewards-expanded .create-account-banner {
      padding: 0px;
      margin: 0px; }
      .my-place-rewards .rewards-expanded .create-account-banner:empty {
        display: none; }
    .my-place-rewards .rewards-expanded img {
      width: 100%;
      height: auto; }
  .my-place-rewards.touch .rewards-expanded {
    display: block; }
  .my-place-rewards.active .rewards-expanded, .my-place-rewards:not(.touch):hover .rewards-expanded {
    display: block; }
@charset "UTF-8";
/* ==========================================================================
	Wishlist Link
   ========================================================================== */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.wishlist-header {
  display: inline-block;
  line-height: 39px;
  height: 39px; }

.wishlist-link {
  text-decoration: none;
  color: #333333;
  position: relative;
  display: inline-block;
  height: 39px;
  line-height: 39px;
  font-size: 0; }
  .wishlist-link:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F128";
    color: #333333; }
  .wishlist-link:before {
    line-height: 39px;
    font-size: 31px; }
  .wishlist-link.active:before, .wishlist-link:hover:before {
    color: #333333; }
  .wishlist-link.active:after, .wishlist-link:hover:after {
    content: '';
    width: 100%;
    height: 2px;
    display: inline-block;
    position: absolute;
    background: #333333;
    left: 0;
    bottom: 0px;
    z-index: 2; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.welcome {
  float: right;
  line-height: normal;
  height: 39px;
  display: inline-block;
  left: 5px;
  position: relative;
  margin-right: 10px;
  height: 39px; }
  .welcome > div:last-of-type {
    margin-right: 0px; }
  .welcome > div,
  .welcome .welcome-message {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 14px;
    /* When the name is long, we are using "..." to hide part of it */ }
    .welcome > div.my-place-rewards,
    .welcome .welcome-message.my-place-rewards {
      margin-right: 10px; }
    .welcome > div.wishlist-header,
    .welcome .welcome-message.wishlist-header {
      margin-right: 14px; }
    .welcome > div .welcome-name,
    .welcome .welcome-message .welcome-name {
      max-width: 145px;
      position: relative;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle;
      margin-right: 5px;
      text-align: right; }
  .welcome .button-wishlist {
    margin-right: -4px;
    margin-left: 15px;
    color: #333333; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.remembered-logout {
  position: absolute;
  right: 27px;
  top: 12px; }
  .remembered-logout .button-logout {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-transform: none;
    color: #333333;
    text-transform: uppercase;
    text-decoration: underline;
    display: inline-block;
    margin-left: 5px; }

.login-button + .remembered-logout {
  margin-top: 20px; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Track Order */
.track-order .container-popup {
  padding: 0; }
  .track-order .container-popup label {
    margin-bottom: 25px; }
    .track-order .container-popup label:last-of-type {
      margin-bottom: 0; }

.track-order .subheading-trackorder {
  margin: 5px 0 25px; }

.track-order .container-shortcuts {
  text-align: center; }
  .track-order .container-shortcuts p {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    line-height: 18px; }
    .track-order .container-shortcuts p.international-order {
      margin-top: 31px; }

.track-order a,
.track-order a.need-help {
  text-decoration: underline;
  color: #333333; }

.track-order .need-help {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.15;
  text-decoration: none;
  text-transform: none;
  color: #333333;
  margin-top: 13px;
  display: block; }

.track-order .button-submit {
  margin: 41px 0 36px; }

.track-order .button-login {
  text-decoration: underline; }

/* Track Order */
.track-order .container-popup {
  padding: 38px 89px 30px; }

.track-order .header-popup {
  margin-bottom: 45px; }

.track-order-desktop .error-box {
  margin-bottom: 30px;
  margin-top: -20px; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* styles for box accordion group */
.accordion-group {
  margin-top: 30px; }
  .accordion-group + .order-sumary {
    border-top: 0; }

/* style for unexpanded Accordion */
.accordion {
  background: #ffffff;
  cursor: pointer;
  text-align: left;
  border: solid 1px #e3e3e3;
  position: relative;
  width: auto;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 7px solid #f7f7f7;
  width: calc(100% + 30px);
  /* button toggle "+" or "-" for Accordion (expanded and unexpanded) */
  /* styles for elements accordion box content (unexpanded state) */ }
  .accordion .accordion-button-toggle {
    padding: 20px;
    position: relative; }
  .accordion .accordion-toggle {
    position: absolute;
    right: 5px;
    height: 15px;
    width: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .accordion .accordion-toggle:before {
      content: '';
      width: 7px;
      height: 7px;
      position: relative;
      display: inline-block;
      border-bottom: 2px solid black;
      border-left: 2px solid black;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      left: 3px; }
  .accordion .accordion-element {
    padding: 0px 20px;
    display: none; }
  .accordion.accordion-expanded .accordion-element {
    display: block; }

/*  style for expanded Accordion  */
.accordion-expanded {
  margin-bottom: 0;
  padding-bottom: 5px;
  /* styles for elements accordion box content (expanded state) */ }
  .accordion-expanded .accordion-toggle:before {
    border: 0px;
    border-top: 2px solid #333333;
    border-right: 2px solid #333333; }
  .accordion-expanded .accordion-element {
    display: block;
    margin-top: 20px; }
@charset "UTF-8";
/**
* Organized Navigations (Desktop)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/*
 * Inline Navigation
 */
.header-global-navigation {
  display: inline-block;
  width: calc(100% - 370px); }

/* Global Navigation Bar */
.navigation-bar {
  text-align: center;
  margin-left: 10%;
  margin-right: 5%;
  display: flex;
  justify-content: space-between;
  white-space: nowrap; }
  .navigation-bar .navigation-level-one {
    transition: 0.3s;
    display: inline-block;
    padding-right: 20px; }
    .navigation-bar .navigation-level-one a {
      font-family: 'Avenir';
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      letter-spacing: 0;
      line-height: 1.15;
      color: #333333;
      display: inline-block;
      position: relative;
      width: 100%;
      padding: 10px 0px 20px 0px;
      font-size: 13px; }
      .navigation-bar .navigation-level-one a span {
        position: absolute;
        width: 100%;
        font-size: 12px;
        font-weight: 100; }
    .navigation-bar .navigation-level-one .description-submenu {
      display: none;
      white-space: nowrap;
      padding: 2px 0px; }
    .navigation-bar .navigation-level-one .sub-menu-outer-container {
      visibility: hidden;
      position: absolute;
      z-index: -1;
      border-top-color: black; }
    .navigation-bar .navigation-level-one .navigation-level-one-link {
      border-bottom: 2px solid transparent; }
    .navigation-bar .navigation-level-one .sub-menu {
      position: relative;
      padding: 14px 10px 20px 10px;
      text-align: left;
      background: #ffffff;
      border: 1px solid #d2d2d2;
      z-index: 111;
      white-space: nowrap;
      border-top: 1px solid #000000; }
    .navigation-bar .navigation-level-one:hover .navigation-level-one-link {
      border-bottom: 2px solid black; }
    .navigation-bar .navigation-level-one:hover .description-submenu {
      display: block; }
    .navigation-bar .navigation-level-one:hover .sub-menu-outer-container {
      visibility: visible;
      /* shows sub-menu */
      z-index: 2; }
    .navigation-bar .navigation-level-one .sub-menu-inner-container {
      display: inline-flex; }
    .navigation-bar .navigation-level-one .sub-menu-group {
      min-width: 217px;
      padding-right: 50px;
      padding-left: 20px;
      border-right: 1px solid rgba(121, 119, 119, 0.529); }
      .navigation-bar .navigation-level-one .sub-menu-group h2 {
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 10px; }
    .navigation-bar .navigation-level-one .sub-menu-group:last-child {
      padding-right: 20px;
      border-right: 0px; }
    .navigation-bar .navigation-level-one .sub-menu-banner-below {
      background-color: #000000;
      color: #ffffff;
      padding: 4px 0px;
      font-size: 12px; }
      .navigation-bar .navigation-level-one .sub-menu-banner-below span {
        text-decoration: underline;
        padding-left: 10px; }
    .navigation-bar .navigation-level-one .sub-menu-banner-right {
      margin: 0px 15px 0px 25px; }
  .navigation-bar .navigation-level-two-item .group-index-2 {
    padding-top: 15px; }
  .navigation-bar .navigation-level-two-item .group-index-3 {
    padding-top: 15px; }
  .navigation-bar .navigation-level-two-item .group-index-4 {
    padding-top: 15px; }
  .navigation-bar .last-group {
    border-right: none !important; }
  .navigation-bar .sub-menu-outliers-group a {
    padding: 0px 0px 6px 0px;
    font-size: 16px; }
  .navigation-bar .primary-content-slot {
    padding-left: 10px; }

/* PLP Side Navigation Bar */
.inline-navigation-container {
  width: 193px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top; }
  .inline-navigation-container a,
  .inline-navigation-container button {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    line-height: 20px;
    display: block;
    text-transform: capitalize; }
  .inline-navigation-container .category-group {
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    color: #333333;
    padding: 18px 0 15px 0;
    position: relative; }
  .inline-navigation-container .navigation-level-one-item-selected > a,
  .inline-navigation-container .navigation-level-one-item-selected > button,
  .inline-navigation-container .inline-navigation-active > a,
  .inline-navigation-container .inline-navigation-active > button,
  .inline-navigation-container .inline-subnavigation-active > a,
  .inline-navigation-container .inline-subnavigation-active > button {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .inline-navigation-container .navigation-level-two-item .group-title {
    font-weight: 700;
    letter-spacing: 0.5px;
    padding-bottom: 5px; }
    .inline-navigation-container .navigation-level-two-item .group-title h2 {
      line-height: 1.5;
      font-size: 16px !important; }
  .inline-navigation-container .sub-menu-outliers-group a {
    padding: 0px 0px 10px 0px !important;
    font-size: 15px !important; }
  .inline-navigation-container .active {
    font-weight: bold !important; }

/* Both Global Navigation Bar and PLP Side Navigation Bar */
.navigation-bar .sub-menu-category-item a,
.inline-navigation-container .sub-menu-category-item a {
  padding: 4px 0px 4px 0px;
  font-weight: 400;
  font-size: 14px; }
  .navigation-bar .sub-menu-category-item a:hover,
  .inline-navigation-container .sub-menu-category-item a:hover {
    text-decoration: underline; }

.navigation-bar .sub-menu-category-item .sub-menu-category-level-three,
.inline-navigation-container .sub-menu-category-item .sub-menu-category-level-three {
  padding-left: 20px; }

.navigation-bar .sub-menu-outliers-group h2,
.inline-navigation-container .sub-menu-outliers-group h2 {
  display: none; }

.navigation-bar .sub-menu-outliers-group a,
.inline-navigation-container .sub-menu-outliers-group a {
  font-weight: 700;
  line-height: 1.25; }
  .navigation-bar .sub-menu-outliers-group a:hover,
  .inline-navigation-container .sub-menu-outliers-group a:hover {
    text-decoration: underline; }

.navigation-bar .sub-menu-outliers-group .sub-menu-category,
.inline-navigation-container .sub-menu-outliers-group .sub-menu-category {
  padding-left: 0px; }

.navigation-bar .navigation-level-two-container,
.inline-navigation-container .navigation-level-two-container {
  vertical-align: top;
  padding-left: 30px; }

@media (max-width: 1200px) {
  .navigation-bar-10-items {
    margin-left: 6%; }
    .navigation-bar-10-items .navigation-level-one-link {
      font-size: 11px !important; } }

@media (max-width: 1070px) {
  .navigation-bar-10-items {
    margin-left: 4%; }
    .navigation-bar-10-items .navigation-level-one-link {
      font-size: 10px !important; } }
@charset "UTF-8";
/**
* Modal Confirmation Cart
**/
/**
* Modal Confirmation Cart
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* All Confirmation Modals */
.overlay-confirmation {
  /* All Confirmation Modals: content */ }
  .overlay-confirmation .modal-header .modal-subtitle {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .overlay-confirmation .overlay-button-container {
    margin-top: 20px; }
  .overlay-confirmation .button-cancel {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #333333; }
    .overlay-confirmation .button-cancel.focused, .overlay-confirmation .button-cancel:focus {
      background-color: #333333; }
    .overlay-confirmation .button-cancel.pressed, .overlay-confirmation .button-cancel:active {
      background-color: #333333; }
    .overlay-confirmation .button-cancel.disabled, .overlay-confirmation .button-cancel:disabled {
      background-color: #999999; }
  .overlay-confirmation .button-confirm {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #4873bb;
    margin-top: 20px; }
    .overlay-confirmation .button-confirm.focused, .overlay-confirmation .button-confirm:focus {
      background-color: #4873bb; }
    .overlay-confirmation .button-confirm.pressed, .overlay-confirmation .button-confirm:active {
      background-color: #4873bb; }
    .overlay-confirmation .button-confirm.disabled, .overlay-confirmation .button-confirm:disabled {
      background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
    .overlay-confirmation .button-confirm.loading:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F11B";
      -webkit-animation: 2s rotate linear infinite;
      animation: 2s rotate linear infinite; }
  .overlay-confirmation .container-confirmation {
    padding: 55px 0px 25px; }

/*
 * Cart Page
 */
.message-cart-alert-container .message-cart-alert {
  text-align: center;
  margin-bottom: 30px; }

/*
 * Payment Section
 */
.payment-method-confirm-card-delete {
  /* Ending in... */
  /* Expiration date of credit card */ }
  .payment-method-confirm-card-delete .modal-only-title {
    text-align: left; }
  .payment-method-confirm-card-delete .card-info {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333; }
    .payment-method-confirm-card-delete .card-info img {
      width: 45.7px;
      height: 28.2px;
      vertical-align: middle; }
  .payment-method-confirm-card-delete .ending-numbers {
    margin-left: 14px; }
  .payment-method-confirm-card-delete .expires-message {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    margin-left: 60px;
    display: block; }
  .payment-method-confirm-card-delete .address-container {
    display: inline-block;
    margin-left: 60px;
    width: calc(100% - 60px);
    margin-top: 10px;
    margin-bottom: 20px; }

.message-cart-alert {
  text-align: center;
  margin-bottom: 30px; }

.overlay-confirmation .title-confirmation {
  text-align: center;
  width: 80%;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }

.overlay-confirmation .overlay-button-container {
  margin-top: 25px; }

.overlay-confirmation .button-cancel {
  width: 48%;
  margin-top: 20px;
  vertical-align: top; }

.overlay-confirmation .button-confirm {
  width: 48%;
  margin-left: 4%;
  margin-top: 20px;
  vertical-align: top; }

.overlay-confirmation .container-confirmation {
  padding: 50px 40px;
  margin-top: auto; }

/*
 * Payment Section
 */
.payment-method-confirm-card-delete .address-container {
  margin-bottom: 0px; }

/*
 * Cart Page
 */
.message-cart-alert-container.overlay-confirmation .button-cancel {
  width: 42%; }

.message-cart-alert-container.overlay-confirmation .button-confirm {
  width: 54%; }
@charset "UTF-8";
/**
* Added to Bag Notification (Desktop)
**/
/**
* Added to Bag Notification (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.overlay-add-to-bag-confirmation-container.react-overlay {
  background: transparent;
  width: auto;
  height: auto; }
  .overlay-add-to-bag-confirmation-container.react-overlay:before, .overlay-add-to-bag-confirmation-container.react-overlay:after {
    content: none; }

.overlay-add-to-bag-confirmation-content, .add-to-bag-confirmation {
  /* NOTE: hacky trick to support shadow only at bottom of div */ }
  .overlay-add-to-bag-confirmation-content.overlay-container, .overlay-container.add-to-bag-confirmation {
    position: absolute;
    display: inline-block;
    width: 100%;
    background: #ffffff;
    left: 0px;
    top: 81px;
    padding: 15px;
    padding-top: 0px;
    z-index: 20;
    min-height: auto; }
  .overlay-add-to-bag-confirmation-content .title-checkout-modal, .add-to-bag-confirmation .title-checkout-modal {
    padding: 15px 0px;
    border-bottom: solid 1px rgba(51, 51, 51, 0.11);
    margin-bottom: 15px; }
  .overlay-add-to-bag-confirmation-content .button-close, .add-to-bag-confirmation .button-close {
    width: 34px;
    height: 34px;
    position: absolute;
    right: 19px;
    top: calc(50% - 14px);
    font-size: 0px;
    width: 27px;
    height: 31px;
    right: 15px;
    top: 8px; }
    .overlay-add-to-bag-confirmation-content .button-close:before, .add-to-bag-confirmation .button-close:before, .overlay-add-to-bag-confirmation-content .button-close:after, .add-to-bag-confirmation .button-close:after {
      content: '';
      position: relative;
      display: block;
      background: #ffffff;
      margin: auto; }
    .overlay-add-to-bag-confirmation-content .button-close:before, .add-to-bag-confirmation .button-close:before, .overlay-add-to-bag-confirmation-content .button-close:after, .add-to-bag-confirmation .button-close:after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px; }
    .overlay-add-to-bag-confirmation-content .button-close:before, .add-to-bag-confirmation .button-close:before {
      width: 18px;
      height: 2px;
      top: 7px;
      background-color: #333333; }
    .overlay-add-to-bag-confirmation-content .button-close:after, .add-to-bag-confirmation .button-close:after {
      width: 2px;
      height: 18px;
      top: -3px;
      background-color: #333333; }
    .overlay-add-to-bag-confirmation-content .button-close:before, .add-to-bag-confirmation .button-close:before {
      width: 24px;
      height: 2px;
      top: 14px;
      background-color: #333333; }
    .overlay-add-to-bag-confirmation-content .button-close:after, .add-to-bag-confirmation .button-close:after {
      width: 2px;
      height: 24px;
      left: -1px;
      top: 1px;
      background-color: #333333; }
  .overlay-add-to-bag-confirmation-content .container-image, .add-to-bag-confirmation .container-image {
    width: 45px;
    height: auto;
    display: inline-block;
    vertical-align: top; }
    .overlay-add-to-bag-confirmation-content .container-image img, .add-to-bag-confirmation .container-image img {
      width: 100%; }
  .overlay-add-to-bag-confirmation-content .product-description, .add-to-bag-confirmation .product-description {
    width: calc(100% - 45px);
    padding-left: 23px;
    display: inline-block;
    margin-bottom: 20px; }
  .overlay-add-to-bag-confirmation-content .container-description-view span, .add-to-bag-confirmation .container-description-view span {
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
    .overlay-add-to-bag-confirmation-content .container-description-view span:after, .add-to-bag-confirmation .container-description-view span:after {
      content: '';
      width: 1px;
      height: 10px;
      background: #666666;
      display: inline-block;
      position: absolute;
      right: 0px;
      top: 3px; }
    .overlay-add-to-bag-confirmation-content .container-description-view span:last-of-type:after, .add-to-bag-confirmation .container-description-view span:last-of-type:after {
      display: none; }
  .overlay-add-to-bag-confirmation-content .button-container, .add-to-bag-confirmation .button-container {
    display: inline-block;
    position: static;
    width: 100%; }
    .overlay-add-to-bag-confirmation-content .button-container .mobile-payment-buttons, .add-to-bag-confirmation .button-container .mobile-payment-buttons {
      display: flex;
      justify-content: space-between; }
      .overlay-add-to-bag-confirmation-content .button-container .mobile-payment-buttons .paypal-button-container, .add-to-bag-confirmation .button-container .mobile-payment-buttons .paypal-button-container {
        display: inline-block;
        text-align: center;
        margin-top: 20px;
        width: 49%; }
        .overlay-add-to-bag-confirmation-content .button-container .mobile-payment-buttons .paypal-button-container .paypal-button-mobile, .add-to-bag-confirmation .button-container .mobile-payment-buttons .paypal-button-container .paypal-button-mobile {
          padding: 8px;
          width: 100%;
          border: 1px solid #aaa; }
        .overlay-add-to-bag-confirmation-content .button-container .mobile-payment-buttons .paypal-button-container .ghost-error-container, .add-to-bag-confirmation .button-container .mobile-payment-buttons .paypal-button-container .ghost-error-container {
          width: 204%;
          margin-top: 25px; }
      .overlay-add-to-bag-confirmation-content .button-container .mobile-payment-buttons button.button-checkout, .add-to-bag-confirmation .button-container .mobile-payment-buttons button.button-checkout {
        width: 49%; }
  .overlay-add-to-bag-confirmation-content .button-view-bag, .add-to-bag-confirmation .button-view-bag {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #333333; }
    .overlay-add-to-bag-confirmation-content .button-view-bag.focused, .add-to-bag-confirmation .button-view-bag.focused, .overlay-add-to-bag-confirmation-content .button-view-bag:focus, .add-to-bag-confirmation .button-view-bag:focus {
      background-color: #333333; }
    .overlay-add-to-bag-confirmation-content .button-view-bag.pressed, .add-to-bag-confirmation .button-view-bag.pressed, .overlay-add-to-bag-confirmation-content .button-view-bag:active, .add-to-bag-confirmation .button-view-bag:active {
      background-color: #333333; }
    .overlay-add-to-bag-confirmation-content .button-view-bag.disabled, .add-to-bag-confirmation .button-view-bag.disabled, .overlay-add-to-bag-confirmation-content .button-view-bag:disabled, .add-to-bag-confirmation .button-view-bag:disabled {
      background-color: #999999; }
  .overlay-add-to-bag-confirmation-content .button-checkout, .add-to-bag-confirmation .button-checkout {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #4873bb;
    margin-top: 20px; }
    .overlay-add-to-bag-confirmation-content .button-checkout.focused, .add-to-bag-confirmation .button-checkout.focused, .overlay-add-to-bag-confirmation-content .button-checkout:focus, .add-to-bag-confirmation .button-checkout:focus {
      background-color: #4873bb; }
    .overlay-add-to-bag-confirmation-content .button-checkout.pressed, .add-to-bag-confirmation .button-checkout.pressed, .overlay-add-to-bag-confirmation-content .button-checkout:active, .add-to-bag-confirmation .button-checkout:active {
      background-color: #4873bb; }
    .overlay-add-to-bag-confirmation-content .button-checkout.disabled, .add-to-bag-confirmation .button-checkout.disabled, .overlay-add-to-bag-confirmation-content .button-checkout:disabled, .add-to-bag-confirmation .button-checkout:disabled {
      background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
    .overlay-add-to-bag-confirmation-content .button-checkout.loading:before, .add-to-bag-confirmation .button-checkout.loading:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F11B";
      -webkit-animation: 2s rotate linear infinite;
      animation: 2s rotate linear infinite; }

.add-to-bag-confirmation {
  display: inline-block;
  width: 100%;
  background: #ffffff;
  z-index: 20;
  position: absolute;
  top: auto;
  left: 0px;
  right: 0px;
  padding: 30px;
  /* NOTE: hacky trick to support shadow only at bottom of div */ }
  .add-to-bag-confirmation .title-checkout-modal {
    padding: 0px;
    border-bottom: 0px;
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    margin-bottom: 0px;
    padding-right: 30px; }
  .add-to-bag-confirmation .cart-item-display {
    display: inline-block;
    vertical-align: middle;
    width: 45%; }
  .add-to-bag-confirmation .product-description {
    margin-bottom: 0px;
    padding-right: 40px; }
  .add-to-bag-confirmation .container-description-view {
    margin-top: 8px; }
    .add-to-bag-confirmation .container-description-view span {
      display: inline-block;
      padding-right: 10px;
      margin-right: 10px;
      position: relative;
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0.25px;
      line-height: 1.38;
      color: #666666; }
      .add-to-bag-confirmation .container-description-view span:after {
        content: '';
        width: 1px;
        height: 10px;
        background: #666666;
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 3px; }
      .add-to-bag-confirmation .container-description-view span:last-of-type:after {
        display: none; }
  .add-to-bag-confirmation .button-container {
    display: inline-block;
    position: static;
    width: 40%; }
    .add-to-bag-confirmation .button-container .payment-buttons {
      display: inline; }
  .add-to-bag-confirmation .button-close {
    position: relative;
    top: auto;
    right: auto;
    vertical-align: middle;
    width: 16%; }
  .add-to-bag-confirmation .button-view-bag,
  .add-to-bag-confirmation .button-checkout {
    width: 35%;
    margin-right: 5%; }
  .add-to-bag-confirmation .button-checkout {
    margin-top: 0px; }

.react-overlay.overlay-add-to-bag-container-desktop {
  background-color: rgba(255, 255, 255, 0.7); }

.added-to-bag-desktop {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  justify-content: center;
  flex-direction: row;
  align-items: center; }
  .added-to-bag-desktop .add-to-bag-confirmation {
    position: relative;
    background: #ffffff;
    z-index: 1002;
    padding: 10px 45px;
    padding-bottom: 0;
    display: block;
    width: 450px;
    height: 450px;
    border: 1px solid #979797;
    box-shadow: 1px 1px black; }
  .added-to-bag-desktop .add-to-bag-confirmation-content {
    display: block;
    text-align: center; }
    .added-to-bag-desktop .add-to-bag-confirmation-content .title-checkout-modal {
      display: block;
      width: 100%;
      padding: 0px;
      border-bottom: 0px;
      font-size: 18px;
      margin-bottom: 20px; }
    .added-to-bag-desktop .add-to-bag-confirmation-content .cart-item-display {
      display: block;
      margin: 10px 0;
      width: 100%;
      min-height: 170px;
      text-align: left; }
      .added-to-bag-desktop .add-to-bag-confirmation-content .cart-item-display .container-image {
        width: 60px;
        height: 76px;
        font-size: 8px; }
      .added-to-bag-desktop .add-to-bag-confirmation-content .cart-item-display .product-description {
        width: calc(100% - 60px);
        padding-right: 0; }
      .added-to-bag-desktop .add-to-bag-confirmation-content .cart-item-display .department-name {
        font-size: 14px; }
      .added-to-bag-desktop .add-to-bag-confirmation-content .cart-item-display .container-description-view {
        margin-top: 12px; }
        .added-to-bag-desktop .add-to-bag-confirmation-content .cart-item-display .container-description-view > span {
          display: block;
          margin-bottom: 5px;
          font-size: 14px; }
        .added-to-bag-desktop .add-to-bag-confirmation-content .cart-item-display .container-description-view > span:after {
          display: none; }
    .added-to-bag-desktop .add-to-bag-confirmation-content .button-container {
      display: block;
      width: 100%; }
      .added-to-bag-desktop .add-to-bag-confirmation-content .button-container .button-view-bag {
        width: 100%;
        margin: 0;
        margin-bottom: 10px; }
      .added-to-bag-desktop .add-to-bag-confirmation-content .button-container .payment-buttons {
        position: relative;
        display: flex;
        justify-content: space-between; }
      .added-to-bag-desktop .add-to-bag-confirmation-content .button-container .paypal-button-container {
        width: 100%;
        justify-content: center;
        height: 48.3px;
        border: 1px solid grey;
        margin-right: 10px;
        display: flex;
        align-items: center;
        cursor: pointer; }
        .added-to-bag-desktop .add-to-bag-confirmation-content .button-container .paypal-button-container .paypal-button-desktop {
          padding: 9px 26px;
          outline: none; }
        .added-to-bag-desktop .add-to-bag-confirmation-content .button-container .paypal-button-container .ghost-error-container {
          position: absolute;
          width: 100%;
          top: 60px;
          left: 0; }
      .added-to-bag-desktop .add-to-bag-confirmation-content .button-container .button-checkout {
        width: 100%;
        margin: 0; }
      .added-to-bag-desktop .add-to-bag-confirmation-content .button-container .button-close {
        position: absolute;
        top: 2px;
        right: 2px;
        width: 11%;
        height: 10%; }
    .added-to-bag-desktop .add-to-bag-confirmation-content .continue-shopping {
      position: absolute;
      display: block;
      width: 80%;
      bottom: 6px;
      color: black;
      font-family: Avenir;
      font-size: 15px;
      font-weight: 500;
      text-decoration: underline; }
@charset "UTF-8";
/**
* Button Tooltip Desktop
**/
/**
* Button Tooltip Mobile
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.button-tooltip-container {
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
  vertical-align: middle;
  z-index: 10; }
  .button-tooltip-container a {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    color: #333333;
    text-decoration: underline; }
  .button-tooltip-container > button {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    color: #999999; }

.tooltip-container {
  width: 260px; }
  .tooltip-container:before {
    left: 97%; }
  .tooltip-container:after {
    left: 97%; }

.tooltip-container {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.25px;
  line-height: 1.38;
  color: #333333;
  text-align: center;
  position: absolute;
  z-index: 3;
  width: 260px;
  height: auto;
  padding: 22px 30px 22px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(51, 51, 51, 0.25);
  -moz-box-shadow: 0px 0px 12px 0px rgba(51, 51, 51, 0.25);
  box-shadow: 0px 0px 12px 0px rgba(51, 51, 51, 0.25);
  /* Title */ }
  .tooltip-container > h3 {
    margin-bottom: 20px; }

.button-info:before {
  display: inline-block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\F129";
  color: #999999; }

.button-tooltip:before {
  display: inline-block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\F123"; }

.button-info-wire:before {
  display: inline-block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\F12A";
  color: #666666; }

.button-tooltip-wire:before {
  display: inline-block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\F123"; }

/* Bottom */
.arrow-direction-bottom {
  right: 0;
  bottom: 18px;
  margin-bottom: 10px; }
  .arrow-direction-bottom:after, .arrow-direction-bottom:before {
    content: "";
    display: block;
    z-index: 1;
    position: absolute;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; }
  .arrow-direction-bottom:after {
    z-index: 2;
    border-color: transparent transparent #ffffff transparent;
    margin-left: -8px;
    border-width: 8px;
    bottom: -16px; }
  .arrow-direction-bottom:after, .arrow-direction-bottom:before {
    left: 96.5%;
    bottom: -20px;
    margin-left: -10px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .arrow-direction-bottom:after {
    margin-left: -8px;
    bottom: -16px; }

/* Top */
.arrow-direction-top {
  right: 0;
  top: 18px;
  margin-top: 10px; }
  .arrow-direction-top:after, .arrow-direction-top:before {
    content: "";
    display: block;
    z-index: 1;
    position: absolute;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; }
  .arrow-direction-top:after {
    z-index: 2;
    border-color: transparent transparent #ffffff transparent;
    margin-left: -8px;
    border-width: 8px;
    bottom: -16px; }
  .arrow-direction-top:before {
    left: 93%;
    top: -20px;
    bottom: initial;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  .arrow-direction-top:after {
    left: 97%;
    top: -16px;
    bottom: initial;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

/* Left */
.arrow-direction-left {
  left: 18px;
  top: calc(100% - 103px);
  margin-left: 10px; }
  .arrow-direction-left:after, .arrow-direction-left:before {
    content: "";
    display: block;
    z-index: 1;
    position: absolute;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; }
  .arrow-direction-left:after {
    z-index: 2;
    border-color: transparent transparent #ffffff transparent;
    margin-left: -8px;
    border-width: 8px;
    bottom: -16px; }
  .arrow-direction-left:before, .arrow-direction-left:after {
    margin: 0px;
    left: -20px;
    top: calc(50% - 10px);
    bottom: initial;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .arrow-direction-left:after {
    margin-top: 2px;
    left: -16px;
    bottom: 50%; }

/* Right */
.arrow-direction-right {
  right: 18px;
  top: calc(100% - 103px);
  margin-right: 10px; }
  .arrow-direction-right:after, .arrow-direction-right:before {
    content: "";
    display: block;
    z-index: 1;
    position: absolute;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; }
  .arrow-direction-right:after {
    z-index: 2;
    border-color: transparent transparent #ffffff transparent;
    margin-left: -8px;
    border-width: 8px;
    bottom: -16px; }
  .arrow-direction-right:before, .arrow-direction-right:after {
    right: -20px;
    top: 45%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  .arrow-direction-right:after {
    margin-top: 2px;
    right: -16px;
    bottom: inherit; }

.tooltip-container {
  width: 300px; }

.arrow-direction-bottom,
.arrow-direction-top {
  right: calc(50% - 145px); }
  .arrow-direction-bottom:before, .arrow-direction-bottom:after,
  .arrow-direction-top:before,
  .arrow-direction-top:after {
    left: 52.3%; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.create_account_drawer-container {
  background: transparent url("/wcsstore/static/images/pt-orange-stripes.png") repeat 0 0;
  padding: 10px; }
  .create_account_drawer-container .inline-error-message {
    white-space: normal; }

.form-create-account {
  background-color: #ffffff;
  padding: 20px; }
  .form-create-account .message {
    text-align: center; }
    .form-create-account .message p {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 1.42;
      text-transform: uppercase;
      color: #333333;
      text-transform: none; }
    .form-create-account .message .second-message-create-account {
      margin-top: 15px; }
    .form-create-account .message strong {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
    .form-create-account .message span {
      color: #f56319;
      margin: 0 5px; }
    .form-create-account .message button {
      text-decoration: underline; }
      .form-create-account .message button.button-click-reset-password {
        font-family: 'Avenir';
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 1.42;
        text-transform: uppercase;
        color: #333333;
        text-decoration: underline;
        text-transform: none; }
  .form-create-account .error-box,
  .form-create-account .success-box {
    margin-top: 20px;
    margin-bottom: 25px; }
  .form-create-account .inputs-create-account {
    margin-top: 20px; }
  .form-create-account .first-name-input, .form-create-account .last-name-input, .form-create-account .confirm-email-input, .form-create-account .input-phone-number, .form-create-account .confirm-password-input,
  .form-create-account .email-input,
  .form-create-account .password-input,
  .form-create-account .input-zipcode {
    width: calc(50% - 10px);
    margin-bottom: 15px;
    margin-top: 0;
    vertical-align: top;
    margin-right: 20px; }
  .form-create-account .last-name-input,
  .form-create-account .confirm-email-input,
  .form-create-account .input-phone-number,
  .form-create-account .confirm-password-input {
    margin-right: 0px; }
  .form-create-account .input-with-button {
    display: inline-block; }
  .form-create-account .login-save-plcc .input-title {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666; }
  .form-create-account .remember-me,
  .form-create-account .terms-and-conditions {
    margin: 10px 0; }
  .form-create-account .terms-and-conditions {
    margin: 25px 0; }
    .form-create-account .terms-and-conditions .input-checkbox-title {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.36;
      text-decoration: none;
      text-transform: none;
      color: #666666;
      float: none; }
    .form-create-account .terms-and-conditions .input-checkbox-icon-unchecked,
    .form-create-account .terms-and-conditions .input-checkbox-icon-checked {
      vertical-align: top;
      margin-top: 5px; }
    .form-create-account .terms-and-conditions a {
      color: #333333; }
      .form-create-account .terms-and-conditions a:hover {
        text-decoration: none;
        border-bottom: none; }
  .form-create-account .remember-me {
    margin-top: 0; }
    .form-create-account .remember-me .input-checkbox-icon-unchecked,
    .form-create-account .remember-me .input-checkbox-icon-checked {
      margin-top: 5px; }
    .form-create-account .remember-me .input-checkbox-title {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.36;
      text-decoration: none;
      text-transform: none;
      color: #666666;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
    .form-create-account .remember-me a:hover,
    .form-create-account .remember-me span:hover {
      border-bottom: none;
      padding-bottom: 0; }
    .form-create-account .remember-me .input-subtitle {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.36;
      text-decoration: none;
      text-transform: none;
      color: #666666; }
  .form-create-account .button-create-account {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #333333;
    width: 68%;
    display: block;
    margin: 20px auto; }
    .form-create-account .button-create-account.focused, .form-create-account .button-create-account:focus {
      background-color: #333333; }
    .form-create-account .button-create-account.pressed, .form-create-account .button-create-account:active {
      background-color: #333333; }
    .form-create-account .button-create-account.disabled, .form-create-account .button-create-account:disabled {
      background-color: #999999; }
  .form-create-account .tooltip-password .tooltip-container {
    text-align: left; }

.create-account-banner {
  padding: 0 15px;
  margin-bottom: 20px; }
  .create-account-banner:empty {
    display: none; }
  .create-account-banner img {
    width: 100%; }

.react-overlay.overlay-login-and-reset-form .overlay-container {
  background: transparent url("/wcsstore/static/images/pt-orange-stripes.png") repeat 0 0;
  padding: 10px; }

.react-overlay.overlay-login-and-reset-form .form-login {
  overflow-y: auto;
  max-height: calc(90vh - 20px); }

.react-overlay.overlay-login-and-reset-form .modal-header .button-modal-close {
  right: 20px;
  top: 20px; }

.react-overlay.overlay-login-and-reset-form .form-create-account {
  padding-top: 18px;
  height: 84vh;
  overflow-y: auto; }
  .react-overlay.overlay-login-and-reset-form .form-create-account .inline-error-message {
    white-space: normal; }
  .react-overlay.overlay-login-and-reset-form .form-create-account .terms-and-conditions {
    margin-top: 15px;
    margin-bottom: 10px; }
  .react-overlay.overlay-login-and-reset-form .form-create-account .remember-me {
    margin-bottom: 0px; }
  .react-overlay.overlay-login-and-reset-form .form-create-account .input-zipcode,
  .react-overlay.overlay-login-and-reset-form .form-create-account .input-phone-number {
    margin: 0px; }

.overlay-login-and-reset-form .input-country,
.overlay-login-and-reset-form .input-zipcode {
  float: right; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.back-to-login-button + .modal-header + .form-create-account {
  padding-top: 60px; }

.reset-password {
  position: relative;
  padding-top: 70px; }
  .reset-password a {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    text-decoration: underline; }
  .reset-password .back-to-login-button {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    text-decoration: underline;
    position: absolute;
    left: 4px;
    top: 25px; }
  .reset-password .message {
    margin-bottom: 22px; }
    .reset-password .message .reset-password-form-title {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
    .reset-password .message p {
      margin-top: 10px;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0;
      line-height: 1.15;
      text-decoration: none;
      text-transform: none;
      color: #333333; }
  .reset-password .reset-button {
    margin: 25px 0 28px; }
  .reset-password .new-account {
    text-align: center;
    padding-top: 20px;
    position: relative; }
    .reset-password .new-account:before {
      content: "";
      height: 1px;
      background: #f1f1f1;
      width: calc(87vw);
      position: absolute;
      top: 0;
      left: 0; }
  .reset-password .button-create-account {
    background-color: #333333;
    color: #ffffff;
    border: 1px solid #363636;
    margin-top: 20px;
    margin-bottom: 15px; }
  .reset-password .error-box,
  .reset-password .success-box {
    margin: 33px 0 23px; }

.password,
.confirm-password {
  margin-top: 20px; }

@media (max-width: 800px) {
  .reset-new-password .content-tooltip {
    left: 0; }
    .reset-new-password .content-tooltip:before {
      left: auto;
      right: 21px; } }

.back-to-login-button + .modal-header + .form-create-account {
  padding-top: 50px; }

.reset-password {
  padding: 0;
  background: #ffffff; }
  .reset-password .back-to-login-button {
    left: 24px; }
  .reset-password .button-create-account {
    background: transparent;
    border: 0px;
    color: #333333;
    text-decoration: underline; }
  .reset-password form {
    padding: 62px 105px 0px;
    position: relative; }
  .reset-password .message {
    text-align: center; }
  .reset-password .new-account:before {
    height: 2px;
    width: 135%;
    left: -63px; }

.reset-new-password .content-tooltip:before {
  left: auto;
  right: 69px; }

.reset-password-confirm {
  padding: 23px 105px 30px; }

/* Centered overlay of Login, Reset Password and My Place Rewards Member */
.overlay-login-and-reset-form .reset-password form {
  margin-bottom: 0px;
  padding: 43px 86px; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.new-account {
  padding-top: 20px;
  border-top: 1px solid #e3e3e3; }
  .new-account > span {
    margin-bottom: 20px;
    display: block;
    text-align: center;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333; }
  .new-account .button-create-account {
    margin-bottom: 25px; }

.new-account {
  padding: 23px 0 30px;
  background-color: #ffffff;
  text-align: center; }
  .new-account .button-create-account {
    width: 284px;
    margin-left: auto;
    margin-right: auto; }
  .new-account .no-margin {
    margin: 0px;
    width: auto; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.back-to-login-button {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.15;
  text-decoration: none;
  text-transform: none;
  color: #333333;
  text-decoration: underline;
  position: absolute;
  left: 25px;
  top: 28px;
  z-index: 1; }

.login-drawer-container {
  background: transparent url(/wcsstore/static/images/pt-orange-stripes.png) repeat 0 0;
  padding: 10px; }
  .login-drawer-container .new-account {
    padding-bottom: 8px; }

.form-login {
  background-color: #ffffff;
  padding: 40px 20px; }
  .form-login img {
    width: 100%; }
  .form-login form {
    padding: 25px 80px 5px; }
  .form-login label {
    width: 100%; }
  .form-login .tooltip-password .tooltip-container {
    text-align: left;
    right: calc(50% - 100px);
    width: 440px;
    padding: 12px 20px 12px; }
    .form-login .tooltip-password .tooltip-container:after {
      left: 77.5%; }
    .form-login .tooltip-password .tooltip-container:before {
      left: 77.5%; }
  .form-login .input-email,
  .form-login .input-password {
    margin-top: 20px; }
  .form-login .label-checkbox {
    margin-top: 15px;
    display: block; }
    .form-login .label-checkbox div {
      margin-top: 5px; }
    .form-login .label-checkbox .input-title {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.36;
      text-decoration: none;
      text-transform: none;
      color: #666666;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      position: relative;
      margin-top: 3px; }
    .form-login .label-checkbox .input-subtitle {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.36;
      text-decoration: none;
      text-transform: none;
      color: #666666;
      margin-top: -3px; }
  .form-login .login-save-plcc {
    margin-bottom: 20px; }
    .form-login .login-save-plcc + .link-forgot {
      line-height: normal; }
  .form-login .message {
    margin-bottom: 10px; }
  .form-login .message,
  .form-login .wishlist-message {
    text-align: center;
    margin: 0 -10px; }
  .form-login .login-form-subtitle {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333; }
    .form-login .login-form-subtitle b {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
  .form-login .reset-password-container {
    margin-top: 10px; }
  .form-login .login-form-title {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    line-height: 28px; }
  .form-login .reset-password-text {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    line-height: 20px; }
    @media (max-width: 800px) {
      .form-login .reset-password-text {
        margin-top: 10px; } }
  .form-login .reset-password-button {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    text-decoration: underline;
    cursor: pointer; }
  .form-login .link-forgot {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: none;
    text-decoration: underline;
    color: #666666;
    line-height: 44px;
    margin-bottom: 10px;
    text-decoration: underline; }
    @media (max-width: 800px) {
      .form-login .link-forgot {
        margin: 0; } }
  .form-login .login-remember + .login-button {
    margin-top: 25px;
    margin-bottom: 0; }
  .form-login .new-account {
    text-align: center;
    padding-top: 10px;
    position: relative;
    text-align: center;
    width: 100%; }
    @media (min-width: 800px) {
      .form-login .new-account {
        padding-top: 23px; } }
    .form-login .new-account:before {
      content: '';
      height: 1px;
      background: #f1f1f1;
      width: calc(86vw);
      position: absolute;
      top: 0;
      left: 0; }
      @media (min-width: 800px) {
        .form-login .new-account:before {
          height: 2px;
          width: 450px;
          left: -65px; } }
    .form-login .new-account > span {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0;
      line-height: 1.15;
      text-decoration: none;
      text-transform: none;
      color: #333333;
      font-weight: 500; }
  .form-login .button-create-account {
    margin-top: 20px; }
  .form-login .error-box {
    margin-top: 20px; }
  .form-login .parent-notification {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    position: relative;
    text-align: center;
    margin: 35px 0px 10px;
    width: calc(100% + 70px);
    left: -35px; }
  .form-login .button-guest-message {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    margin: 13px 0px;
    text-align: center; }
    .form-login .button-guest-message button {
      width: auto;
      margin: 0; }
  .form-login .remembered-logout {
    position: inherit; }
    .form-login .remembered-logout span {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0;
      line-height: 1.15;
      text-transform: none;
      color: #333333; }
    .form-login .remembered-logout button {
      text-transform: none; }

.login-banner {
  padding: 0 15px; }
  .login-banner img {
    min-width: 100%; }

/* Centered overlay of Login, Reset Password and My Place Rewards Member */
.overlay-login-and-reset-form .form-login form {
  margin-bottom: 0px;
  padding: 43px 86px; }

.overlay-login-and-reset-form .form-login .label-checkbox {
  margin-top: 12px; }
  .overlay-login-and-reset-form .form-login .label-checkbox div {
    margin-top: 5px; }
  .overlay-login-and-reset-form .form-login .label-checkbox .input-title {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    position: relative;
    margin-top: 3px; }
  .overlay-login-and-reset-form .form-login .label-checkbox .input-subtitle {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    margin-top: -3px; }

.overlay-login-and-reset-form .form-login .link-forgot {
  line-height: normal;
  margin-top: 6px;
  margin-bottom: 14px; }

.overlay-login-and-reset-form .form-login .button-create-account {
  text-decoration: underline;
  margin: 0px; }

.overlay-login-and-reset-form .new-account {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.15;
  text-decoration: none;
  text-transform: none;
  color: #333333;
  padding: 20px 0 0;
  border-top: 0px; }
  .overlay-login-and-reset-form .new-account:before {
    display: none; }

.overlay-login-and-reset-form button +
.continue-guest-container {
  margin-top: 20px; }
@charset "UTF-8";
/*
* Rewards Status (Desktop)
*/
/*
* Rewards Status (Mobile)
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.react-overlay .mobile-tabed-drawers-container.overlay-container {
  padding: 0px 15px; }

.mobile-tabed-drawers-container.tabed-drawers-my-account {
  width: 100%; }
  .mobile-tabed-drawers-container.tabed-drawers-my-account .modal-header {
    min-height: 65px; }
  .mobile-tabed-drawers-container.tabed-drawers-my-account .modal-only-title {
    display: none; }
  .mobile-tabed-drawers-container.tabed-drawers-my-account .modal-header .button-modal-close {
    right: auto;
    border-right: solid 2px #333333;
    border-top: solid 2px #333333;
    margin-top: 2px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg); }
    .mobile-tabed-drawers-container.tabed-drawers-my-account .modal-header .button-modal-close:before, .mobile-tabed-drawers-container.tabed-drawers-my-account .modal-header .button-modal-close:after {
      content: none; }
  .mobile-tabed-drawers-container.tabed-drawers-my-account .hello-message {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    position: absolute;
    top: 22px;
    padding-left: 20px;
    text-transform: capitalize;
    width: calc(100% - 110px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .mobile-tabed-drawers-container.tabed-drawers-my-account .view {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-transform: none;
    color: #999999;
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 0px;
    color: #f7f7f7;
    background: #333333;
    text-decoration: underline;
    text-transform: uppercase;
    text-align: center;
    width: calc(100% + 30px);
    display: inline-block; }

.mobile-tabed-drawers-container .available-rewards {
  padding-bottom: 10px;
  margin-bottom: 20px; }

.mobile-tabed-drawers-container .coupon-list-container + .coupon-list-container {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px rgba(51, 51, 51, 0.11); }

.menu-expanded .ReactModalPortal + .ReactModalPortal .react-overlay:before {
  opacity: 0; }

.my-account-content-overlay {
  padding-bottom: 22px; }
  .my-account-content-overlay h3 {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: capitalize;
    line-height: 28px;
    margin-bottom: 5px; }

/* Mobile */
.rewards-status {
  position: relative;
  background-color: #ffffff;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px rgba(51, 51, 51, 0.11); }
  .rewards-status .title {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: capitalize;
    display: block; }
    .rewards-status .title strong {
      color: #f56319; }
  .rewards-status .rewards-bar {
    width: 100%;
    margin-top: 27px;
    position: relative;
    border: 0; }
    .rewards-status .rewards-bar .points {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.45;
      color: #f56319;
      display: block;
      text-align: right;
      position: relative; }
      .rewards-status .rewards-bar .points:hover {
        border-bottom: 0;
        padding-bottom: 0; }
      .rewards-status .rewards-bar .points strong {
        font-family: 'Avenir';
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 1.28;
        text-transform: none;
        color: #f56319; }
  .rewards-status span.title {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 0; }
  .rewards-status span strong {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px; }
  .rewards-status .container-number-progressbar {
    width: 100%;
    margin: 10px 0px 5px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .rewards-status .container-number-progressbar .number-progressbar {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0;
      line-height: 1.15;
      text-decoration: none;
      text-transform: none;
      color: #999999; }
  .rewards-status .progress-container {
    width: 100%;
    background: #ffffff;
    border: solid 1px #f56319;
    padding: 0;
    padding-right: 8px;
    margin-top: 3px;
    margin-bottom: 0;
    height: 15px;
    *zoom: 1; }
    .rewards-status .progress-container:after {
      content: "";
      display: table;
      clear: both; }
  .rewards-status .progressbar-rewards {
    width: 0%;
    background: transparent url(/wcsstore/static/images/pt-orange-stripes.png) repeat 16px 0;
    height: 100%;
    position: relative; }
    .rewards-status .progressbar-rewards:after {
      content: url("/wcsstore/static/images/MPR-PointsBar-SmileyFace.png");
      display: inline-block;
      position: absolute;
      width: 30px;
      height: 30px;
      right: -15px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  .rewards-status .rewards-points {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    line-height: 22px;
    width: 100%;
    margin-top: 30px; }
    .rewards-status .rewards-points p {
      display: block;
      margin-bottom: -3px; }
      .rewards-status .rewards-points p span {
        color: #f56319;
        margin-left: 4px;
        float: none; }
  .rewards-status .button-reward {
    margin: 25px auto 0;
    max-width: 258px;
    display: block;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #ca0088; }
    .rewards-status .button-reward.focused, .rewards-status .button-reward:focus {
      background-color: #ca0088; }
    .rewards-status .button-reward.pressed, .rewards-status .button-reward:active {
      background-color: #ca0088; }
    .rewards-status .button-reward.disabled, .rewards-status .button-reward:disabled {
      background-color: #999999; }
    .rewards-status .button-reward.points-left {
      text-transform: uppercase; }

.order-status-notification-container {
  /* NOTE: Could we have two notifications, and the first one should not have margin bottom */ }
  .order-status-notification-container .notification-ship-to-home {
    border-top: solid 1px #999999; }
  .order-status-notification-container > div:last-of-type {
    margin-bottom: 20px; }

.rewards-status {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px; }
  .rewards-status .rewards-bar:after {
    content: '';
    width: 1px;
    height: 50px;
    display: inline-block;
    position: absolute;
    background-color: #e3e3e3;
    right: -1px;
    top: -15px; }

.my-account-content-overlay {
  padding: 0px; }
  .my-account-content-overlay .rewards-status {
    padding: 15px;
    width: 65%; }
    .my-account-content-overlay .rewards-status .title {
      text-transform: uppercase; }
      .my-account-content-overlay .rewards-status .title strong {
        color: #333333; }
    .my-account-content-overlay .rewards-status .rewards-bar {
      margin-top: 20px; }
      .my-account-content-overlay .rewards-status .rewards-bar:after {
        display: none; }
    .my-account-content-overlay .rewards-status .rewards-points {
      vertical-align: top;
      margin-top: 0px; }
      .my-account-content-overlay .rewards-status .rewards-points span {
        color: #333333; }

.order-status-notification-container > div:first-of-type {
  border-top: 0px; }
@charset "UTF-8";
/**
  Contenedor of Coupons and Rewards
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Solo para el listado de Rewards */
.reward {
  /* Notificaciones de error */ }
  .reward .reward-notification-error-message .notification-inline {
    color: #cc3300; }

/* Inline error message */
.coupon-inline-notification {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.25px;
  line-height: 1.38;
  color: #c60808;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  margin-top: 10px;
  width: 100%; }

/* Listado de Rewards y Coupons */
.list-coupons {
  /** imagen -mensaje - boton */
  /** Tamaño de la imagen */
  /** Botones del cupon */ }
  .list-coupons .coupon,
  .list-coupons .reward {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%; }
  .list-coupons .reward-content,
  .list-coupons .coupon-content {
    background: #f7f7f7;
    padding: 15px;
    display: block; }
    .list-coupons .reward-content > div,
    .list-coupons .coupon-content > div {
      width: 100%;
      display: inline-block;
      position: relative; }
    .list-coupons .reward-content + .coupon-alert-notification,
    .list-coupons .coupon-content + .coupon-alert-notification {
      margin-top: 5px;
      margin-bottom: 5px; }
  .list-coupons .image-coupon,
  .list-coupons .information-coupon,
  .list-coupons .apply-coupons-button {
    display: inline-block;
    vertical-align: top; }
  .list-coupons .image-coupon {
    margin-right: 10px;
    width: 63px;
    height: auto; }
  .list-coupons .apply-rewards-button,
  .list-coupons .apply-coupons-button {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #333333;
    display: block;
    margin-top: 14px;
    margin-top: 0px;
    width: 75px;
    padding: 0;
    float: right; }
    .list-coupons .apply-rewards-button.focused, .list-coupons .apply-rewards-button:focus,
    .list-coupons .apply-coupons-button.focused,
    .list-coupons .apply-coupons-button:focus {
      background-color: #333333; }
    .list-coupons .apply-rewards-button.pressed, .list-coupons .apply-rewards-button:active,
    .list-coupons .apply-coupons-button.pressed,
    .list-coupons .apply-coupons-button:active {
      background-color: #4873bb; }
    .list-coupons .apply-rewards-button.disabled, .list-coupons .apply-rewards-button:disabled,
    .list-coupons .apply-coupons-button.disabled,
    .list-coupons .apply-coupons-button:disabled {
      background-color: #999999; }
  .list-coupons .link-to-details,
  .list-coupons .expire-information {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333; }
  .list-coupons .link-to-details {
    text-decoration: underline; }

.expire-information + .link-to-details {
  margin-left: 20px; }

.global-my-bag .expire-information + .link-to-details {
  margin-left: 10px; }

.global-my-bag .coupon-place-cash .expire-information + .link-to-details {
  text-transform: capitalize;
  margin-left: 0px;
  display: block; }

/* Account Drawer for Mobile version */
.my-account-content-overlay .remembered-logout {
  top: 27px; }

.my-account-content-overlay .information-coupon {
  width: calc(100% - 73px); }

.my-account-content-overlay .apply-coupons-button {
  width: 100%;
  margin-top: 10px; }

.reward-value,
.coupon-value {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #333333;
  text-align: left;
  display: block; }

/* Contenedor de Notificacion de "Coupon Ineligible" */
.notification.container-reward-notification {
  height: auto; }

/* Mensaje de "Coupon Ineligible" */
.container-reward-notification {
  margin-top: 8px;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
  /* link More details */ }
  .container-reward-notification .notification-inline {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    display: inline;
    width: auto;
    float: left; }
  .container-reward-notification .link-coupon-ineligible-more-details {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    text-decoration: underline;
    position: relative; }

/* Color solo para el boton More details en Notificaciones de Rewards */
.reward {
  /* link More details */ }
  .reward .link-coupon-ineligible-more-details {
    color: #cc3300;
    display: block; }

/* Notificación Inline con el límite de fecha de uso para el Reward */
.expiration-limit .coupon-content {
  -webkit-box-shadow: inset 0px 0px 0px 2px #999999;
  -moz-box-shadow: inset 0px 0px 0px 2px #999999;
  box-shadow: inset 0px 0px 0px 2px #999999; }

.expiration-limit .limited-message {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.42;
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'Avenir';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  line-height: 14px;
  background: #999999;
  text-indent: -10px;
  text-align: center;
  line-height: 15px;
  display: block;
  padding-top: 4px;
  width: 100%;
  position: relative;
  top: 0;
  left: 0; }

/* Overlay de More Details */
.reward-more-details {
  /* Mensaje de More Details */ }
  .reward-more-details .reward-more-details-message {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    padding: 70px 53px; }

/* Available Offers to My Account Overlay */
.my-account .available-rewards {
  margin-top: 27px;
  padding: 0px 30px; }
  .my-account .available-rewards h3 {
    text-transform: uppercase; }
  .my-account .available-rewards .quantity-available-rewards {
    display: inline-block; }

.my-account .information-reward {
  max-width: 146px; }

.my-account .image-reward {
  width: 91px; }

.my-account .link-to-details {
  margin-left: 8px; }

.my-account .reward-value {
  font-size: 33px;
  /* Not mixin for this */
  line-height: 35px;
  display: inline-block; }

.my-account .apply-rewards-button {
  display: block;
  width: 100%;
  margin-top: 12px; }

/* Available Offers to checkout-container - My bag - Checkout */
.checkout-container .coupon-content {
  background-color: #ffffff; }

.checkout-container .coupon-inline-notification {
  padding-left: 76px; }

.checkout-container .available-rewards {
  margin-top: 10px;
  /* Cantidad de Available Rewards */ }
  .checkout-container .available-rewards h3 {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    line-height: 22px;
    text-transform: none;
    margin-bottom: 15px; }
  .checkout-container .available-rewards .quantity-available-rewards {
    display: none; }

.checkout-container .list-coupons .information-reward,
.checkout-container .list-coupons .information-coupon {
  max-width: 150px; }

.checkout-container .list-coupons {
  margin-bottom: 11px; }

.checkout-container .expiration-limit + .link-to-details {
  margin-left: 6px; }

.overlay-coupon-alert-message .overlay-content,
.overlay-coupon-detail .overlay-content {
  padding-top: 60px;
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.25px;
  line-height: 1.38;
  color: #333333;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }

/* "Need Help?" Modal */
.overlay-coupon-information .overlay-content {
  padding-top: 65px;
  padding-bottom: 20px; }
  .overlay-coupon-information .overlay-content img {
    width: 100%; }

/** Global My Bag */
/** Solo estilos que afectan a la seccion de my bag */
.global-my-bag .reward-content,
.global-my-bag .coupon-content {
  background: #ffffff; }

.list-coupons .reward-value,
.list-coupons .coupon-value {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #333333;
  line-height: 1.2;
  display: block;
  margin-top: 0;
  height: auto; }

.list-coupons .apply-rewards-button,
.list-coupons .apply-coupons-button {
  width: 128px; }

.list-coupons .link-to-details,
.list-coupons .expire-information {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.42;
  text-transform: uppercase;
  color: #333333;
  text-transform: capitalize; }

.list-coupons .link-to-details {
  text-decoration: underline; }

.checkout-container .list-coupons .coupon {
  margin-bottom: 15px; }
  .checkout-container .list-coupons .coupon:last-of-type {
    margin-bottom: 0px; }

.checkout-container .list-coupons .information-reward,
.checkout-container .list-coupons .information-coupon {
  width: 180px; }

.checkout-container .list-coupons .button-view-all {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.42;
  text-transform: uppercase;
  color: #666666;
  text-transform: none;
  text-decoration: underline; }
  .checkout-container .list-coupons .button-view-all u {
    text-decoration: none; }

.coupon-list-container {
  margin-bottom: 40px; }
  .coupon-list-container:last-of-type {
    margin-bottom: 0px; }

.overlay-coupon-alert-message.react-overlay .overlay-content,
.overlay-coupon-detail.react-overlay .overlay-content {
  padding: 40px 20px;
  height: 350px; }

/* "Need Help?" Modal */
.overlay-coupon-information .react-overlay .overlay-content {
  padding: 30px; }

/* Account Drawer for Mobile version */
.my-account-content-overlay .remembered-logout {
  top: 9px; }

.my-account-content-overlay .information-coupon {
  width: calc(100% - 160px); }

.my-account-content-overlay .apply-coupons-button {
  margin-top: 0px; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/* Estilos para overlay */
/* Solo para My Account */
.my-account-content-overlay {
  /* End available-rewards */
  /* When RewardsStatus and Coupons container are both (in case of account drawer for US, for example) */
  /* Imagen de Reward para overlay */
  /* BOX de mensaje de Reward aplicado */ }
  .my-account-content-overlay .list-coupons {
    margin-top: 0px;
    text-align: left; }
  .my-account-content-overlay .available-rewards {
    padding: 15px;
    border-bottom: 0px;
    /**en caso de no haber cupones reduzco el padding bottom*/
    /* Título del componente: My Rewards and offers */
    /* Cantidad de Available Rewards */ }
    .my-account-content-overlay .available-rewards .coupon-list-container {
      margin-bottom: 10px; }
      .my-account-content-overlay .available-rewards .coupon-list-container:last-of-type {
        margin-bottom: 0px; }
    .my-account-content-overlay .available-rewards.no-coupon {
      padding-bottom: 0px; }
    .my-account-content-overlay .available-rewards h3 {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 1.42;
      text-transform: uppercase;
      color: #333333;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      text-transform: capitalize;
      line-height: 28px;
      margin-bottom: 5px; }
    .my-account-content-overlay .available-rewards .quantity-available-rewards {
      display: inline-block; }
    .my-account-content-overlay .available-rewards .apply-rewards-button {
      margin-top: 12px;
      width: 126px; }
  .my-account-content-overlay .rewards-status + .available-rewards {
    margin-top: 0px;
    border-bottom: 0px;
    border-top: solid 1px #e3e3e3; }
  .my-account-content-overlay .button-view-all {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #ca0088; }
    .my-account-content-overlay .button-view-all.focused, .my-account-content-overlay .button-view-all:focus {
      background-color: #ca0088; }
    .my-account-content-overlay .button-view-all.pressed, .my-account-content-overlay .button-view-all:active {
      background-color: #ca0088; }
    .my-account-content-overlay .button-view-all.disabled, .my-account-content-overlay .button-view-all:disabled {
      background-color: #999999; }
    .my-account-content-overlay .button-view-all u {
      text-decoration: none; }
  .my-account-content-overlay .information-reward,
  .my-account-content-overlay .information-coupon {
    max-width: 190px; }
  .my-account-content-overlay .reward-content .apply-coupons-button,
  .my-account-content-overlay .coupon-content .apply-coupons-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 16px; }
    .my-account-content-overlay .reward-content .apply-coupons-button .link-to-details,
    .my-account-content-overlay .coupon-content .apply-coupons-button .link-to-details {
      vertical-align: top;
      margin-top: 1px; }
  .my-account-content-overlay .image-reward,
  .my-account-content-overlay .image-coupon {
    margin-right: 30px; }
  .my-account-content-overlay.rewards-button-area {
    padding: 0; }
  .my-account-content-overlay .information-reward {
    max-width: 190px;
    margin-top: -7px; }
  .my-account-content-overlay .reward-value {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 32px;
    margin-top: 13px;
    margin-bottom: 6px;
    display: block;
    line-height: 23px; }
  .my-account-content-overlay .image-reward {
    margin-right: 33px;
    width: 90px;
    height: 50px; }
  .my-account-content-overlay .applied-reward-message {
    z-index: 999;
    /* Texto */ }
    .my-account-content-overlay .applied-reward-message p {
      width: 200px; }
  .my-account-content-overlay .apply-rewards-button {
    margin-top: 8px; }
  .my-account-content-overlay .empty-rewards h3 {
    margin: 0; }

/* End my-account */
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.notification {
  height: 40px;
  display: block;
  position: relative;
  text-align: left; }

.button-close-text {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

/* Notificación inline */
.notification-inline {
  width: 100%;
  display: inline-block;
  text-align: left;
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.45;
  color: #666666; }
  .notification-inline button, .notification-inline a {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #666666;
    text-decoration: underline; }

/* Contenido de la notificación */
.notification-text {
  text-align: center;
  padding: 0 15px;
  position: absolute;
  vertical-align: middle;
  display: block;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .notification-text p {
    padding: 0px 35px 0 20px;
    margin-bottom: 10px; }

/* Tipo de notificación Global: Primary */
.notification-primary {
  background-color: #f7f7f7;
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.45;
  color: #333333;
  -webkit-box-shadow: inset 0px -1px 0px 0px #e3e3e3;
  -moz-box-shadow: inset 0px -1px 0px 0px #e3e3e3;
  box-shadow: inset 0px -1px 0px 0px #e3e3e3; }
  .notification-primary .button-close-text {
    color: #999999;
    text-decoration: underline; }
  .notification-primary a {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    text-decoration: underline; }

/* Tipo de notificación Global: Secondary */
.notification-secondary {
  background-color: #666666;
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.45;
  color: #e3e3e3; }
  .notification-secondary .button-close-text {
    color: #e3e3e3;
    text-decoration: underline; }
  .notification-secondary a {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #e3e3e3;
    text-decoration: underline; }

/* Tipo de notificación Global: Secondary */
.notification-tertiary {
  background-color: #e3e3e3;
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.45;
  color: #333333; }
  .notification-tertiary .button-close-text {
    color: #999999;
    text-decoration: underline; }
  .notification-tertiary a {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    text-decoration: underline; }

/* Tipo de notificación Inline: Unavailable */
.notification-unavailable p {
  background-color: #e3e3e3;
  display: inline; }

/* order summary notification */
.notification-summary {
  text-align: center;
  background-color: #333333;
  line-height: 45px; }
  .notification-summary span {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    color: #e3e3e3; }

/* bopis // ship to home notification */
.notification-ship-to-home {
  line-height: 22px;
  height: auto;
  padding: 21px;
  text-align: left;
  /* class Icon X */ }
  .notification-ship-to-home .order-status p {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    color: #f7f7f7; }
    .notification-ship-to-home .order-status p a {
      margin-left: 16px;
      text-decoration: underline; }
  .notification-ship-to-home .order-status span {
    margin-right: 20px;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #e3e3e3; }
  .notification-ship-to-home .order-status a {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #e3e3e3; }
  .notification-ship-to-home .close-notification {
    width: 34px;
    height: 34px;
    position: absolute;
    right: 19px;
    top: calc(50% - 14px);
    width: 17px;
    height: 17px;
    right: 30px;
    top: 40%;
    z-index: 1;
    font-size: 0;
    /* Icon X */ }
    .notification-ship-to-home .close-notification:before, .notification-ship-to-home .close-notification:after {
      content: '';
      position: relative;
      display: block;
      background: #ffffff;
      margin: auto; }
    .notification-ship-to-home .close-notification:before, .notification-ship-to-home .close-notification:after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px; }
    .notification-ship-to-home .close-notification:before {
      width: 18px;
      height: 2px;
      top: 7px;
      background-color: #333333; }
    .notification-ship-to-home .close-notification:after {
      width: 2px;
      height: 18px;
      top: -3px;
      background-color: #333333; }
    .notification-ship-to-home .close-notification:after {
      background: #ffffff;
      top: -1px;
      height: 14px; }
    .notification-ship-to-home .close-notification:before {
      background: #ffffff;
      width: 14px; }

.my-account-content-overlay .notification-ship-to-home {
  padding: 0px; }

/*****************
 * Error box
*****************/
.error-box, .warning-box {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.45;
  color: #c60808;
  border: 1px solid #c60808;
  text-align: center;
  margin: 0 auto;
  display: block;
  padding: 14px 30px;
  position: relative;
  margin-bottom: 6px; }
  .error-box .error-icon, .warning-box .error-icon {
    font-size: 0px;
    position: absolute;
    top: -12px;
    left: calc(50% - 11px);
    background: #ffffff;
    padding: 3px;
    display: inline-block;
    width: auto; }
    .error-box .error-icon:before, .warning-box .error-icon:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F11F";
      color: #c60808; }
    .error-box .error-icon:before, .warning-box .error-icon:before {
      font-size: 15px; }
  .error-box button, .warning-box button {
    color: inherit;
    text-decoration: underline; }
  .error-box:before, .warning-box:before {
    font-size: 15px;
    position: absolute;
    top: -12px;
    left: calc(50% - 11px);
    background: #ffffff;
    padding: 3px; }

.warning-box {
  color: #cc3300;
  border: 1px solid #cc3300; }
  .warning-box:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F124";
    color: #cc3300; }
  .warning-box button {
    color: #cc3300; }

.success-box {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.45;
  color: #417505;
  border: 1px solid #417505;
  text-align: center;
  margin: 0 auto;
  display: block;
  padding: 14px 25px;
  position: relative;
  margin-bottom: 6px; }
  .success-box .success-icon {
    font-size: 0px;
    display: inline-block;
    width: auto;
    left: calc(50% - 11px);
    padding: 3px;
    top: -12px;
    position: absolute;
    background: #ffffff; }
    .success-box .success-icon:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F12E"; }
    .success-box .success-icon:before {
      font-size: 15px; }
  .success-box.inline-success-message {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    margin-top: 9px;
    color: #417505;
    display: block;
    margin: 0px;
    padding: 0px;
    border: 0px;
    text-align: left;
    margin-top: 8px;
    letter-spacing: 0.25px;
    line-height: 18px; }
    .success-box.inline-success-message .success-icon {
      font-size: 0px;
      position: relative;
      left: 0px;
      padding: 0px;
      top: auto;
      margin-right: 7px; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.react-overlay .overlay-my-account {
  width: 89%; }
  .react-overlay .overlay-my-account .overlay-container {
    padding: 0; }
  .react-overlay .overlay-my-account .overlay-header {
    padding: 0px 27px; }
    .react-overlay .overlay-my-account .overlay-header button {
      display: none; }

.overlay-my-account {
  /* Header para My Account */
  /* Button / Link Logout */ }
  .overlay-my-account .my-account {
    padding: 0;
    background: #ffffff; }
  .overlay-my-account .my-account-options .view {
    display: none; }
  .overlay-my-account .returnMenu {
    display: inline-block; }
    .overlay-my-account .returnMenu a {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.53;
      color: #333333; }
  .overlay-my-account .log-out {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #999999;
    margin-top: 0;
    margin-right: 0;
    position: absolute;
    top: 25px;
    right: 35px;
    text-decoration: underline; }
  .overlay-my-account .order-status {
    padding: 14px 31px 19px;
    background: #333333;
    width: 100%;
    overflow: hidden; }
    .overlay-my-account .order-status p {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.33;
      color: #ffffff;
      display: block; }
    .overlay-my-account .order-status a {
      font-family: 'Avenir';
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      color: #e3e3e3;
      text-decoration: underline;
      margin-right: 5px; }
    .overlay-my-account .order-status h3 {
      color: #999999; }
    .overlay-my-account .order-status span {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.36;
      text-decoration: none;
      text-transform: none;
      color: #e3e3e3;
      display: block;
      float: left;
      margin-top: 2px;
      display: inline-block;
      padding-top: 14px; }
  .overlay-my-account .available-rewards {
    background: #ffffff;
    border: none; }
  .overlay-my-account .menu-my-account-banner {
    width: 100%;
    padding: 0px 31px;
    margin-top: 10px; }
    .overlay-my-account .menu-my-account-banner img {
      max-width: 100%; }

.my-account-content-overlay {
  /* Header para My Account */ }
  .my-account-content-overlay .my-account-options {
    text-align: center;
    padding: 11px 0 7px;
    background-color: #f7f7f7;
    position: relative;
    height: auto; }
  .my-account-content-overlay .view {
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-transform: none;
    color: #333333;
    text-transform: uppercase;
    text-decoration: underline; }
  .my-account-content-overlay .log-out {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #999999;
    text-decoration: underline;
    margin-top: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 30px;
    position: absolute; }
  .my-account-content-overlay .order-status {
    background: #333333;
    padding: 10px 17px 15px;
    width: 100%;
    overflow: hidden;
    margin-top: 0; }
    .my-account-content-overlay .order-status p {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.33;
      color: #ffffff;
      display: block; }
    .my-account-content-overlay .order-status a {
      font-family: 'Avenir';
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      color: #e3e3e3;
      text-decoration: underline;
      margin-right: 5px; }
    .my-account-content-overlay .order-status h3 {
      color: #999999; }
    .my-account-content-overlay .order-status span {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.36;
      text-decoration: none;
      text-transform: none;
      color: #e3e3e3;
      display: inline-block;
      width: auto;
      margin-top: 2px;
      padding-top: 0; }

.menu-my-account-banner {
  padding: 0 15px; }
  .menu-my-account-banner img {
    width: 100%; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.generic-sticky-notification {
  position: absolute;
  width: 100%;
  padding: 0 15px;
  left: 0;
  text-align: center;
  z-index: 20;
  margin-top: -28px; }
  .generic-sticky-notification.notification-fixed {
    position: fixed; }
  .generic-sticky-notification .notification-inline {
    background: #333333;
    padding: 11px 20px;
    -webkit-box-shadow: 1px 1px 2px 2px rgba(51, 51, 51, 0.3);
    -moz-box-shadow: 1px 1px 2px 2px rgba(51, 51, 51, 0.3);
    box-shadow: 1px 1px 2px 2px rgba(51, 51, 51, 0.3);
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #ffffff;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    width: 100%;
    display: inline-block;
    position: relative;
    /* Resolver con clases para sacar las dependencias de tags */ }
    .generic-sticky-notification .notification-inline .button-notification-close {
      color: white;
      text-decoration: none;
      position: absolute;
      right: 7px;
      top: 5px; }
    .generic-sticky-notification .notification-inline > p {
      width: auto;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.36;
      text-decoration: none;
      text-transform: none;
      color: #ffffff; }
      .generic-sticky-notification .notification-inline > p > a {
        position: relative;
        text-decoration: underline;
        font-family: 'Avenir';
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none;
        font-size: 11px;
        letter-spacing: 0;
        line-height: 1.36;
        text-decoration: none;
        text-transform: none;
        color: #ffffff;
        float: right;
        top: 3px; }

.generic-sticky-notification {
  margin-top: -31px;
  padding: 0px; }
  .generic-sticky-notification.notification-fixed {
    margin: 0px;
    top: 130px; }
  .generic-sticky-notification .notification-inline {
    width: auto;
    padding: 13px 43px;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #666666; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/* Contenedor de los select del producto en estado editable */
.container-selects {
  width: 66.5%;
  margin-bottom: 3px;
  /* Span que simula ser el Input Select */ }
  .container-selects select + span.selection {
    margin-top: 0; }

.select-fit,
.select-quantity,
.select-size {
  width: 100%;
  margin-bottom: 7px; }

.my-bag {
  /* Select de edición de producto */ }
  .my-bag .mini-dropdown select + span.selection {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    height: 35px;
    line-height: 37px;
    padding: 0 20px 0 10px;
    text-align: left;
    min-width: 100%;
    text-overflow: ellipsis; }
    .my-bag .mini-dropdown select + span.selection:after, .my-bag .mini-dropdown select + span.selection:before {
      width: 7px;
      bottom: 17px;
      right: 5px; }
    .my-bag .mini-dropdown select + span.selection:after {
      right: 0.5px; }
  .my-bag .mini-dropdown > span.selection,
  .my-bag .bag-item-color-select-closed > span.selection,
  .my-bag .bag-item-color-select > span.selection {
    display: block; }

.item-shopping-cart {
  /* En estado editable: Contenedor de Botones */ }
  .item-shopping-cart .buttons-editables {
    margin-bottom: 18px;
    bottom: 0;
    position: relative;
    display: block;
    /* Boton Update en Overlay -> Reveer por qué está acá */
    /* Botón Update y Cancelar en My Bag Global */
    /* Botón Update en My Bag Global */
    /* Botón Cancelar en My Bag Global */ }
    .item-shopping-cart .buttons-editables .button-update, .overlay-my-bag .item-shopping-cart .buttons-editables .button-cancel {
      margin-bottom: 0; }
    .item-shopping-cart .buttons-editables .button-cancel,
    .item-shopping-cart .buttons-editables .button-global-update {
      display: inline-block; }
    .item-shopping-cart .buttons-editables .button-global-update {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0;
      height: 22px;
      display: inline-block;
      color: #ffffff;
      cursor: pointer;
      text-align: center;
      text-decoration: none;
      padding: 0 10px;
      border: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-background-clip: padding;
      -moz-background-clip: padding;
      background-clip: padding-box;
      width: 100%;
      height: 34px;
      line-height: 36px;
      position: relative;
      background-color: #333333;
      padding: 0 15px;
      width: auto; }
      .item-shopping-cart .buttons-editables .button-global-update.focused, .item-shopping-cart .buttons-editables .button-global-update:focus {
        background-color: #333333; }
      .item-shopping-cart .buttons-editables .button-global-update.pressed, .item-shopping-cart .buttons-editables .button-global-update:active {
        background-color: #4873bb; }
      .item-shopping-cart .buttons-editables .button-global-update.disabled, .item-shopping-cart .buttons-editables .button-global-update:disabled {
        background-color: #999999; }
    .item-shopping-cart .buttons-editables .button-cancel {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0.25px;
      line-height: 1.38;
      color: #666666;
      text-decoration: underline;
      margin-left: 19px;
      position: relative; }

/**
* CustomSelect
**/
/* Custom select Button: Open or Close state */
.bag-item-color-select-closed,
.bag-item-color-select {
  margin-bottom: 7px;
  display: block; }
  .bag-item-color-select-closed .item-list-common,
  .bag-item-color-select .item-list-common {
    max-height: 150px; }

.bag-item-color-select-button,
.bag-item-color-select-button-closed,
.overlay-my-bag .item-shopping-cart .bag-item-color-select-button {
  margin-top: 0px;
  background-color: #f7f7f7;
  height: 35px;
  padding: 0px;
  overflow: visible;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.36;
  text-decoration: none;
  text-transform: none;
  color: #666666;
  /* Icono chevron para Dropdown */ }
  .bag-item-color-select-button:after, .bag-item-color-select-button:before,
  .bag-item-color-select-button-closed:after,
  .overlay-my-bag .item-shopping-cart .bag-item-color-select-button:after,
  .bag-item-color-select-button-closed:before,
  .overlay-my-bag .item-shopping-cart .bag-item-color-select-button:before {
    width: 7px;
    bottom: 12px;
    right: 5px; }
  .bag-item-color-select-button:after,
  .bag-item-color-select-button-closed:after,
  .overlay-my-bag .item-shopping-cart .bag-item-color-select-button:after {
    right: 0.5px; }
  .bag-item-color-select-button span,
  .bag-item-color-select-button-closed span, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button span {
    line-height: 35px;
    display: block;
    padding: 1px 20px 0 25px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis; }
  .bag-item-color-select-button img,
  .bag-item-color-select-button-closed img, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button img {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 8px; }

/* Item List */
.bag-item-color-select-items-list img {
  width: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 8px; }

/* Item */
.bag-item-color-select-item {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.45;
  color: #333333;
  line-height: 35px;
  text-transform: none;
  padding: 0px 10px;
  padding: 0 8px 0 25px; }
  .bag-item-color-select-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap; }

/* Selected item
.bag-item-color-select-highlighted {
  background: $color-accent-one;
  color: $color-global-white;
}
*/
.item-shopping-cart {
  /* Contenedor de los select del producto en estado editable */ }
  .item-shopping-cart .container-selects {
    max-width: 60%;
    width: auto;
    vertical-align: top;
    display: inline-block;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
    .item-shopping-cart .container-selects .select-fit,
    .item-shopping-cart .container-selects .select-size {
      width: 75px;
      margin-right: 6px;
      vertical-align: top;
      margin-bottom: 0px; }
    .item-shopping-cart .container-selects .select-quantity {
      width: 40px;
      vertical-align: top;
      margin-bottom: 0px; }

/* Only Global section My Bag */
.global-my-bag {
  /* Botón de cambio de tienda */ }
  .global-my-bag .buttons-editables {
    margin-top: 0;
    margin-bottom: 0;
    bottom: 0;
    position: relative;
    display: inline-block;
    top: 0px;
    width: 36%;
    /* Botón Update y Cancelar en My Bag Global */
    /* Botón Update en My Bag Global */
    /* Bag Global update button*/
    /* My Bag Global Cancel Button */ }
    .global-my-bag .buttons-editables .button-global-update {
      display: inline-block;
      float: right; }
    .global-my-bag .buttons-editables .button-global-update {
      padding: 0 34px;
      margin-bottom: 0; }
    .global-my-bag .buttons-editables .button-update, .global-my-bag .overlay-my-bag .item-shopping-cart .buttons-editables .button-cancel, .overlay-my-bag .item-shopping-cart .global-my-bag .buttons-editables .button-cancel {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 0;
      display: inline-block;
      color: #ffffff;
      cursor: pointer;
      text-align: center;
      text-decoration: none;
      padding: 0 10px;
      border: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-background-clip: padding;
      -moz-background-clip: padding;
      background-clip: padding-box;
      width: 100%;
      height: 48.3px;
      line-height: 50.3px;
      background-color: #333333;
      width: calc(56% + 5px);
      height: 39px;
      float: left;
      line-height: 20px; }
      .global-my-bag .buttons-editables .button-update.focused, .global-my-bag .overlay-my-bag .item-shopping-cart .buttons-editables .focused.button-cancel, .overlay-my-bag .item-shopping-cart .global-my-bag .buttons-editables .focused.button-cancel, .global-my-bag .buttons-editables .button-update:focus, .global-my-bag .overlay-my-bag .item-shopping-cart .buttons-editables .button-cancel:focus, .overlay-my-bag .item-shopping-cart .global-my-bag .buttons-editables .button-cancel:focus {
        background-color: #333333; }
      .global-my-bag .buttons-editables .button-update.pressed, .global-my-bag .overlay-my-bag .item-shopping-cart .buttons-editables .pressed.button-cancel, .overlay-my-bag .item-shopping-cart .global-my-bag .buttons-editables .pressed.button-cancel, .global-my-bag .buttons-editables .button-update:active, .global-my-bag .overlay-my-bag .item-shopping-cart .buttons-editables .button-cancel:active, .overlay-my-bag .item-shopping-cart .global-my-bag .buttons-editables .button-cancel:active {
        background-color: #333333; }
      .global-my-bag .buttons-editables .button-update.disabled, .global-my-bag .overlay-my-bag .item-shopping-cart .buttons-editables .disabled.button-cancel, .overlay-my-bag .item-shopping-cart .global-my-bag .buttons-editables .disabled.button-cancel, .global-my-bag .buttons-editables .button-update:disabled, .global-my-bag .overlay-my-bag .item-shopping-cart .buttons-editables .button-cancel:disabled, .overlay-my-bag .item-shopping-cart .global-my-bag .buttons-editables .button-cancel:disabled {
        background-color: #999999; }
    .global-my-bag .buttons-editables .button-cancel {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0;
      height: 22px;
      display: inline-block;
      color: #ffffff;
      cursor: pointer;
      text-align: center;
      text-decoration: none;
      padding: 0 10px;
      border: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-background-clip: padding;
      -moz-background-clip: padding;
      background-clip: padding-box;
      width: auto;
      height: 35px;
      line-height: 37px;
      background-color: #e3e3e3;
      -webkit-box-shadow: inset 0 0 0 1px #ffffff;
      -moz-box-shadow: inset 0 0 0 1px #ffffff;
      box-shadow: inset 0 0 0 1px #ffffff;
      /* border inside box */
      border: 1px solid #e3e3e3;
      /* border outside box */
      position: relative;
      color: #333333;
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0.25px;
      line-height: 1.38;
      color: #666666;
      text-decoration: underline;
      margin: 0px 22px;
      width: auto;
      padding: 0px;
      position: relative;
      background: none;
      float: left;
      box-shadow: none;
      border: none; }
      .global-my-bag .buttons-editables .button-cancel.focused, .global-my-bag .buttons-editables .button-cancel:focus {
        border-color: #e3e3e3;
        /* border outside box */
        background-color: #ffffff; }
      .global-my-bag .buttons-editables .button-cancel.pressed, .global-my-bag .buttons-editables .button-cancel:active {
        border-color: #e3e3e3;
        /* border outside box */
        background-color: #e3e3e3; }
      .global-my-bag .buttons-editables .button-cancel.disabled, .global-my-bag .buttons-editables .button-cancel:disabled {
        border-color: #999999;
        /* border outside box */
        background-color: #999999;
        color: #ffffff; }

/* Only My Bag Drawer / Overlay */
.overlay-my-bag {
  /* Re-check level */ }
  .overlay-my-bag .item-shopping-cart {
    /* Mini select para edición de producto SOLO en My Bag Overlay */
    /* Custom select container: Close state */
    /* Custom select container: Open state */
    /* Item List */ }
    .overlay-my-bag .item-shopping-cart .bag-item-color-select-button-closed, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button,
    .overlay-my-bag .item-shopping-cart .mini-dropdown select + span.selection {
      background: #ffffff;
      height: 30px;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.36;
      text-decoration: none;
      text-transform: none;
      color: #666666;
      line-height: 4px;
      padding: 15px 18px 13px 6px;
      overflow: hidden;
      text-overflow: ellipsis; }
      .overlay-my-bag .item-shopping-cart .bag-item-color-select-button-closed:after, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button:after, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button-closed:before, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button:before,
      .overlay-my-bag .item-shopping-cart .mini-dropdown select + span.selection:after,
      .overlay-my-bag .item-shopping-cart .mini-dropdown select + span.selection:before {
        width: 7px;
        bottom: 13px;
        right: 10px; }
      .overlay-my-bag .item-shopping-cart .bag-item-color-select-button-closed:after, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button:after,
      .overlay-my-bag .item-shopping-cart .mini-dropdown select + span.selection:after {
        right: 5px; }
      .overlay-my-bag .item-shopping-cart .bag-item-color-select-button-closed .note, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button .note,
      .overlay-my-bag .item-shopping-cart .mini-dropdown select + span.selection .note {
        height: 10px;
        width: 10px;
        right: 28px; }
    .overlay-my-bag .item-shopping-cart .bag-item-color-select-button-closed, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button {
      line-height: normal;
      margin-top: 0px;
      padding: 0; }
      .overlay-my-bag .item-shopping-cart .bag-item-color-select-button-closed span, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button span {
        padding-left: 21px;
        padding-top: 4px;
        line-height: 25px; }
        .overlay-my-bag .item-shopping-cart .bag-item-color-select-button-closed span img, .overlay-my-bag .item-shopping-cart .bag-item-color-select-button span img {
          width: 9px;
          height: 9px;
          right: 20px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
    .overlay-my-bag .item-shopping-cart .bag-item-color-select-closed,
    .overlay-my-bag .item-shopping-cart .bag-item-color-select {
      width: 100px;
      margin-right: 6px;
      margin-bottom: 0px;
      vertical-align: top;
      display: inline-block; }
    .overlay-my-bag .item-shopping-cart .bag-item-color-select-items-list {
      background-color: #ffffff;
      font-size: 11px; }
      .overlay-my-bag .item-shopping-cart .bag-item-color-select-items-list li span {
        line-height: 30px;
        display: block; }
      .overlay-my-bag .item-shopping-cart .bag-item-color-select-items-list li img {
        width: 9px;
        right: 7px;
        position: absolute;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
      .overlay-my-bag .item-shopping-cart .bag-item-color-select-items-list li:after, .overlay-my-bag .item-shopping-cart .bag-item-color-select-items-list li:before {
        display: none; }
    .overlay-my-bag .item-shopping-cart .container-selects .select-fit,
    .overlay-my-bag .item-shopping-cart .container-selects .select-size,
    .overlay-my-bag .item-shopping-cart .container-selects .select-qty {
      width: 68px; }
    .overlay-my-bag .item-shopping-cart .buttons-editables {
      margin-top: 0;
      position: absolute;
      right: 0;
      top: 50px; }
      .overlay-my-bag .item-shopping-cart .buttons-editables .button-update, .overlay-my-bag .item-shopping-cart .buttons-editables .button-cancel {
        font-family: 'Avenir';
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none;
        font-size: 11px;
        letter-spacing: 0;
        line-height: 1.45;
        color: #333333;
        text-decoration: underline;
        text-align: right;
        display: block;
        margin-bottom: 17px; }
      .overlay-my-bag .item-shopping-cart .buttons-editables .button-cancel {
        margin-left: 0px;
        margin-bottom: 0;
        color: #999999; }
  .overlay-my-bag .product-description form .error-box {
    padding: 0;
    text-align: left;
    border: 0;
    margin: 5px 0; }
    .overlay-my-bag .product-description form .error-box:before {
      content: none; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.container-buttom-mybag .order-summary-overlay {
  background-color: #f7f7f7;
  text-align: center;
  padding: 22px 0 22px; }
  .container-buttom-mybag .order-summary-overlay .subtotal {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333; }
  .container-buttom-mybag .order-summary-overlay .savings {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333; }
@charset "UTF-8";
/**
* Registered Rewards Promo (Espot)
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Both Registered user WITH PLCC Card and with NO PLCC Card */
.registered-rewards-promo {
  background: #ffffff;
  padding: 8px; }
  .registered-rewards-promo .summary-message-title strong {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }

/*
* WITH PLCC card saved to my account
*/
/* Registered User WITH PLCC card saved to my account */
.registered-mpr-credit-card {
  background: transparent url("/wcsstore/static/images/pt-blue-stripes.png") repeat 0 0;
  padding: 10px;
  margin: 20px 0; }

/* Only Registered User WITH PLCC Card saved on My Account */
.message-earn-double-points {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333;
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-transform: uppercase; }

/*
* WITHOUT PLCC card saved to my account
*/
/* Registered USer with NO PLCC card */
.registered-rewards-promo-container {
  background: transparent url("/wcsstore/static/images/pt-orange-stripes.png") repeat 0 0;
  padding: 10px;
  margin: 20px 0; }

/* Only Registered User with NO PLCC Card */
.get-double-points-title {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-transform: uppercase; }

/* Only Registered User with NO PLCC Card */
.get-double-points-subtitle {
  display: block;
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333; }

/* Only Registered User with NO PLCC Card */
.summary-message-rewards .registered-rewards-promo .button-apply-now,
.summary-message-rewards .registered-rewards-promo .button-learn-more {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.42;
  text-transform: uppercase;
  color: #333333;
  text-decoration: underline;
  margin: 10px 10px 0px;
  text-align: center;
  display: inline-block; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.item-shopping-cart {
  /* Descripción de producto: Color, talle y cantidad elegida */
  /* Contenedor de los items de la descripción (en estado no editable) */ }
  .item-shopping-cart .container-description-view {
    margin-bottom: 12px;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    /* Button Edit */
    /* Contenedor de los inputs select */
    /* text for previous price */ }
    .item-shopping-cart .container-description-view span {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0.25px;
      line-height: 1.38;
      color: #333333;
      display: block; }
      .item-shopping-cart .container-description-view span:first-of-type {
        padding-left: 0; }
      .item-shopping-cart .container-description-view span:last-of-type {
        padding-right: 0; }
    .item-shopping-cart .container-description-view .button-edit-product {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0.25px;
      line-height: 1.38;
      color: #666666;
      text-decoration: underline;
      margin-top: 11px;
      display: block; }
    .item-shopping-cart .container-description-view .text-color img {
      display: none; }
    .item-shopping-cart .container-description-view .container-selects {
      width: calc(100% - 47px);
      display: inline-block;
      text-align: left; }
    .item-shopping-cart .container-description-view .select-fit,
    .item-shopping-cart .container-description-view .select-size {
      width: calc(24% - 6px);
      margin-right: 6px;
      margin-bottom: 0px; }
    .item-shopping-cart .container-description-view .select-quantity {
      width: calc(16% - 6px);
      margin-bottom: 0px; }
    .item-shopping-cart .container-description-view .container-price {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 1.67;
      color: #333333;
      line-height: 22px;
      text-align: left; }
    .item-shopping-cart .container-description-view .product-list-price {
      margin-right: 15px;
      color: #999999;
      text-decoration: line-through;
      letter-spacing: 0; }

.item-shopping-cart {
  /* Contenedor de los items de la descripción (en estado no editable) */
  /* Container of description's item */ }
  .item-shopping-cart .container-description-view {
    margin: 11px 0 0;
    /* Button Edit */
    /* Information Items: Color, fit, size, qty */ }
    .item-shopping-cart .container-description-view .button-edit-product {
      margin-top: 0;
      margin-left: 20px;
      display: inline-block;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0;
      line-height: 1.15;
      text-decoration: none;
      text-transform: none;
      color: #666666;
      text-decoration: underline; }
    .item-shopping-cart .container-description-view span {
      padding: 0;
      display: inline-block;
      font-size: inherit;
      font-weight: inherit;
      /* Last divition line*/ }
      .item-shopping-cart .container-description-view span:first-of-type {
        padding-left: 0; }
      .item-shopping-cart .container-description-view span:last-of-type {
        padding-right: 0; }
      .item-shopping-cart .container-description-view span:after {
        content: '';
        display: inline-block;
        position: relative;
        font-family: 'Avenir';
        font-weight: 900;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 1.67;
        color: #333333;
        margin: 0px 10px;
        width: 1px;
        height: 10px;
        top: 1px;
        background: #333333;
        padding-left: 0px; }
      .item-shopping-cart .container-description-view span:last-of-type:after {
        display: none; }
  .item-shopping-cart .container-description-item {
    display: inline-block; }

/* Only My Bag Drawer / Overlay */
.overlay-my-bag {
  /* Re-check level */ }
  .overlay-my-bag .item-shopping-cart {
    /* details of product */
    /* Container of description's item */
    /* Button "Edit" */ }
    .overlay-my-bag .item-shopping-cart .container-description-view {
      margin: 10px 0 7px;
      position: relative;
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.45;
      color: #333333;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center; }
    .overlay-my-bag .item-shopping-cart .button-edit-product {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.45;
      color: #999999;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      text-decoration: underline;
      margin-left: 15px; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/* Contenedor de cada item PRODUCTO */
.item-shopping-cart {
  border-bottom: 1px solid #e3e3e3;
  /* Item de Producto dentro del <li> */
  /* Producto */
  /* figcaption */
  /* Contenedor de la imagen de producto */
  /* Producto Sold Out */
  /* Producto Unavailable */
  /* Loading state */
  /* Removed product container */
  /* Remove button */
  /* Add to wishlist button */
  /* Add to Favorites and Remove product, hover state */
  /* text for previous price */ }
  .item-shopping-cart .item-product {
    text-align: left; }
  .item-shopping-cart h3 {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    line-height: 22px;
    text-align: left;
    width: calc(100% - 30px);
    line-height: 18px;
    /* Reveer */
    min-height: 36px;
    /* Cuando hay una sola linea debería mantener su alto */ }
  .item-shopping-cart figure {
    position: relative; }
  .item-shopping-cart .container-image {
    width: 110px;
    height: 110px;
    display: inline-block;
    font-size: 10px; }
    .item-shopping-cart .container-image a {
      display: inline-block;
      width: 100%;
      height: 100%; }
    .item-shopping-cart .container-image img {
      width: 100%;
      height: auto; }
    .item-shopping-cart .container-image .inline-badge-item {
      font-size: 9px;
      padding: 3px 0 0 3px; }
  .item-shopping-cart .product-description {
    width: calc(100% - 132px);
    display: inline-block;
    vertical-align: top;
    margin-left: 22px;
    position: relative; }
    .item-shopping-cart .product-description .notification {
      margin-top: 8px;
      width: calc(80% + 137px);
      left: -137px; }
    .item-shopping-cart .product-description .inline-error-message {
      white-space: normal; }
    .item-shopping-cart .product-description .error-box,
    .item-shopping-cart .product-description .warning-box {
      display: inline-block;
      width: 100%; }
  .item-shopping-cart .container-image {
    position: relative; }
    .item-shopping-cart .container-image:after {
      background: #cc3300;
      color: #f7f7f7;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      font-size: 10px;
      height: 20px;
      line-height: 20px;
      left: 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: center;
      text-transform: uppercase;
      vertical-align: middle;
      width: 100%; }
  .item-shopping-cart .sold-out .container-image .button-add-to-wishlist,
  .item-shopping-cart .sold-out .container-image .product-description,
  .item-shopping-cart .sold-out .container-image img {
    opacity: 0.4; }
  .item-shopping-cart .sold-out .container-image:after {
    content: '\25CF   Sold Out \25CF'; }
  .item-shopping-cart .inline-badge {
    padding-bottom: 16px; }
  .item-shopping-cart .unavailable {
    /* Imagen de producto */
    /* Detalle de producto seleccionado */ }
    .item-shopping-cart .unavailable .container-image {
      opacity: 0.7; }
      .item-shopping-cart .unavailable .container-image:after {
        content: '\25CF   Please Update \25CF'; }
    .item-shopping-cart .unavailable .text-color,
    .item-shopping-cart .unavailable .text-fit,
    .item-shopping-cart .unavailable .text-qty,
    .item-shopping-cart .unavailable .text-size {
      opacity: 0.4; }
  .item-shopping-cart .cart-item-loading-container.general-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 10;
    min-height: auto;
    background: rgba(247, 247, 247, 0.7);
    top: 0px;
    left: 0px; }
  .item-shopping-cart .container-product-deleted {
    position: relative;
    z-index: 2;
    display: inline-block;
    height: calc(100% - 22px);
    padding: 60px 0;
    width: calc(100% + 4px);
    left: -2px;
    border-bottom: solid 1px rgba(51, 51, 51, 0.11);
    background: #f7f7f7; }
    .item-shopping-cart .container-product-deleted h3 {
      text-align: center;
      min-height: auto;
      margin-bottom: 18px;
      width: 100%;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.53;
      color: #333333;
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
    .item-shopping-cart .container-product-deleted i {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
    .item-shopping-cart .container-product-deleted .button-undo-removed {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0;
      height: 22px;
      display: inline-block;
      color: #ffffff;
      cursor: pointer;
      text-align: center;
      text-decoration: none;
      padding: 0 10px;
      border: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-background-clip: padding;
      -moz-background-clip: padding;
      background-clip: padding-box;
      width: 100%;
      height: 34px;
      line-height: 36px;
      position: relative;
      background-color: #333333;
      width: 161px;
      display: block;
      margin: 0 auto; }
      .item-shopping-cart .container-product-deleted .button-undo-removed.focused, .item-shopping-cart .container-product-deleted .button-undo-removed:focus {
        background-color: #333333; }
      .item-shopping-cart .container-product-deleted .button-undo-removed.pressed, .item-shopping-cart .container-product-deleted .button-undo-removed:active {
        background-color: #4873bb; }
      .item-shopping-cart .container-product-deleted .button-undo-removed.disabled, .item-shopping-cart .container-product-deleted .button-undo-removed:disabled {
        background-color: #999999; }
  .item-shopping-cart .button-remove {
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-transform: uppercase;
    position: absolute;
    top: -3px;
    right: 0;
    transform: rotate(-45deg);
    overflow: hidden; }
    .item-shopping-cart .button-remove:before, .item-shopping-cart .button-remove:after {
      content: '';
      position: relative;
      display: block;
      background: #333333;
      margin: auto; }
    .item-shopping-cart .button-remove:before {
      position: absolute;
      width: 14px;
      height: 2px;
      background-color: #333333;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .item-shopping-cart .button-remove:after {
      position: absolute;
      height: 14px;
      width: 2px;
      background-color: #333333;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .item-shopping-cart .button-remove.hover-remove, .item-shopping-cart .button-remove:hover {
      background: #333333;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
      .item-shopping-cart .button-remove.hover-remove:after, .item-shopping-cart .button-remove.hover-remove:before, .item-shopping-cart .button-remove:hover:after, .item-shopping-cart .button-remove:hover:before {
        background: #ffffff; }
    .item-shopping-cart .button-remove.hover-remove + .flag-remove-product,
    .item-shopping-cart .button-remove:hover + .flag-remove-product {
      top: -11px; }
  .item-shopping-cart .button-add-to-wishlist {
    width: 28px;
    height: 30px;
    position: absolute;
    bottom: 0;
    right: -1px;
    font-size: 26px; }
    .item-shopping-cart .button-add-to-wishlist:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F120";
      color: #666666; }
    .item-shopping-cart .button-add-to-wishlist.hover-wishlist:before, .item-shopping-cart .button-add-to-wishlist:hover:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F138";
      color: #333333; }
    .item-shopping-cart .button-add-to-wishlist.hover-wishlist:before, .item-shopping-cart .button-add-to-wishlist:hover:before {
      color: #333333; }
    .item-shopping-cart .button-add-to-wishlist.hover-wishlist + .flag-wishlist-product,
    .item-shopping-cart .button-add-to-wishlist:hover + .flag-wishlist-product {
      top: auto;
      bottom: 4px; }
    .item-shopping-cart .button-add-to-wishlist.disabled {
      cursor: auto;
      opacity: .6; }
      .item-shopping-cart .button-add-to-wishlist.disabled:hover:before {
        display: inline-block;
        font-family: "icons";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        content: "\F120";
        color: #666666; }
      .item-shopping-cart .button-add-to-wishlist.disabled.hover-wishlist + .flag-wishlist-product,
      .item-shopping-cart .button-add-to-wishlist.disabled:hover + .flag-wishlist-product {
        color: #999999;
        -webkit-box-shadow: inset 0px 0px 0px 1px #999999;
        -moz-box-shadow: inset 0px 0px 0px 1px #999999;
        box-shadow: inset 0px 0px 0px 1px #999999; }
        .item-shopping-cart .button-add-to-wishlist.disabled.hover-wishlist + .flag-wishlist-product:after,
        .item-shopping-cart .button-add-to-wishlist.disabled:hover + .flag-wishlist-product:after {
          border-right: solid 1px #999999;
          border-top: solid 1px #999999; }
  .item-shopping-cart .button-add-to-wishlist,
  .item-shopping-cart .button-remove {
    /* FPO class */ }
    .item-shopping-cart .button-add-to-wishlist.showThis + .flag-remove-product,
    .item-shopping-cart .button-add-to-wishlist.showThis + .flag-wishlist-product,
    .item-shopping-cart .button-remove.showThis + .flag-remove-product,
    .item-shopping-cart .button-remove.showThis + .flag-wishlist-product {
      display: block; }
    .item-shopping-cart .button-add-to-wishlist + .flag-remove-product,
    .item-shopping-cart .button-add-to-wishlist + .flag-wishlist-product,
    .item-shopping-cart .button-remove + .flag-remove-product,
    .item-shopping-cart .button-remove + .flag-wishlist-product {
      display: none; }
    .item-shopping-cart .button-add-to-wishlist.hover-remove + .flag-remove-product,
    .item-shopping-cart .button-add-to-wishlist.hover-wishlist + .flag-wishlist-product,
    .item-shopping-cart .button-add-to-wishlist:hover + .flag-remove-product,
    .item-shopping-cart .button-add-to-wishlist:hover + .flag-wishlist-product,
    .item-shopping-cart .button-remove.hover-remove + .flag-remove-product,
    .item-shopping-cart .button-remove.hover-wishlist + .flag-wishlist-product,
    .item-shopping-cart .button-remove:hover + .flag-remove-product,
    .item-shopping-cart .button-remove:hover + .flag-wishlist-product {
      display: block;
      position: absolute;
      z-index: 1;
      background-color: #f7f7f7;
      right: 49px;
      padding: 7px 16px 6px 15px;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 1.67;
      color: #333333;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      margin-right: -5px;
      -webkit-box-shadow: inset 0px 0px 0px 1px #333333;
      -moz-box-shadow: inset 0px 0px 0px 1px #333333;
      box-shadow: inset 0px 0px 0px 1px #333333; }
      .item-shopping-cart .button-add-to-wishlist.hover-remove + .flag-remove-product:after,
      .item-shopping-cart .button-add-to-wishlist.hover-wishlist + .flag-wishlist-product:after,
      .item-shopping-cart .button-add-to-wishlist:hover + .flag-remove-product:after,
      .item-shopping-cart .button-add-to-wishlist:hover + .flag-wishlist-product:after,
      .item-shopping-cart .button-remove.hover-remove + .flag-remove-product:after,
      .item-shopping-cart .button-remove.hover-wishlist + .flag-wishlist-product:after,
      .item-shopping-cart .button-remove:hover + .flag-remove-product:after,
      .item-shopping-cart .button-remove:hover + .flag-wishlist-product:after {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        position: absolute;
        right: -3px;
        top: calc(50% - 4px);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: #f7f7f7;
        border-right: solid 1px #333333;
        border-top: solid 1px #333333; }
  .item-shopping-cart .container-selects {
    max-width: calc(100% - 47px);
    display: inline-block;
    text-align: left;
    padding-bottom: 10px; }
    .item-shopping-cart .container-selects select + span.selection {
      margin-top: 0; }
  .item-shopping-cart .container-price {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    line-height: 22px;
    text-align: left; }
  .item-shopping-cart .product-list-price {
    color: #999999;
    text-decoration: line-through;
    letter-spacing: 0;
    margin-right: 20px; }

/********************************************************************************************************/
/* Sección My Bag (no Overlay) */
.global-my-bag {
  margin-bottom: 55px;
  /* Contenedor de la lista de productos */
  /* Select de edición de producto en My Bag Global */
  /* Contenedor de radio Buttons (Ship it or Pick up in store) */ }
  .global-my-bag .container-list-shopping-cart {
    width: 100%;
    display: block;
    overflow: visible;
    height: auto; }
  .global-my-bag .mini-dropdown select + span.selection {
    background: #f7f7f7; }
  .global-my-bag .item-shopping-cart {
    border-bottom: 1px solid rgba(51, 51, 51, 0.11);
    padding: 18px 0 17px;
    position: relative;
    /* Imagen de producto */
    /* Contenedor de la descripción del producto */
    /* Contenedor de Nombre de Producto y número Upc */
    /* Nombre del producto (titulo) */
    /* Número UPC de cada producto */
    /* Precio de lista (tachado) */
    /* Contenerdor del boton de wishlist */
    /* Botón de Wishlist */
    /* Contenedor para nombre del Store + botón "Change" Store en Radio Button (Global My Bag) */
    /* Botón de cambio de tienda */ }
    .global-my-bag .item-shopping-cart:last-child {
      margin-bottom: 30px; }
    .global-my-bag .item-shopping-cart .container-product-information,
    .global-my-bag .item-shopping-cart fieldset {
      padding: 0; }
    .global-my-bag .item-shopping-cart .container-image {
      width: 116px;
      height: 116px;
      display: inline-block;
      background: #ffffff;
      vertical-align: top; }
    .global-my-bag .item-shopping-cart .product-description {
      display: inline-block;
      width: calc(100% - 136px);
      margin-left: 20px; }
    @media screen and (max-width: 800px) {
      .global-my-bag .item-shopping-cart .no-edit-item ~ .container-price {
        margin-bottom: 45px; } }
    .global-my-bag .item-shopping-cart .product-title {
      width: calc(100% - 35px); }
    .global-my-bag .item-shopping-cart .department-name {
      position: relative;
      height: auto;
      min-height: auto;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.53;
      color: #333333; }
    .global-my-bag .item-shopping-cart .upc-number {
      position: relative;
      margin-top: 1px;
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.45;
      color: #666666;
      text-transform: uppercase;
      margin-bottom: 17px; }
    .global-my-bag .item-shopping-cart .container-price {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.53;
      color: #333333; }
    @media screen and (max-width: 420px) {
      .global-my-bag .item-shopping-cart .container-button-wishlist {
        position: relative;
        bottom: 54px; } }
    .global-my-bag .item-shopping-cart .button-add-to-wishlist {
      font-size: 24px;
      bottom: 0;
      right: 1px; }
    .global-my-bag .item-shopping-cart .container-information-pick-up-in-store {
      display: inline-block;
      vertical-align: top; }
    .global-my-bag .item-shopping-cart .button-change-store {
      display: block;
      position: absolute;
      left: 0px;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 1.67;
      color: #333333;
      line-height: 22px;
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      text-decoration: underline; }
  .global-my-bag .radio-button-container {
    margin-top: 20px;
    position: relative;
    width: calc(100% + 137px);
    left: -137px;
    /* Titulo de los radio Buttons en My Bag Global */ }
    .global-my-bag .radio-button-container [type=radio]:checked:after {
      background: #000000; }
    .global-my-bag .radio-button-container .input-title {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 1.67;
      color: #333333;
      line-height: 22px;
      position: relative;
      top: -2px;
      color: #000000; }
      .global-my-bag .radio-button-container .input-title strong {
        font-family: 'Avenir';
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none; }
    .global-my-bag .radio-button-container label {
      margin-bottom: 15px; }
  .global-my-bag .cart-inline-badge {
    padding-top: 16px; }

/* Fin .global-my-bag */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* review list of products **/
.review .shopping-cart h3 {
  margin-top: -1px;
  margin-left: -1px; }

.review .shopping-cart h4 {
  margin-bottom: 2px; }

.review .shopping-cart > .items-shopping-cart {
  margin-top: -3px; }

.review .container-price {
  width: 25%;
  overflow: hidden;
  float: right;
  margin-right: 0; }

.review .item-shopping-cart-review {
  border-bottom: solid 1px #e3e3e3;
  height: auto;
  padding-bottom: 14px;
  padding-top: 11px;
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.42;
  text-transform: uppercase;
  color: #333333;
  text-transform: none;
  font-weight: 500;
  overflow: auto; }
  .review .item-shopping-cart-review .product {
    margin-top: 4px; }
  .review .item-shopping-cart-review a {
    width: 70%;
    margin-left: -1px;
    float: left;
    text-decoration: none;
    text-transform: capitalize;
    letter-spacing: 0;
    color: #333333; }
  .review .item-shopping-cart-review .product {
    padding-left: 0; }
  .review .item-shopping-cart-review .product-list-price {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    color: #666666;
    text-decoration: line-through;
    font-weight: bold;
    letter-spacing: 0;
    margin-right: 5px; }
  .review .item-shopping-cart-review:last-child {
    margin-bottom: 0;
    border-bottom: solid 1px #e3e3e3;
    padding-bottom: 14px;
    padding-top: 11px; }

/* end of review list of products */
/* Contenedor de Productos de Shopping Cart / My Bag / View Bag (listado) */
.item-shopping-cart {
  /* Item de Producto dentro del <li> */
  /* Contenedor de título de producto (nombre de producto y numero UPC) */
  /* remove product's button X" */
  /* Contenedor de precios de producto (actual y con descuento) */ }
  .item-shopping-cart .item-product {
    padding: 20px 0 12px; }
  .item-shopping-cart .error-box {
    margin-bottom: 20px; }
  .item-shopping-cart .product-title {
    width: calc(100% - 132px);
    padding-right: 30px;
    display: inline-block;
    float: right; }
  .overlay-container .item-shopping-cart .upc-number {
    display: none; }
  .item-shopping-cart .department-name {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    width: calc(100% - 30px);
    margin-top: 3px;
    line-height: 19px; }
  .item-shopping-cart .container-image {
    float: left; }
  .item-shopping-cart .button-remove {
    position: absolute;
    top: -8px; }
  .item-shopping-cart .container-price {
    margin: 6px 0 0px; }

/* Sección My Bag (no Overlay) Desktop */
.global-my-bag {
  margin: 17px auto 0;
  width: 100%;
  /* Contenedor de la lista de productos */
  /* En estado editable: Contenedor de Botones */ }
  .global-my-bag .container-list-shopping-cart {
    width: calc(100% - 410px);
    margin-bottom: 60px;
    margin-top: 1px;
    padding-right: 50px;
    display: inline-block;
    float: left; }
  .global-my-bag .item-shopping-cart {
    padding: 0px;
    /* Imagen de producto */
    /* Contenedor de la descripción del producto */
    /* Nombre del producto (titulo) */
    /* Número UPC de cada producto */
    /* Contenedor de precios de producto (actual y con descuento) */
    /* Contenedor de radio Buttons (Ship it or Pick up in store) */
    /* Botón de Wishlist */
    /* Contenedor para nombre del Store + botón "Change" Store en Radio Button (Global My Bag) */
    /* Descripción de producto: Color, talle y cantidad elegida */
    /* Botón de cambio de tienda */ }
    .global-my-bag .item-shopping-cart.wishlist-new-item, .global-my-bag .item-shopping-cart.deleted-item {
      border-bottom: none; }
    .global-my-bag .item-shopping-cart fieldset {
      margin-top: 13px;
      margin-bottom: 0; }
    .global-my-bag .item-shopping-cart .container-image {
      margin-top: 0;
      vertical-align: initial;
      float: left; }
    .global-my-bag .item-shopping-cart .product-description,
    .global-my-bag .item-shopping-cart .product-title {
      width: calc(100% - 63px - 90px);
      margin-left: 37px;
      margin-bottom: 10px; }
    .global-my-bag .item-shopping-cart .product-description {
      margin-top: 0;
      margin-bottom: 0; }
      .global-my-bag .item-shopping-cart .product-description .notification {
        width: calc(100% - 35px);
        left: auto;
        font-family: 'Avenir';
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none;
        font-size: 11px;
        letter-spacing: 0;
        line-height: 1.45;
        color: #666666; }
      .global-my-bag .item-shopping-cart .product-description .error-box,
      .global-my-bag .item-shopping-cart .product-description .warning-box {
        margin-top: 5px;
        max-width: 247px;
        /* DT-31297: max-width required to prevent form alignment bug  */
        display: inline-block;
        width: auto; }
      .global-my-bag .item-shopping-cart .product-description .fit-dropdown-visible .error-box {
        max-width: 330px;
        /* DT-31297: max-width required to prevent form alignment bug  */ }
    .global-my-bag .item-shopping-cart .department-name {
      left: auto;
      margin-top: 0; }
    .global-my-bag .item-shopping-cart .upc-number {
      left: auto;
      margin-top: 2px;
      margin-bottom: 0; }
    .global-my-bag .item-shopping-cart .container-price {
      margin: 15px 0 19px; }
    .global-my-bag .item-shopping-cart .radio-button-container {
      margin: 0 0 5px;
      width: 60%;
      left: -3px; }
      .global-my-bag .item-shopping-cart .radio-button-container label {
        margin-bottom: 16px; }
        .global-my-bag .item-shopping-cart .radio-button-container label:last-of-type {
          margin-bottom: 0; }
    .global-my-bag .item-shopping-cart .ship-it {
      margin-right: 50%; }
    .global-my-bag .item-shopping-cart .button-add-to-wishlist {
      top: auto;
      font-size: 25px;
      bottom: 4px;
      right: -2px;
      margin-bottom: 0; }
    .global-my-bag .item-shopping-cart .container-information-pick-up-in-store {
      vertical-align: initial;
      /* Estado de "pick up in store not available" */ }
      .global-my-bag .item-shopping-cart .container-information-pick-up-in-store.notAvailable {
        margin-left: 10px; }
    .global-my-bag .item-shopping-cart .container-description-view {
      /* Contenedor de los inputs select */ }
      .global-my-bag .item-shopping-cart .container-description-view .container-selects {
        width: calc(100% - 47px); }
      .global-my-bag .item-shopping-cart .container-description-view .button-change-store {
        display: inline-block;
        margin-left: 30px;
        left: auto; }
    .global-my-bag .item-shopping-cart .button-change-store {
      display: inline-block;
      left: auto;
      margin-left: 20px;
      white-space: nowrap; }
  .global-my-bag .buttons-editables {
    margin-top: 13px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: bottom; }
    @media screen and (max-width: 1200px) {
      .global-my-bag .buttons-editables {
        width: auto;
        float: right; }
        .global-my-bag .buttons-editables .button-cancel,
        .global-my-bag .buttons-editables .button-global-update {
          float: none;
          display: block;
          margin: 0 auto; }
        .global-my-bag .buttons-editables .button-cancel {
          margin-top: 10px; } }
    @media screen and (max-width: 1100px) {
      .global-my-bag .buttons-editables {
        display: block;
        width: 100%;
        margin-bottom: 20px; }
        .global-my-bag .buttons-editables .button-cancel,
        .global-my-bag .buttons-editables .button-global-update {
          display: inline-block; }
        .global-my-bag .buttons-editables .button-cancel {
          margin-left: 50px; } }
@charset "UTF-8";
/**
* Guest Rewards Promo (Espot)
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Componente Summary Message en checkout */
.summary-message {
  text-align: center;
  padding: 20px 0;
  color: #333333;
  /**end of nested parent code- */ }
  .summary-message .summary-message-title {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333; }
    .summary-message .summary-message-title span {
      font-weight: 900; }
  .summary-message .points-and-rewards-information {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    color: #333333;
    display: block;
    margin: 0 auto;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: uppercase; }
  .summary-message a {
    text-decoration: underline;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    color: #e3e3e3;
    margin-top: 5px;
    display: block; }
  .summary-message p {
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    color: #333333;
    color: #e3e3e3;
    text-transform: uppercase; }
  .summary-message.summary-message-rewards {
    padding: 10px;
    height: auto; }
    .summary-message.summary-message-rewards h3 {
      margin-top: 8px;
      margin-bottom: -4px; }
    .summary-message.summary-message-rewards a {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.45;
      color: #ffffff;
      margin-top: 0;
      text-decoration: underline; }
  .summary-message p {
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    color: #333333;
    color: #e3e3e3;
    text-transform: uppercase; }

/* Guest */
.guest-rewards-promo-container {
  background: transparent url("/wcsstore/static/images/pt-orange-stripes.png") repeat 0 0;
  padding: 10px;
  margin: 20px 0; }

.guest-rewards-promo {
  background: #ffffff;
  padding: 10px; }

.figure-stars-espot {
  width: 120px;
  display: block;
  margin: 3px auto 8px;
  position: relative; }

.button-register-condense,
.button-login-condense {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.42;
  text-transform: uppercase;
  color: #333333;
  text-decoration: underline;
  margin: 10px 10px 0px;
  text-align: center; }

.button-login-uncondense,
.button-register-uncondense {
  font-size: 10px;
  text-decoration: underline;
  margin-right: 15px; }

/* Componente Summary Message en overlay */
.overlay-my-bag .summary-message {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0; }

/*Air Miles*/
.airmiles-form {
  margin-bottom: 20px;
  display: inline-block;
  width: 100%; }
  .airmiles-form label {
    text-align: left; }
  .airmiles-form input {
    text-transform: uppercase; }
  .airmiles-form .input-title {
    text-transform: uppercase;
    margin-bottom: 10px; }
  .airmiles-form .second-title {
    position: absolute;
    top: 12px; }
  .airmiles-form sup {
    top: 0;
    font-size: .7em; }
  .airmiles-form .title-airmiles {
    text-transform: uppercase;
    margin-bottom: 12px; }
  .airmiles-form img {
    margin-bottom: 5px;
    width: 100%;
    height: auto;
    display: block; }
  .airmiles-form .airmiles-number {
    width: 65%;
    display: inline-block;
    position: relative; }
    .airmiles-form .airmiles-number button {
      color: #666666; }
    .airmiles-form .airmiles-number .airmiles-collector-number {
      width: 100%;
      display: inline-block;
      text-align: left;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 12px;
      line-height: 1.42;
      text-transform: uppercase;
      position: relative; }
    .airmiles-form .airmiles-number p {
      font-size: 22px;
      color: #333333;
      height: 45px;
      line-height: 45px;
      vertical-align: middle;
      margin-top: 5px;
      text-align: left;
      padding-left: 35px; }
    .airmiles-form .airmiles-number .airmiles-collector-button-container {
      padding: 0px;
      margin-top: 0px; }
    .airmiles-form .airmiles-number .air-miles-button-edit {
      text-decoration: underline;
      font-size: 16px;
      margin-left: 10px;
      text-transform: capitalize;
      display: inline-block;
      position: relative;
      top: -2px; }
  .airmiles-form .airmiles-number-help {
    margin-left: 10px; }
  .airmiles-form .airmiles-id {
    width: 30%;
    float: right;
    display: inline-block; }
  .airmiles-form .airmiles-id-information .tooltip-container {
    right: calc(50% - 10px); }
    .airmiles-form .airmiles-id-information .tooltip-container:after, .airmiles-form .airmiles-id-information .tooltip-container:before {
      left: 97%; }
  .airmiles-form .text-under {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #999999;
    margin-top: 8px;
    text-transform: none;
    display: block; }
    .airmiles-form .text-under sup {
      top: -1px;
      font-size: 0.8em; }

.overlay-my-bag .airmiles-form {
  padding: 20px; }
@charset "UTF-8";
/* Overlay: My Bag */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.overlay-my-bag {
  /* Notification of updated product */
  /* Unavailable product notification */
  /* Contenedor de Listado de productos en Overlay */
  /* items (products) */
  /* Contenedor de Listado de productos en Overlay cuando se muestra el componente de Rewards Slot */
  /* Contenedor de Listado de productos en Overlay cuando se muestra el componente de Rewards Slot */
  /* Contenedor de totales en Order summary (Solo overlay) */
  /* Título del overlay (View bag (5)) */
  /* Contenedor de botones de checkout en My Bag */
  /* espacio en el boton de checkout */
  /* My Bag Empty en overlay */ }
  .overlay-my-bag .generic-sticky-notification {
    position: relative;
    margin: 0px;
    background: #333333;
    border-top: solid 1px rgba(51, 51, 51, 0.11); }
    .overlay-my-bag .generic-sticky-notification .notification-inline {
      background: transparent;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      line-height: normal;
      text-align: center;
      position: relative;
      vertical-align: top;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      color: #ffffff; }
  .overlay-my-bag .oss-notification-from-bag {
    margin: 0px;
    border-top: solid 1px #e3e3e3;
    /* Reset styles */ }
    .overlay-my-bag .oss-notification-from-bag.notification {
      min-height: 40px;
      height: auto; }
      .overlay-my-bag .oss-notification-from-bag.notification .notification-text {
        display: inline-block;
        width: 100%;
        position: relative;
        padding: 8px 0px;
        vertical-align: initial;
        top: 0;
        transform: none; }
    .overlay-my-bag .oss-notification-from-bag .notification-text p {
      margin: 0px; }
    .overlay-my-bag .oss-notification-from-bag .button-remove-all {
      text-decoration: underline; }
  .overlay-my-bag .container-list-shopping-cart {
    overflow-y: auto;
    height: calc(100vh - 195px);
    text-align: left;
    /* Container de notificaciones Inline */ }
    .overlay-my-bag .container-list-shopping-cart .notification {
      display: inline-block;
      height: auto;
      width: calc(100% - 50px);
      left: 0; }
  .overlay-my-bag .item-shopping-cart .item-product {
    padding: 17px 23px 27px;
    min-height: 145px;
    position: relative; }
  .overlay-my-bag .item-shopping-cart .button-remove {
    top: -6px; }
  .overlay-my-bag .item-shopping-cart .custom-loading-icon {
    width: 100px;
    height: 100px; }
  .overlay-my-bag .item-shopping-cart .inline-badge-item {
    padding: 0 0 0 3px; }
  .overlay-my-bag .summary-message + .container-list-shopping-cart {
    height: calc(100vh - 400px);
    /* With Register Promo */
    /* With Guest Promo */ }
    .overlay-my-bag .summary-message + .container-list-shopping-cart.cart-item-list-with-register-promo {
      height: calc(100vh - 352px);
      /* With Register Promo and user has PLCC saved on their account */
      /* Unavailable or Oss notification */
      /* Moved to favorite, updated or deleted item */ }
      .overlay-my-bag .summary-message + .container-list-shopping-cart.cart-item-list-with-register-promo.cart-item-list-without-plcc-card {
        height: calc(100vh - 400px);
        /* Unavailable or Oss notification */
        /* Moved to favorite, updated or deleted item */ }
        .overlay-my-bag .summary-message + .container-list-shopping-cart.cart-item-list-with-register-promo.cart-item-list-without-plcc-card.unavailable-or-oss-notification {
          height: calc(100vh - 400px - 40px);
          /* AND Moved to favorite, updated or deleted item. NOTE: two notification at same time. */ }
          .overlay-my-bag .summary-message + .container-list-shopping-cart.cart-item-list-with-register-promo.cart-item-list-without-plcc-card.unavailable-or-oss-notification.updated-or-moved-notification {
            height: calc(100vh - 400px - 40px); }
        .overlay-my-bag .summary-message + .container-list-shopping-cart.cart-item-list-with-register-promo.cart-item-list-without-plcc-card.updated-or-moved-notification {
          height: calc(100vh - 392px - 40px); }
      .overlay-my-bag .summary-message + .container-list-shopping-cart.cart-item-list-with-register-promo.unavailable-or-oss-notification {
        height: calc(100vh - 400px);
        /* AND Moved to favorite, updated or deleted item. NOTE: two notification at same time. */ }
        .overlay-my-bag .summary-message + .container-list-shopping-cart.cart-item-list-with-register-promo.unavailable-or-oss-notification.updated-or-moved-notification {
          height: calc(100vh - 400px - 40px); }
      .overlay-my-bag .summary-message + .container-list-shopping-cart.cart-item-list-with-register-promo.updated-or-moved-notification {
        height: calc(100vh - 392px); }
    .overlay-my-bag .summary-message + .container-list-shopping-cart.cart-item-list-with-guest-promo {
      height: calc(100vh - 361px);
      /* Unavailable or Oss notification */
      /* Moved to favorite, updated or deleted item */ }
      .overlay-my-bag .summary-message + .container-list-shopping-cart.cart-item-list-with-guest-promo.unavailable-or-oss-notification {
        height: calc(100vh - 409px);
        /* AND Moved to favorite, updated or deleted item. NOTE: showing two notification at same time. */ }
        .overlay-my-bag .summary-message + .container-list-shopping-cart.cart-item-list-with-guest-promo.unavailable-or-oss-notification.updated-or-moved-notification {
          height: calc(100vh - 409px - 40px); }
      .overlay-my-bag .summary-message + .container-list-shopping-cart.cart-item-list-with-guest-promo.updated-or-moved-notification {
        height: calc(100vh - 402px); }
  .overlay-my-bag .airmiles-form + .container-list-shopping-cart {
    height: calc(100vh - 518px); }
  .overlay-my-bag .container-total-amounts {
    border-top: 0; }
  .overlay-my-bag h2 {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    line-height: 22px;
    text-align: center;
    text-decoration: underline;
    padding: 12px 0;
    background-color: #f7f7f7;
    -webkit-box-shadow: inset 0px -1px 0px 0px #f7f7f7;
    -moz-box-shadow: inset 0px -1px 0px 0px #f7f7f7;
    box-shadow: inset 0px -1px 0px 0px #f7f7f7; }
    .overlay-my-bag h2 > a {
      color: #333333; }
  .overlay-my-bag .container-button-mybag {
    position: relative; }
  .overlay-my-bag .button-space {
    background-color: #f7f7f7;
    padding: 0px 20px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .overlay-my-bag .button-space .button-primary.button-checkout {
      width: 240px; }
    .overlay-my-bag .button-space .paypal-button-container {
      width: 220px;
      margin-right: 20px; }
      .overlay-my-bag .button-space .paypal-button-container .button-secondary:focus, .overlay-my-bag .button-space .paypal-button-container .button-secondary:active {
        background-color: #ffffff; }
      .overlay-my-bag .button-space .paypal-button-container .button-secondary:disabled {
        background-color: #eeeeee; }
  .overlay-my-bag .empty {
    text-align: center;
    border: 0;
    height: calc(100vh - 418px); }
    .overlay-my-bag .empty .continue-shopping {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0;
      line-height: 1.15;
      text-decoration: none;
      text-transform: none;
      color: #333333;
      text-transform: uppercase;
      text-decoration: underline;
      margin-bottom: 25px; }
    .overlay-my-bag .empty > h1 {
      background-color: transparent;
      box-shadow: none;
      padding: 0;
      margin: 18px 0 17px;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 24px;
      letter-spacing: 0;
      line-height: 1.21;
      text-transform: uppercase;
      color: #333333;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      text-transform: none; }
    .overlay-my-bag .empty.empty-bag-with-promo {
      height: calc(100vh - 313px); }
  .overlay-my-bag .empty-guest {
    height: calc(100vh - 169px); }
  .overlay-my-bag .slot-drawer-bag {
    margin: 0 -79px; }
    .overlay-my-bag .slot-drawer-bag img {
      width: 100%; }

.empty .new-account {
  margin: 0;
  padding: 0;
  border: none;
  position: relative; }

.empty-bag-with-login {
  margin: 0 auto;
  width: 90%;
  padding: 0 79px;
  position: relative; }
  .empty-bag-with-login .new-account {
    margin-top: 20px;
    padding-top: 20px; }
    .empty-bag-with-login .new-account:before {
      content: '';
      display: block;
      width: calc(100% + 155px);
      height: 1px;
      background-color: #e3e3e3;
      position: absolute;
      top: 0;
      left: -24%; }

.container-buttom-mybag {
  position: relative; }
  .container-buttom-mybag .ghost-error-container {
    margin-top: 10px; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.global-privacy-policy {
  display: block;
  position: fixed;
  z-index: 1001;
  left: 0;
  bottom: 0;
  font-size: 11px;
  font-weight: 200;
  text-align: center;
  color: black;
  width: 100%;
  height: auto;
  padding: 10px 35px;
  padding-right: 60px;
  background-color: rgba(243, 243, 243, 0.9); }
  .global-privacy-policy .button-close {
    font-size: 12px;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 45px;
    height: 25px;
    font-weight: 600;
    text-decoration: underline; }
@charset "UTF-8";
/**
* Scroll to Top (Desktop & Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.scroll-to-top-container {
  background-color: #333333;
  padding: 10px;
  position: fixed;
  margin-right: 20px;
  color: #ffffff;
  font-size: 0px;
  outline: 0px;
  z-index: 25;
  visibility: hidden;
  /* NOTE: global position for all Scroll To Top's Buttons.
  * On each case, please change values as necessary. */
  bottom: 20%;
  right: 0px; }
  .scroll-to-top-container.active-scroll {
    visibility: visible; }
  .scroll-to-top-container .scroll-to-top-message {
    display: none; }
  .scroll-to-top-container:hover .scroll-to-top-message {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    color: #ffffff;
    vertical-align: middle;
    margin-right: 20px;
    padding-left: 20px;
    display: inline-block; }
  .scroll-to-top-container .scroll-to-top-icon {
    margin: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 15px; }
    .scroll-to-top-container .scroll-to-top-icon:after, .scroll-to-top-container .scroll-to-top-icon:before {
      content: ''; }
    .scroll-to-top-container .scroll-to-top-icon:before {
      border-right: solid 4px #ffffff;
      border-top: solid 4px #ffffff;
      width: 15px;
      height: 15px;
      display: inline-block;
      position: relative;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: -2px;
      right: 1px; }
    .scroll-to-top-container .scroll-to-top-icon:after {
      width: 4px;
      height: 20px;
      margin-top: -1px;
      background-color: #ffffff;
      display: inline-block;
      text-align: center;
      position: absolute;
      left: 60%;
      top: 0;
      -webkit-transform: translateX(-60%);
      -moz-transform: translateX(-60%);
      -ms-transform: translateX(-60%);
      -o-transform: translateX(-60%);
      transform: translateX(-60%); }
.typeahead-form-container-inner .typeahead {
  float: none;
  max-width: none;
  max-height: none;
  position: relative;
  right: 0;
  top: calc(50% - 10px); }

.container-global-navigation .navigation-container {
  position: relative; }
  .container-global-navigation .navigation-container a.logo-container {
    padding-bottom: 10px;
    float: none;
    position: relative;
    top: 15px; }

.search-result-container .typeahead-with-image-drawer .autosuggest-container {
  display: none; }

.navigation-container .typeahead-with-image-drawer {
  position: absolute;
  z-index: 2;
  width: 556px;
  right: 0;
  top: 0;
  display: flex;
  background: #ffffff;
  border: 1px solid #979797; }
  .navigation-container .typeahead-with-image-drawer .autosuggest-container {
    width: 278px;
    padding: 20px 26px; }
    .navigation-container .typeahead-with-image-drawer .autosuggest-container .autosuggest-product-item {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
    .navigation-container .typeahead-with-image-drawer .autosuggest-container .autosuggest-product-item.center-product .autosuggest-product {
      margin: 0 auto; }
    .navigation-container .typeahead-with-image-drawer .autosuggest-container .autosuggest-title {
      text-align: center;
      margin-bottom: 10px;
      font-size: 14px;
      font-weight: 500; }
  .navigation-container .typeahead-with-image-drawer .typeahead-form-container-inner {
    width: 278px;
    padding: 0 10px; }
    .navigation-container .typeahead-with-image-drawer .typeahead-form-container-inner .typeahead {
      width: 100%;
      float: none;
      max-width: none;
      max-height: none;
      position: static;
      right: 0;
      margin-top: 12px; }
      .navigation-container .typeahead-with-image-drawer .typeahead-form-container-inner .typeahead .button-search {
        top: 22px;
        right: 18px; }
    .navigation-container .typeahead-with-image-drawer .typeahead-form-container-inner .list-container {
      border: none;
      position: static; }
      .navigation-container .typeahead-with-image-drawer .typeahead-form-container-inner .list-container ul.item-list-common {
        box-shadow: none;
        max-height: none; }
  .navigation-container .typeahead-with-image-drawer .autosuggest-product {
    width: 100px;
    margin-bottom: 20px; }
    .navigation-container .typeahead-with-image-drawer .autosuggest-product a {
      text-decoration: none;
      color: #4A4A4A; }
    .navigation-container .typeahead-with-image-drawer .autosuggest-product img.product-image-content {
      width: 100%;
      display: block;
      margin: 0 auto; }
    .navigation-container .typeahead-with-image-drawer .autosuggest-product .product-detail-container .product-price {
      color: #980003;
      font-size: 14px;
      font-weight: 500;
      position: relative; }
      .navigation-container .typeahead-with-image-drawer .autosuggest-product .product-detail-container .product-price span {
        position: absolute;
        bottom: 0;
        right: 0;
        color: #9b9b9b;
        font-size: 9px;
        font-weight: 500; }
    .navigation-container .typeahead-with-image-drawer .autosuggest-product .product-detail-container .product-name {
      padding-top: 8px;
      padding-left: 0;
      font-size: 11px;
      font-weight: 500; }
    .navigation-container .typeahead-with-image-drawer .autosuggest-product .product-detail-container .product-name a {
      text-decoration: none;
      color: #4A4A4A; }

.navigation-container .typeahead-with-image-drawer.no-search-suggestions {
  width: 278px;
  flex-direction: column; }
  .navigation-container .typeahead-with-image-drawer.no-search-suggestions .autosuggest-container {
    order: 2; }
  .navigation-container .typeahead-with-image-drawer.no-search-suggestions .typeahead-form-container-inner {
    order: 1; }
    .navigation-container .typeahead-with-image-drawer.no-search-suggestions .typeahead-form-container-inner .list-container {
      display: none; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input:-ms-input-placeholder,
.display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input:-ms-input-placeholder {
  color: #666666; }
  .display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input:-ms-input-placeholder.focused, .display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input:-ms-input-placeholder:focus,
  .display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input:-ms-input-placeholder.focused,
  .display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input:-ms-input-placeholder:focus {
    border-bottom: 0px; }

.display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input:-moz-placeholder,
.display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input:-moz-placeholder {
  color: #666666; }
  .display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input:-moz-placeholder.focused, .display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input:-moz-placeholder:focus,
  .display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input:-moz-placeholder.focused,
  .display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input:-moz-placeholder:focus {
    border-bottom: 0px; }

.display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input::-moz-placeholder,
.display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input::-moz-placeholder {
  color: #666666; }
  .display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input::-moz-placeholder.focused, .display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input::-moz-placeholder:focus,
  .display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input::-moz-placeholder.focused,
  .display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input::-moz-placeholder:focus {
    border-bottom: 0px; }

.display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input::-webkit-input-placeholder,
.display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input::-webkit-input-placeholder {
  color: #666666; }
  .display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input::-webkit-input-placeholder.focused, .display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input::-webkit-input-placeholder:focus,
  .display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input::-webkit-input-placeholder.focused,
  .display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input::-webkit-input-placeholder:focus {
    border-bottom: 0px; }

.display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input.focused, .display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input:focus,
.display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input.focused,
.display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input:focus {
  border-bottom: 0px; }

.display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input.disabled, .display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input:disabled,
.display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input.disabled,
.display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input:disabled {
  border-bottom: 0px; }
  .display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input.disabled:-ms-input-placeholder, .display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input:disabled:-ms-input-placeholder,
  .display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input.disabled:-ms-input-placeholder,
  .display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input:disabled:-ms-input-placeholder {
    color: #333333; }
  .display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input.disabled:-moz-placeholder, .display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input:disabled:-moz-placeholder,
  .display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input.disabled:-moz-placeholder,
  .display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input:disabled:-moz-placeholder {
    color: #333333; }
  .display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input.disabled::-moz-placeholder, .display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input:disabled::-moz-placeholder,
  .display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input.disabled::-moz-placeholder,
  .display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input:disabled::-moz-placeholder {
    color: #333333; }
  .display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input.disabled::-webkit-input-placeholder, .display-search-suggested-keywords input[type="text"].display-search-suggested-keywords-input:disabled::-webkit-input-placeholder,
  .display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input.disabled::-webkit-input-placeholder,
  .display-search-suggested-keywords-closed input[type="text"].display-search-suggested-keywords-input:disabled::-webkit-input-placeholder {
    color: #333333; }

.typeahead-form-container {
  display: inline-block; }

.header-global .typeahead .button-search {
  position: absolute;
  margin: 0;
  float: none;
  right: 12px;
  top: calc(50% - 10px);
  width: 30px; }
  .header-global .typeahead .button-search:before {
    content: '';
    border: solid 2px #333333;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block; }
  .header-global .typeahead .button-search:after {
    content: '';
    background-color: #333333;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 2px;
    width: 6px;
    display: inline-block;
    left: -3px;
    position: relative; }

.header-global .typeahead input[type="text"] + button.disabled,
.header-global .typeahead input[type="text"] + button:disabled {
  background: transparent;
  border: 0;
  color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/** type ahead **/
.typeahead {
  top: 12px;
  float: right;
  max-width: 16.7%;
  min-width: 210px;
  display: inline-block;
  position: relative;
  padding-right: 0;
  margin-right: 6px; }
  .typeahead .display-search-suggested-keywords-item.item-common {
    white-space: normal; }
  .typeahead .display-search-suggested-keywords-items-list .display-search-suggested-keywords-item,
  .typeahead .display-search-suggested-keywords-items-list .display-search-suggested-keywords-item a {
    margin: 0 -11px;
    padding: 4px 11px; }
    .typeahead .display-search-suggested-keywords-items-list .display-search-suggested-keywords-item.display-search-suggested-keywords-highlighted, .typeahead .display-search-suggested-keywords-items-list .display-search-suggested-keywords-item:hover,
    .typeahead .display-search-suggested-keywords-items-list .display-search-suggested-keywords-item a.display-search-suggested-keywords-highlighted,
    .typeahead .display-search-suggested-keywords-items-list .display-search-suggested-keywords-item a:hover {
      background: #4873bb;
      color: #ffffff;
      cursor: pointer; }
  .typeahead .display-search-suggested-keywords-items-list .display-search-suggested-keywords-item a, .typeahead .display-search-suggested-keywords-items-list .display-search-suggested-keywords-item span {
    font-size: 12px;
    font-weight: 500; }
  .typeahead .display-search-suggested-keywords-items-list .display-search-suggested-keywords-disabledOption:hover {
    background: none; }
    .typeahead .display-search-suggested-keywords-items-list .display-search-suggested-keywords-disabledOption:hover h4 {
      cursor: default; }
  .typeahead .display-search-suggested-keywords-items-list .display-search-suggested-keywords-disabledOption a:hover {
    background: #4873bb;
    color: #ffffff; }
  .typeahead .input-common {
    margin-bottom: 0; }
  .typeahead input {
    height: 40px;
    margin: 0;
    padding: 11px 40px 11px 12px;
    background: #f7f7f7;
    border: none;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
    .typeahead input:focus {
      border: none; }
  .typeahead .display-search-suggested-keywords .typeahead-content {
    -webkit-box-shadow: 0 0 0 1px #e3e3e3;
    -moz-box-shadow: 0 0 0 1px #e3e3e3;
    box-shadow: 0 0 0 1px #e3e3e3;
    text-align: left;
    position: relative; }
  .typeahead ul {
    -webkit-box-shadow: 0 0 0 1px #e3e3e3;
    -moz-box-shadow: 0 0 0 1px #e3e3e3;
    box-shadow: 0 0 0 1px #e3e3e3;
    text-align: left;
    background: #ffffff;
    padding: 0 10px 10px;
    max-height: 350px;
    width: 100%;
    z-index: 102;
    overflow-x: hidden; }
    .typeahead ul li a {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      color: #333333;
      font-size: 13px;
      text-decoration: none;
      margin: 4px 0;
      padding: 0;
      display: block; }
      .typeahead ul li a span {
        font-family: 'Avenir';
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none; }
  .typeahead h4 {
    margin-top: 15px;
    color: #666666;
    font-size: 14px;
    font-weight: 500; }
@charset "UTF-8";
/**
* Skip to Content (Desktop & Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.skip-content-button {
  left: -90px;
  position: absolute;
  line-height: 39px;
  height: 39px;
  font-size: 0px; }
  .skip-content-button:focus {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * Header Mobile
 **/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Header */
.menu-expanded #tcp {
  position: relative;
  width: 10%; }
  .menu-expanded #tcp > div {
    width: 1000%; }

.navigation-overlay {
  position: relative;
  z-index: 999; }

.no-overflow {
  overflow: hidden; }

.header-global {
  width: 100%;
  height: auto;
  position: relative;
  display: block;
  border-bottom: 1px solid #e3e3e3;
  padding: 20px 13px 15px 15px;
  /* styles only for checkout pages */
  /* Typeahead's container */
  /* Typeahead button */
  /* close checkout button */ }
  .header-global.header-checkout {
    border: none;
    background: #ffffff;
    position: relative;
    padding: 0;
    /* Logo en Checkout Header */ }
    .header-global.header-checkout .logo {
      margin-top: 20px;
      margin-left: 35px; }
  .header-global .typeahead-section {
    float: none;
    display: inline; }
  .header-global .typeahead-icon {
    width: 30px;
    position: relative;
    display: inline-block;
    height: 40px;
    margin-right: 10px;
    font-size: 0px;
    float: right; }
    .header-global .typeahead-icon:before {
      content: '';
      border: solid 2px #333333;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      width: 15px;
      height: 15px;
      display: inline-block; }
    .header-global .typeahead-icon:after {
      content: '';
      background-color: #333333;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      height: 2px;
      width: 6px;
      display: inline-block;
      left: -3px;
      position: relative; }
    .header-global .typeahead-icon:after {
      left: -6px; }
  .header-global .inline-typeahead-section {
    float: none;
    display: inline;
    position: relative;
    width: 100%;
    z-index: 999; }
    .header-global .inline-typeahead-section .typeahead {
      border: 1px solid #e3e3e3;
      display: inline-block;
      width: 100%;
      padding: 5px 5px 5px 15px;
      position: relative; }
      .header-global .inline-typeahead-section .typeahead .button-clear {
        position: absolute;
        top: 13px;
        right: 10px;
        text-decoration: underline;
        font-size: 11px; }
    .header-global .inline-typeahead-section .typeahead-form-container {
      padding-top: 8px;
      margin-bottom: -7px;
      margin-top: 15px;
      margin-left: -15px;
      width: calc(100% + 30px);
      box-sizing: border-box;
      border-top: .5px solid #e3e3e3;
      position: relative;
      display: inline-block;
      z-index: 1; }
    .header-global .inline-typeahead-section .typeahead-form-container-inner {
      padding: 0px 15px; }
    .header-global .inline-typeahead-section .typeahead-with-close-button {
      width: calc(100% - 30px); }
    .header-global .inline-typeahead-section .button-search {
      position: relative;
      top: 5px;
      right: 5px; }
    .header-global .inline-typeahead-section .button-close {
      width: 34px;
      height: 34px;
      position: absolute;
      right: 19px;
      top: calc(50% - 14px);
      font-size: 0px;
      width: 30px;
      height: 30px;
      top: -7px;
      right: 7px; }
      .header-global .inline-typeahead-section .button-close:before, .header-global .inline-typeahead-section .button-close:after {
        content: '';
        position: relative;
        display: block;
        background: #ffffff;
        margin: auto; }
      .header-global .inline-typeahead-section .button-close:before, .header-global .inline-typeahead-section .button-close:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px; }
      .header-global .inline-typeahead-section .button-close:before {
        width: 18px;
        height: 2px;
        top: 7px;
        background-color: #333333; }
      .header-global .inline-typeahead-section .button-close:after {
        width: 2px;
        height: 18px;
        top: -3px;
        background-color: #333333; }
    .header-global .inline-typeahead-section .button-search,
    .header-global .inline-typeahead-section .button-close,
    .header-global .inline-typeahead-section .display-search-suggested-keywords {
      display: inline-block; }
    .header-global .inline-typeahead-section .display-search-suggested-keywords-closed {
      display: inherit;
      width: calc(100% - 30px); }
    .header-global .inline-typeahead-section .display-search-suggested-keywords {
      width: calc(100% - 75px); }
    .header-global .inline-typeahead-section .display-search-suggested-keywords-input {
      border-bottom: 0px !important;
      padding: 0px 10px 0px 10px;
      color: gray;
      width: calc(100% + 30px); }
  .header-global .button-exit-checkout {
    margin-left: 16px;
    margin-top: 33px;
    vertical-align: top;
    color: #333333;
    text-decoration: none;
    display: inline-block; }
    .header-global .button-exit-checkout:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F10C"; }
    .header-global .button-exit-checkout:before {
      font-size: 9px;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg);
      position: relative; }
  .header-global .menu-inactive {
    display: none; }

.header-sticky {
  position: fixed;
  top: 0;
  z-index: 1111;
  background: #ffffff;
  width: 100%; }
  .menu-expanded .header-sticky {
    z-index: 1; }

.header-ghost-element {
  height: 81px; }

.container-checkout {
  padding: 0px 16px; }

.title-checkout {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  text-transform: none;
  color: #333333;
  text-transform: uppercase;
  text-align: center;
  line-height: normal;
  background: #ffffff;
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid #e3e3e3; }

/*
 * All Tabs for Account's Links
 */
.tabed-drawers-login .login-banner,
.tabed-drawers-wishlist .login-banner {
  max-width: 100vw; }

.tabed-drawers-create-account .create-account-banner {
  max-width: 100vw;
  margin-bottom: 20px; }

.mobile-header-global-link {
  /* image logo container (link) */
  /* menu button in mobile version */
  /* button menu mobile */ }
  .mobile-header-global-link .link-icon {
    float: right; }
  .mobile-header-global-link .logo {
    margin-left: 59px;
    display: inline-block;
    position: relative;
    /* image logo */ }
    .mobile-header-global-link .logo img {
      display: block;
      height: 38px; }
  .mobile-header-global-link .button-menu {
    border: 0;
    background: none;
    -webkit-appearance: normal;
    -moz-appearance: normal;
    appearance: normal;
    position: absolute;
    left: 15px;
    height: 40px; }
    .mobile-header-global-link .button-menu:focus {
      outline: 0; }
    .mobile-header-global-link .button-menu div {
      width: 24px;
      display: inline-block;
      position: relative;
      /* lines of menu button */ }
      .mobile-header-global-link .button-menu div hr {
        width: 100%;
        height: 2px;
        display: block;
        background: #333333;
        border: 0;
        margin-bottom: 7px;
        transition: all 0.5s; }
        .mobile-header-global-link .button-menu div hr:last-of-type {
          margin: 0; }
  .mobile-header-global-link .button-menu-open {
    transition: all 0.5s; }
    .mobile-header-global-link .button-menu-open hr {
      position: absolute;
      transition: all 0.5s;
      width: 30px !important; }
    .mobile-header-global-link .button-menu-open hr:nth-child(1) {
      transform: rotate(-0.13turn); }
    .mobile-header-global-link .button-menu-open hr:nth-child(3) {
      transform: rotate(0.13turn); }
    .mobile-header-global-link .button-menu-open hr:nth-child(2) {
      display: none; }
  .mobile-header-global-link .find-store-button-pin-icon {
    width: 36px;
    position: relative;
    text-decoration: none;
    display: inline;
    color: #333333; }
    .mobile-header-global-link .find-store-button-pin-icon:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F12C"; }
    .mobile-header-global-link .find-store-button-pin-icon:before {
      font-size: 35px;
      position: relative;
      vertical-align: middle;
      line-height: 39px; }
  .mobile-header-global-link .my-account-button-icon {
    position: relative;
    height: auto;
    padding-right: 9px;
    display: inline;
    top: 8px;
    padding-left: 3px; }
    .mobile-header-global-link .my-account-button-icon svg {
      width: 20px;
      color: #333333; }
  .mobile-header-global-link .minicart-container {
    position: relative; }
  @media (max-width: 340px) {
    .mobile-header-global-link .find-store-button-pin-icon {
      width: 30px; }
    .mobile-header-global-link .my-account-button-icon {
      padding-right: 4px;
      padding-left: 2px; }
    .mobile-header-global-link .header-global .logo {
      margin-left: 45px; } }

.menu-expanded .link-icon {
  padding-right: 15px;
  padding-top: 15px; }

.menu-expanded .typeahead-form-container {
  width: 100%; }

.button-menu {
  display: none; }

.header-sticky {
  position: fixed;
  top: 0;
  z-index: 111;
  left: 50%;
  -webkit-transform: translatex(-50%);
  -moz-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  -o-transform: translatex(-50%);
  transform: translatex(-50%);
  background: #ffffff;
  width: 100%; }

.header-ghost-element {
  height: 106px; }

.container-global-navigation {
  min-height: 65px; }
  .container-global-navigation:before, .container-global-navigation:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: #e3e3e3;
    left: 0;
    z-index: 1; }

.header-global {
  height: auto;
  clear: both;
  padding: 0;
  border-bottom: 0;
  display: block;
  z-index: 1002; }
  .header-global .logo {
    position: relative;
    top: 0;
    padding: 0px;
    float: left;
    margin-left: 6px;
    margin-top: 14px;
    z-index: 3;
    vertical-align: middle; }
    .header-global .logo img {
      height: 44px; }
  .header-global .button-search {
    margin-top: -51px;
    margin-right: 10px;
    position: relative;
    z-index: 1; }
    .header-global .button-search:before {
      color: #333333;
      font-size: 27px; }

.header-global-banner {
  width: 100%;
  height: auto;
  max-width: 1440px;
  margin: 0 auto; }

.header-global-messages {
  height: 39px;
  position: relative; }
  .header-global-messages .button-find-store {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    float: left;
    line-height: 39px;
    height: 39px; }
    .header-global-messages .button-find-store:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F12C"; }
    .header-global-messages .button-find-store > span {
      position: relative;
      top: 2px;
      left: -2px;
      color: #333333;
      text-transform: capitalize; }
    .header-global-messages .button-find-store:before {
      font-size: 30px;
      position: relative;
      vertical-align: middle;
      line-height: 39px; }
  .header-global-messages .header-global-message {
    text-align: center;
    display: inline-block;
    position: relative;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    line-height: 39px;
    height: 39px;
    text-transform: none;
    left: 10%;
    -webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    -o-transform: translateX(-10%);
    transform: translateX(-10%); }
    @media (min-width: 1200px) {
      .header-global-messages .header-global-message {
        left: 30%;
        -webkit-transform: translateX(-30%);
        -moz-transform: translateX(-30%);
        -ms-transform: translateX(-30%);
        -o-transform: translateX(-30%);
        transform: translateX(-30%); } }
    .header-global-messages .header-global-message a, .header-global-messages .header-global-message button {
      color: #333333;
      text-decoration: underline; }
@charset "UTF-8";
/**
 * Modals / Overlays
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.ReactModal__Body--open {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: fixed; }

.react-overlay {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: transparent;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1002; }
  .react-overlay:before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.54);
    -webkit-overflow-scrolling: touch;
    outline: 0;
    opacity: 0.8; }

.overlay-container {
  background-color: #ffffff;
  padding: 0px 27px;
  padding-bottom: 40px;
  min-height: 100%;
  position: relative; }
  .overlay-container:focus, .overlay-container:hover, .overlay-container:active {
    outline: 0px; }

/* NOTE: Border decoration */
.overlay-border-decoration .overlay-container {
  background: #ffffff url("/wcsstore/static/images/pt-blue-stripes.png") repeat 0 0;
  padding: 10px; }

/*
* Reset
*/
.ReactModalPortal ul, .ReactModalPortal ol {
  padding: 0px; }

.ReactModal__Body--open {
  position: static;
  height: auto;
  width: auto; }

/* Overlay General */
.react-overlay {
  /* Background */ }
  .react-overlay:before {
    content: "";
    -webkit-transition: opacity, 0.15s, linear 1s;
    -webkit-transition-delay: 0s;
    -moz-transition: opacity, 0.15s, linear 1s;
    -o-transition: opacity, 0.15s, linear 1s;
    transition: opacity 0.15s linear 1s false false;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.54);
    -webkit-overflow-scrolling: touch;
    outline: 0;
    opacity: 0.8; }
  .react-overlay .overlay-container {
    min-height: auto; }
  .react-overlay .overlay-content {
    padding: 0;
    overflow: auto;
    overflow-x: hidden;
    height: calc(100vh - 40px); }
  .react-overlay .button-overlay-close {
    position: relative;
    vertical-align: middle;
    height: 22px;
    width: 22px;
    position: absolute;
    right: 0;
    margin: 25px;
    z-index: 9;
    top: 0px; }
    .react-overlay .button-overlay-close:before, .react-overlay .button-overlay-close:after {
      content: '';
      position: relative;
      display: block;
      background: #333333;
      margin: auto; }
    .react-overlay .button-overlay-close:before, .react-overlay .button-overlay-close:after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .react-overlay .button-overlay-close:before {
      width: 18px;
      height: 2px;
      top: 8px; }
    .react-overlay .button-overlay-close:after {
      height: 18px;
      width: 2px;
      top: -2px; }
    .react-overlay .button-overlay-close:before {
      width: 16px;
      top: 7px;
      background-color: #333333; }
    .react-overlay .button-overlay-close:after {
      height: 16px;
      background-color: #333333; }

/* NOTE: CENTER MODAL */
.overlay-center .overlay-container {
  width: 520px;
  min-height: auto;
  max-height: 90vh;
  background-color: #ffffff;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform, 0.3s, ease-out 1s;
  -webkit-transition-delay: 0s;
  -moz-transition: -moz-transform, 0.3s, ease-out 1s;
  -o-transition: -o-transform, 0.3s, ease-out 1s;
  transition: transform 0.3s ease-out 1s false false;
  padding: 0px;
  overflow: hidden; }

/* NOTE: RIGHT */
.overlay-right .overlay-container {
  overflow: hidden;
  width: 534px;
  height: 100vh;
  padding: 0px;
  left: 50%;
  margin-left: 185px; }
  @media (max-width: 1440px) {
    .overlay-right .overlay-container {
      left: inherit;
      right: 0;
      margin: 0;
      float: right; } }

.header-global-banner + .header-global .overlay-content {
  height: calc(100vh - 140px); }

/* NOTE: Border decoration */
.overlay-border-decoration .overlay-container {
  background: transparent url("/wcsstore/static/images/pt-blue-stripes.png") repeat 0 0;
  padding: 10px; }

/* NOTE: Custom Right Overlays */
.desktop-tabed-drawers-container {
  /* Global header for Tabed Drawers (Only desktop) */ }
  .desktop-tabed-drawers-container .overlay-header-desktop {
    width: 100%;
    height: 40px;
    position: relative;
    display: block;
    padding: 0 65px;
    border: 0;
    background-color: #ffffff;
    text-align: right; }
    .desktop-tabed-drawers-container .overlay-header-desktop:after {
      content: '';
      width: 100%;
      left: 0;
      bottom: 0px;
      height: 1px;
      background-color: #e3e3e3;
      display: inline-block;
      position: absolute;
      z-index: 1; }
  .desktop-tabed-drawers-container .welcome-message,
  .desktop-tabed-drawers-container .access-acount,
  .desktop-tabed-drawers-container .my-place-rewards,
  .desktop-tabed-drawers-container .wishlist-header,
  .desktop-tabed-drawers-container .minicart-container {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 14px; }
  .desktop-tabed-drawers-container .center-name {
    float: left;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  .desktop-tabed-drawers-container .welcome-name {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: auto;
    max-width: 90px;
    height: 18px;
    line-height: 18px;
    position: relative;
    vertical-align: middle;
    margin-right: 5px; }
  .desktop-tabed-drawers-container .access-acount {
    margin-right: 15px; }
    .desktop-tabed-drawers-container .access-acount.create-account-container {
      margin-right: 0px; }
  .desktop-tabed-drawers-container .my-place-rewards {
    margin-right: 12px; }
  .desktop-tabed-drawers-container .minicart-container {
    margin-right: 0px; }
  .desktop-tabed-drawers-container h1 {
    line-height: 46px;
    font-weight: 600;
    text-transform: none; }
  .desktop-tabed-drawers-container h3 {
    line-height: 46px;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .desktop-tabed-drawers-container .button-overlay-close {
    top: -10px;
    right: inherit;
    left: 12px;
    margin: 20px -3px 0 0;
    /* Icono armado manualmente con Before y After */ }
    .desktop-tabed-drawers-container .button-overlay-close:after {
      background-color: #666666;
      width: 2px; }
    .desktop-tabed-drawers-container .button-overlay-close:before {
      background-color: #666666;
      height: 2px; }
@charset "UTF-8";
/**
* Cover Shadow Link (Desktop)
**/
/**
* Cover Shadow Link (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.regular-item-link {
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: -35px;
  cursor: pointer;
  z-index: 2; }

.cover-shadow-link {
  display: block;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px; }
  .cover-shadow-link.cover-invisible {
    opacity: 0; }
  .cover-shadow-link .cover-shadow-content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

.cover-shadow-content label {
  color: #333333;
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  cursor: pointer; }

.cover-shadow-link {
  display: none; }

.outfit-container:hover .cover-shadow-link,
.outfit-rec-list-item:hover .cover-shadow-link,
.product-rec-list-item:hover .cover-shadow-link {
  display: block; }

@media screen and (max-width: 1024px) {
  .cover-shadow-link {
    display: block;
    text-decoration: none;
    background: transparent;
    height: auto;
    width: auto;
    position: absolute;
    top: auto;
    left: 0px;
    width: 100%;
    bottom: -35px;
    cursor: pointer;
    z-index: 2; }
    .cover-shadow-link.cover-invisible {
      opacity: initial; }
    .cover-shadow-link .cover-shadow-content {
      position: relative;
      top: auto;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); } }
@charset "UTF-8";
/*
* Product Recomendation (Desktop)
*/
/*
* Product Recomendation (Mobile)
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* At Favorite's Section, Suggested item container */
.wishlist-suggested-container .item-product-recomendation {
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: auto;
  max-width: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.product-recomendation-container {
  background-color: #f7f7f7;
  text-align: center;
  padding: 20px 0;
  display: block;
  clear: both;
  /* Title list */
  /* Prev & Next buttons and recommendation list */ }
  .product-recomendation-container .heading-product-recomendation {
    margin-top: 4px;
    text-transform: uppercase; }
    .product-recomendation-container .heading-product-recomendation:after {
      content: '';
      width: 53px;
      height: 2px;
      position: relative;
      display: block;
      background: #333333;
      margin: 18px auto 25px; }
  .product-recomendation-container .container-product-recomendation {
    position: relative; }
  .product-recomendation-container .button-next:before,
  .product-recomendation-container .button-prev:before {
    border-left-color: #333333;
    border-top-color: #333333; }

.content-product-recomendation {
  padding-bottom: 15px;
  margin: 0px auto;
  position: relative;
  width: calc(78% + 18px);
  display: block;
  white-space: nowrap;
  overflow-x: auto; }

/* Product item */
.product-rec-list-item, .outfit-rec-list-item {
  text-align: center;
  margin: 8px;
  width: calc(100% - 16px);
  height: 461px;
  white-space: normal;
  vertical-align: top;
  display: inline-block;
  position: relative;
  /*  */ }
  .product-rec-list-item .item-product-recomendation, .outfit-rec-list-item .item-product-recomendation {
    position: relative;
    max-width: 290px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 16px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(51, 51, 51, 0.25);
    -moz-box-shadow: 0px 0px 12px 0px rgba(51, 51, 51, 0.25);
    box-shadow: 0px 0px 12px 0px rgba(51, 51, 51, 0.25); }

/* Outfit item */
.outfit-rec-list-item {
  height: auto; }
  .outfit-rec-list-item .item-product-recomendation.outfit-container {
    height: auto;
    padding: 0px; }
    .outfit-rec-list-item .item-product-recomendation.outfit-container .container-image {
      padding: 0; }

.container-item-recomendation .product-item-link {
  display: block;
  text-decoration: none; }

.container-item-recomendation .container-image {
  width: calc(100% - 20px);
  max-width: 244px;
  height: 100%;
  max-height: 244px;
  display: block;
  margin: auto; }
  .container-item-recomendation .container-image img {
    width: 100%;
    height: auto; }

.container-item-recomendation .department-name {
  width: 70%;
  margin: 0 auto;
  text-transform: none; }

.container-item-recomendation .container-price {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px; }

.container-item-recomendation .product-offer-price {
  font-family: 'Avenir';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  display: block;
  color: #990000; }

.container-item-recomendation .product-list-price {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.42;
  text-transform: uppercase;
  color: #999999;
  font-family: 'Avenir';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-decoration: line-through;
  display: block; }

.container-item-recomendation .bag-button-container {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0;
  height: 22px;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 34px;
  line-height: 36px;
  position: relative;
  background-color: #ca0088; }
  .container-item-recomendation .bag-button-container.focused, .container-item-recomendation .bag-button-container:focus {
    background-color: #ca0088; }
  .container-item-recomendation .bag-button-container.pressed, .container-item-recomendation .bag-button-container:active {
    background-color: #ca0088; }
  .container-item-recomendation .bag-button-container.disabled, .container-item-recomendation .bag-button-container:disabled {
    background-color: #999999; }

.container-item-recomendation .pickup-button-container {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0;
  height: 22px;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 34px;
  line-height: 36px;
  position: relative;
  background-color: #333333;
  margin-top: 10px; }
  .container-item-recomendation .pickup-button-container.focused, .container-item-recomendation .pickup-button-container:focus {
    background-color: #333333; }
  .container-item-recomendation .pickup-button-container.pressed, .container-item-recomendation .pickup-button-container:active {
    background-color: #4873bb; }
  .container-item-recomendation .pickup-button-container.disabled, .container-item-recomendation .pickup-button-container:disabled {
    background-color: #999999; }

/* On PDP, recommendation and outfit section (container of both) */
.product-recomendation h3,
.wishlist-suggested-container h3 {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #333333; }

.product-recomendation .error-box,
.wishlist-suggested-container .error-box {
  position: absolute;
  background: #ffffff;
  /* width: 75%; */ }

/* Each Section */
.giftcard-result-container,
.outfiting-section-container,
.product-details-container,
.search-result-container {
  /* When Recommendation is into an Accordion */ }
  .giftcard-result-container .accordion-element .product-recomendation-container,
  .outfiting-section-container .accordion-element .product-recomendation-container,
  .product-details-container .accordion-element .product-recomendation-container,
  .search-result-container .accordion-element .product-recomendation-container {
    background-color: transparent;
    padding: 0px 0 20px; }
  .giftcard-result-container .accordion-element .product-recomendation,
  .outfiting-section-container .accordion-element .product-recomendation,
  .product-details-container .accordion-element .product-recomendation,
  .search-result-container .accordion-element .product-recomendation {
    margin: 0px; }

/* PDP section, main container */
.product-details-container .product-recomendation-container {
  background: #ffffff;
  padding: 0px; }

.product-details-container .product-recomendation {
  margin: 0px; }

.product-details-container .content-product-recomendation {
  padding-bottom: 0px; }
  .product-details-container .content-product-recomendation + .coupon-dots {
    margin: 20px 0px; }

/* When Slider is on accordion */
.accordion-element .button-prev {
  left: -10px; }

.accordion-element .button-next {
  right: -10px; }

.accordion-element .recommendation-carousel .content-product-recomendation {
  padding: 0; }
  .accordion-element .recommendation-carousel .content-product-recomendation .product-rec-list-item, .accordion-element .recommendation-carousel .content-product-recomendation .outfit-rec-list-item {
    margin: 0; }

.recommendation-carousel {
  margin-left: -20px;
  width: calc(100% + 40px); }
  .recommendation-carousel .content-product-recomendation {
    padding: 25px;
    display: flex;
    -webkit-overflow-scrolling: touch; }
  .recommendation-carousel ol.content-product-recomendation::after {
    content: "-";
    visibility: hidden; }
  .recommendation-carousel .product-rec-list-item, .recommendation-carousel .outfit-rec-list-item {
    height: auto;
    width: calc(70% - 16px); }
    .recommendation-carousel .product-rec-list-item .item-product-recomendation .container-item-recomendation, .recommendation-carousel .outfit-rec-list-item .item-product-recomendation .container-item-recomendation {
      width: 153px;
      height: auto;
      padding-bottom: 20px; }
  .recommendation-carousel .outfit-rec-list-item {
    width: calc(100% - 16px);
    height: auto; }
  .recommendation-carousel .container-image {
    margin-top: 25px !important;
    width: 100% !important; }
  .recommendation-carousel .department-name {
    margin: 0 auto;
    text-transform: none;
    width: calc(100% - 20px);
    font-size: 12px;
    color: #4A4A4A;
    font-weight: lighter; }
  .recommendation-carousel .bag-button-container {
    position: absolute !important;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 10px 10px 10px 10px;
    width: calc(100% - 20px) !important; }

.product-recomendation-container {
  text-align: center;
  padding: 40px 0 60px;
  background-color: #f7f7f7;
  display: block;
  clear: both; }

/* Product recomendations dentro de sección My Bag (global) */
.product-recomendation {
  /* Contenedor de productos dentro de Recomendations */ }
  @media screen and (max-width: 1200px) {
    .product-recomendation {
      padding: 0 25px; } }
  .product-recomendation .content-product-recomendation {
    width: 100%;
    overflow-x: visible;
    padding: 0px; }
  .product-recomendation .button-next {
    right: 0;
    display: block; }
  .product-recomendation .button-prev {
    left: 0;
    display: block; }

/* Product item */
.product-rec-list-item, .outfit-rec-list-item {
  margin-left: 12px;
  margin-right: 11px;
  width: calc(24.2% - 23px);
  height: 416px; }
  .product-rec-list-item .item-container, .outfit-rec-list-item .item-container {
    height: 100%;
    margin: 0px;
    padding: 0px; }

/* Outfit item */
.outfit-rec-list-item {
  height: auto; }

.product-rec-list-item .favorite-icon-container, .outfit-rec-list-item .favorite-icon-container,
.product-rec-list-item .bag-icon-container, .outfit-rec-list-item .bag-icon-container,
.product-rec-list-item .pickup-icon-container, .outfit-rec-list-item .pickup-icon-container,
.product-rec-list-item .color-chips-container, .outfit-rec-list-item .color-chips-container,
.product-rec-list-item .button-prev, .outfit-rec-list-item .button-prev,
.product-rec-list-item .button-next, .outfit-rec-list-item .button-next,
.wishlist-suggested-container .favorite-icon-container,
.wishlist-suggested-container .bag-icon-container,
.wishlist-suggested-container .pickup-icon-container,
.wishlist-suggested-container .color-chips-container,
.wishlist-suggested-container .button-prev,
.wishlist-suggested-container .button-next {
  display: none; }

.product-rec-list-item:hover .favorite-icon-container, .outfit-rec-list-item:hover .favorite-icon-container,
.product-rec-list-item:hover .bag-icon-container, .outfit-rec-list-item:hover .bag-icon-container,
.product-rec-list-item:hover .pickup-icon-container, .outfit-rec-list-item:hover .pickup-icon-container,
.product-rec-list-item:hover .color-chips-container, .outfit-rec-list-item:hover .color-chips-container,
.product-rec-list-item:hover .button-prev, .outfit-rec-list-item:hover .button-prev,
.product-rec-list-item:hover .button-next, .outfit-rec-list-item:hover .button-next,
.wishlist-suggested-container:hover .favorite-icon-container,
.wishlist-suggested-container:hover .bag-icon-container,
.wishlist-suggested-container:hover .pickup-icon-container,
.wishlist-suggested-container:hover .color-chips-container,
.wishlist-suggested-container:hover .button-prev,
.wishlist-suggested-container:hover .button-next {
  display: block; }

.giftcard-result-container,
.outfiting-section-container,
.product-details-container,
.search-result-container {
  /* Product recommendations Section */ }
  .giftcard-result-container .product-recomendation,
  .outfiting-section-container .product-recomendation,
  .product-details-container .product-recomendation,
  .search-result-container .product-recomendation {
    padding: 0px; }

/* PDP section, main container */
.product-details-container .product-recomendation {
  margin: 40px 0px; }

.product-details-container .button-prev {
  left: -10px; }

.product-details-container .button-next {
  right: -10px; }

/* Recomendations PLP */
.products-grid-container {
  /* Product item */ }
  .products-grid-container .product-rec-list-item, .products-grid-container .outfit-rec-list-item {
    height: 361px; }
@charset "UTF-8";
/**
* Place Cash Spot (Desktop)
**/
/**
* Place Cash Spot (Mobile and Desktop)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.place-cash-spot-container {
  width: 100%;
  display: inline-block;
  position: relative;
  padding: 20px 0px; }
  .place-cash-spot-container img {
    max-width: 80px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px; }
  .place-cash-spot-container .place-cash-message {
    text-align: center;
    position: relative;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    /* Reset Styles */ }
    .place-cash-spot-container .place-cash-message strong {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
    .place-cash-spot-container .place-cash-message .button-tooltip-container {
      position: relative;
      /* Reset Styles */
      /* Reset Styles */ }
      .place-cash-spot-container .place-cash-message .button-tooltip-container .arrow-direction-right {
        top: calc(100% - 130px); }
      .place-cash-spot-container .place-cash-message .button-tooltip-container .tooltip-container:after, .place-cash-spot-container .place-cash-message .button-tooltip-container .tooltip-container:before {
        left: auto; }
    .place-cash-spot-container .place-cash-message .tooltip-content > div {
      display: none; }

.confirmation-section .place-cash-spot-container,
.confirmation .place-cash-spot-container {
  display: block;
  padding: 16px 16px 21px;
  width: calc(100% + 32px);
  margin: 20px -16px 0px; }

.confirmation-section .place-cash-spot-container + .confirmation-banner,
.confirmation .place-cash-spot-container + .confirmation-banner {
  margin-top: 20px; }

.confirmation-section .place-cash-spot-container,
.confirmation .place-cash-spot-container {
  margin: 0 auto;
  padding: 20px 120px 25px;
  width: 100%;
  background: #ffffff; }
  .confirmation-section .place-cash-spot-container img,
  .confirmation .place-cash-spot-container img {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px; }
  .confirmation-section .place-cash-spot-container .place-cash-message,
  .confirmation .place-cash-spot-container .place-cash-message {
    width: calc(100% - 80px);
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    text-align: left; }
@charset "UTF-8";
/**
* Cart Alert Modal (Desktop)
**/
/**
* Cart Alert Modal (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Abandon Paypal Modal */
.overlay-abandon-paypal .modal-title {
  font-size: 14px;
  /* Fpo, then im use the correct mixin */ }

.overlay-abandon-paypal .modal-subtitle {
  margin-top: 20px; }

.overlay-abandon-paypal .button-container {
  position: absolute;
  width: calc(100% - (27px * 2));
  bottom: 30px; }

.overlay-abandon-paypal .button-secondary {
  margin-top: 20px; }

/* Pay with Paypal Modal */
.overlay-paypal-selected .message-paypal {
  margin-top: 20px; }

.overlay-paypal-selected .message-paypal-selected {
  margin-bottom: 20px; }

.overlay-paypal-selected .button-primary {
  position: absolute;
  bottom: 30px;
  width: calc(100% - (27px * 2)); }

.button-pay-with-paypal {
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e3e3e3; }
  .button-pay-with-paypal img {
    position: relative;
    top: 7px;
    margin-left: 8px; }

/* Oss Alert Modal */
.overlay-oss-alert .modal-title, .overlay-unsaveded-alert .modal-title, .overlay-abandon-paypal .modal-title, .overlay-paypal-selected .modal-title {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: none;
  text-decoration: none;
  color: #333333;
  font-family: 'Avenir';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }

.overlay-oss-alert .overlay-container, .overlay-unsaveded-alert .overlay-container, .overlay-abandon-paypal .overlay-container, .overlay-paypal-selected .overlay-container {
  padding: 56px;
  padding-bottom: 70px;
  height: auto;
  min-height: auto; }

.overlay-oss-alert .message-cart-alert, .overlay-unsaveded-alert .message-cart-alert, .overlay-abandon-paypal .message-cart-alert, .overlay-paypal-selected .message-cart-alert {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #333333;
  margin-bottom: 55px;
  text-align: center;
  line-height: 20px; }

.overlay-oss-alert .button-container, .overlay-unsaveded-alert .button-container, .overlay-abandon-paypal .button-container, .overlay-paypal-selected .button-container {
  position: relative;
  width: 100%;
  bottom: initial; }

.overlay-oss-alert .button-primary, .overlay-unsaveded-alert .button-primary, .overlay-abandon-paypal .button-primary, .overlay-paypal-selected .button-primary,
.overlay-oss-alert .button-secondary, .overlay-unsaveded-alert .button-secondary, .overlay-abandon-paypal .button-secondary, .overlay-paypal-selected .button-secondary {
  position: relative;
  display: block;
  width: 85%;
  margin: 0px auto;
  bottom: initial; }

.overlay-oss-alert .back-to-cart-link, .overlay-unsaveded-alert .back-to-cart-link, .overlay-abandon-paypal .back-to-cart-link, .overlay-paypal-selected .back-to-cart-link {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333;
  text-decoration: underline;
  text-align: center;
  display: block;
  margin-top: 12px;
  text-transform: lowercase; }

/* Unsaved Alert Modal */
/* Abandon Paypal Modal */
.overlay-abandon-paypal .modal-subtitle {
  margin-top: 20px; }

.overlay-abandon-paypal .button-secondary {
  margin-top: 20px; }

/* Pay with Paypal Modal */
.overlay-paypal-selected .message-paypal {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.15;
  text-decoration: none;
  text-transform: none;
  color: #333333;
  margin-top: 20px;
  text-align: center; }

.overlay-paypal-selected button.button-primary {
  bottom: 0px; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.container-global-my-bag {
  background: #f7f7f7;
  display: block;
  width: 100%;
  padding: 0px 16px; }
  .container-global-my-bag .fpo-banner-rewards-slot {
    padding-top: 100px;
    /* Banner */ }
    .container-global-my-bag .fpo-banner-rewards-slot img {
      width: 100%; }

.my-bag {
  padding-bottom: 80px;
  /* Titulo de la sección My Bag */
  /* My bag empty / vista */ }
  .my-bag .notification {
    height: auto; }
    .my-bag .notification.oss-notification-from-bag {
      background: #666666;
      border-top: solid 1px rgba(51, 51, 51, 0.11);
      position: relative;
      top: 18px; }
      .my-bag .notification.oss-notification-from-bag p {
        font-family: 'Avenir';
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none;
        font-size: 11px;
        letter-spacing: 0;
        line-height: 1.45;
        color: #ffffff;
        font-family: 'Avenir';
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none;
        padding: 10px 20px; }
      .my-bag .notification.oss-notification-from-bag .notification-inline {
        text-align: center;
        position: relative;
        color: #ffffff; }
        .my-bag .notification.oss-notification-from-bag .notification-inline a,
        .my-bag .notification.oss-notification-from-bag .notification-inline button {
          color: #ffffff; }
    .my-bag .notification .button-close-text {
      color: #ffffff;
      display: block;
      margin: 0 auto; }
  .my-bag .subheading-button-continue-shopping {
    display: block;
    text-align: right;
    right: 5px;
    color: #707070;
    padding: 11px;
    font-size: 12px;
    padding-right: 16px; }
  .my-bag .subheading-my-bag {
    background: #ffffff;
    padding: 14px 0px;
    display: inline-block;
    position: relative;
    width: 100%;
    /* Link Continue Shopping */ }
    .my-bag .subheading-my-bag .subheading-my-bag-title {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 18px;
      letter-spacing: 0;
      line-height: 1.28;
      text-transform: none;
      color: #333333;
      text-transform: uppercase;
      position: relative;
      padding: 0px 16px; }
      .my-bag .subheading-my-bag .subheading-my-bag-title span {
        float: right;
        font-size: 14px;
        margin-top: 4px;
        text-transform: capitalize;
        color: #707070;
        font-weight: bold; }
    .my-bag .subheading-my-bag .button-continue-shopping {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0.25px;
      line-height: 1.38;
      color: #666666;
      position: absolute;
      right: 16px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  .my-bag .empty {
    text-align: center; }
    .my-bag .empty h1 {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.53;
      color: #333333;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      text-transform: none;
      padding-top: 86px;
      height: auto; }
    .my-bag .empty .button-go-shopping {
      width: 74%;
      margin: 10px auto 0; }
    .my-bag .empty .container-slot {
      display: block;
      margin-top: 86px; }
      .my-bag .empty .container-slot .fpo-banner-rewards-slot {
        width: 100%; }

/* My bag */
div.overlay-form-login.overlay-center .overlay-content,
section.overlay-form-login.overlay-center .overlay-content {
  height: auto;
  overflow: initial; }

div.overlay-form-login.overlay-center .login-banner,
div.overlay-form-login.overlay-center .reset-password-text,
section.overlay-form-login.overlay-center .login-banner,
section.overlay-form-login.overlay-center .reset-password-text {
  display: none; }

div.overlay-form-login.overlay-center .login-banner:before,
div.overlay-form-login.overlay-center .new-account:before,
div.overlay-form-login.overlay-center .reset-password-text:before,
section.overlay-form-login.overlay-center .login-banner:before,
section.overlay-form-login.overlay-center .new-account:before,
section.overlay-form-login.overlay-center .reset-password-text:before {
  content: '';
  width: 0;
  height: 0; }

div.overlay-reset-password.overlay-center,
section.overlay-reset-password.overlay-center {
  /* Botón Login en overlay centrado */ }
  div.overlay-reset-password.overlay-center .message,
  section.overlay-reset-password.overlay-center .message {
    text-align: left; }
    div.overlay-reset-password.overlay-center .message button,
    section.overlay-reset-password.overlay-center .message button {
      top: auto;
      position: relative;
      display: block;
      margin-bottom: 50px;
      left: 0; }
    div.overlay-reset-password.overlay-center .message h3,
    div.overlay-reset-password.overlay-center .message p,
    section.overlay-reset-password.overlay-center .message h3,
    section.overlay-reset-password.overlay-center .message p {
      text-align: center; }
  div.overlay-reset-password.overlay-center .overlay-content,
  section.overlay-reset-password.overlay-center .overlay-content {
    height: auto;
    overflow: initial; }
  div.overlay-reset-password.overlay-center .resetPassword-banner,
  section.overlay-reset-password.overlay-center .resetPassword-banner {
    display: none; }

/* GIFT CARD IN CART AB TEST */
.gift-card-header {
  height: 110px; }

.cart-gift-card-container-mobile {
  width: 100%;
  height: auto;
  position: relative;
  padding-bottom: 10px; }
  .cart-gift-card-container-mobile .header {
    text-align: center;
    width: 100%;
    top: 3px;
    font-weight: bold;
    font-size: 19px;
    padding: 10px 0px; }
  .cart-gift-card-container-mobile .img-container,
  .cart-gift-card-container-mobile .select-quantity {
    display: none; }
  .cart-gift-card-container-mobile .gift-card-form .color-option-selected {
    height: 25px;
    margin-top: 4px; }
    .cart-gift-card-container-mobile .gift-card-form .color-option-selected img {
      width: 40px;
      height: 40px; }
  .cart-gift-card-container-mobile .gift-card-form .container-selects {
    width: 60%;
    text-align: center;
    padding: 0px;
    display: inline-block; }
    .cart-gift-card-container-mobile .gift-card-form .container-selects .ghost-error-container {
      position: absolute;
      display: inline-block;
      bottom: -43px;
      width: 100%;
      left: 0px; }
      .cart-gift-card-container-mobile .gift-card-form .container-selects .ghost-error-container .error-box {
        padding: 2px 0px; }
        .cart-gift-card-container-mobile .gift-card-form .container-selects .ghost-error-container .error-box .error-icon {
          background: transparent; }
  .cart-gift-card-container-mobile .gift-card-form .custom-select-button,
  .cart-gift-card-container-mobile .gift-card-form .select-option-selected {
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: inline-block;
    width: 100%;
    font-size: 16px !important;
    min-width: 70px !important;
    height: 36px;
    padding-left: 7px;
    padding-top: 7px; }
  .cart-gift-card-container-mobile .gift-card-form .mini-dropdown {
    width: 32%;
    width: 85px;
    margin: 0px 10px; }
    .cart-gift-card-container-mobile .gift-card-form .mini-dropdown label {
      left: 8px; }
    .cart-gift-card-container-mobile .gift-card-form .mini-dropdown .labled-select-title {
      display: none; }
  .cart-gift-card-container-mobile .gift-card-form .bag-item-color-select {
    margin-bottom: 7px;
    width: 32%;
    display: inline-block;
    width: 80px;
    margin: 0px 10px; }
    .cart-gift-card-container-mobile .gift-card-form .bag-item-color-select .custom-select-title {
      display: none; }
  .cart-gift-card-container-mobile .gift-card-form .custom-select-button {
    padding: 0px !important; }
    .cart-gift-card-container-mobile .gift-card-form .custom-select-button::before {
      width: 9px !important;
      bottom: 15px !important;
      right: 7px !important; }
    .cart-gift-card-container-mobile .gift-card-form .custom-select-button::after {
      width: 9px !important;
      bottom: 15px !important;
      right: 2px !important; }
    .cart-gift-card-container-mobile .gift-card-form .custom-select-button span {
      width: 100% !important;
      padding: 0px;
      font-size: 0px !important; }
    .cart-gift-card-container-mobile .gift-card-form .custom-select-button img {
      width: 36px;
      height: 32px;
      border-radius: 0;
      left: 17px; }
  .cart-gift-card-container-mobile .gift-card-form .add-to-bag-giftcard {
    background: black;
    color: white;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 8px 25px;
    vertical-align: top; }
    .cart-gift-card-container-mobile .gift-card-form .add-to-bag-giftcard:disabled {
      background: #999999;
      border: none;
      outline: none; }
  .cart-gift-card-container-mobile .gift-card-form .list-container {
    width: 285px;
    text-align: left;
    background: white; }
    .cart-gift-card-container-mobile .gift-card-form .list-container .bag-item-color-select-items-list {
      max-height: none;
      padding: 10px; }
      .cart-gift-card-container-mobile .gift-card-form .list-container .bag-item-color-select-items-list li {
        display: inline-block;
        width: 50%; }
        .cart-gift-card-container-mobile .gift-card-form .list-container .bag-item-color-select-items-list li span {
          width: 100%;
          font-size: 10px;
          text-align: center;
          margin-top: 120px;
          color: black;
          display: inline-block; }
        .cart-gift-card-container-mobile .gift-card-form .list-container .bag-item-color-select-items-list li div {
          padding: 0px;
          height: 150px;
          background: transparent;
          text-align: center; }
        .cart-gift-card-container-mobile .gift-card-form .list-container .bag-item-color-select-items-list li img {
          border-radius: 0px;
          width: 110px;
          height: calc(100% - 50px);
          margin: 0px;
          padding: 0px;
          left: calc(50% - 55px); }
  @media (max-width: 389px) {
    .cart-gift-card-container-mobile .gift-card-form .container-selects {
      width: 233px; }
    .cart-gift-card-container-mobile .gift-card-form .add-to-bag-giftcard {
      font-size: 12px;
      padding: 11px 25px; }
    .cart-gift-card-container-mobile .gift-card-form .mini-dropdown,
    .cart-gift-card-container-mobile .gift-card-form .bag-item-color-select {
      width: 85px; }
      .cart-gift-card-container-mobile .gift-card-form .mini-dropdown label,
      .cart-gift-card-container-mobile .gift-card-form .bag-item-color-select label {
        left: 0px; } }
  @media (max-width: 360px) {
    .cart-gift-card-container-mobile .gift-card-form .container-selects {
      width: 190px; }
    .cart-gift-card-container-mobile .gift-card-form .mini-dropdown,
    .cart-gift-card-container-mobile .gift-card-form .bag-item-color-select {
      width: 24%;
      margin: 0px 16px; } }

.my-bag {
  padding-bottom: 0px;
  /* Titulo de la sección My Bag */
  /* Unavailable product notification */ }
  .my-bag .subheading-my-bag {
    padding: 19px 0;
    margin: 0;
    display: block;
    left: 0;
    width: 100%; }
  .my-bag .subheading-my-bag-title {
    padding: 0 16px; }
  .my-bag .button-close-text {
    display: inline-block;
    margin: initial;
    margin-right: 10px; }
  .my-bag .oss-notification-from-bag.notification {
    width: 100%;
    left: auto;
    position: relative;
    top: 18px; }
  .my-bag .oss-notification-from-bag p {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #ffffff; }
  .my-bag .oss-notification-from-bag .button-remove-all {
    text-decoration: underline; }
  .my-bag .empty {
    margin-top: -100px; }
    .my-bag .empty h1 {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 24px;
      letter-spacing: 0;
      line-height: 1.21;
      text-transform: uppercase;
      color: #333333;
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      margin: 150px auto 120px;
      text-transform: lowercase; }
      .my-bag .empty h1:first-letter {
        text-transform: capitalize; }
    .my-bag .empty .container-slot {
      margin-top: 0; }

/**
* CustomSelect
**/
/* Custom select container of Title and DropdownList */
.bag-item-color-select-closed, .bag-item-color-select,
.bag-item-color-select {
  margin-bottom: 0px;
  vertical-align: bottom;
  display: inline-block; }

.bag-item-color-select-closed, .bag-item-color-select {
  width: 120px;
  margin-right: 6px;
  margin-bottom: 0px;
  display: inline-block;
  vertical-align: bottom; }

/* Custom select container of Title and DropdownList: Open state */
/* Custom select Button: Close state */
.bag-item-color-select-button-closed, .bag-item-color-select-button {
  overflow: visible; }

/* Custom select container: Open state */
/* GIFT CARD IN CART AB TEST */
.gift-card-header {
  padding: 5px 150px;
  text-align: center;
  height: auto;
  min-height: 125px; }

@media (max-width: 1010px) {
  .gift-card-header {
    padding: 5px 50px; } }

@media (max-width: 800px) {
  .gift-card-header {
    padding: 5px 30px; } }

.cart-gift-card-container-desktop {
  width: 100%;
  height: auto;
  position: relative;
  border: 2px solid black;
  max-width: 800px;
  text-align: left;
  display: inline-block; }
  .cart-gift-card-container-desktop .header {
    text-align: center;
    width: 55%;
    top: 10px;
    display: inline-block;
    /* margin-top: 11px; */
    position: absolute;
    font-weight: bold; }
  .cart-gift-card-container-desktop .img-container {
    width: 26%;
    display: inline-block;
    text-align: center; }
  .cart-gift-card-container-desktop .selected-gift-card-img {
    width: 110px;
    margin: 3px 30px;
    min-height: 100px; }
  .cart-gift-card-container-desktop .custom-select-title span {
    left: -5px;
    top: -2px; }
  .cart-gift-card-container-desktop .custom-select-button {
    padding: 0px !important; }
    .cart-gift-card-container-desktop .custom-select-button span {
      width: 100% !important;
      padding: 0px;
      font-size: 0px !important; }
    .cart-gift-card-container-desktop .custom-select-button img {
      width: 30px;
      height: 27px;
      border-radius: 0;
      left: 10px; }
  .cart-gift-card-container-desktop .gift-card-form {
    width: 70%;
    display: inline-block;
    position: absolute;
    top: 25px; }
    .cart-gift-card-container-desktop .gift-card-form form:first-child div:first-child {
      display: inline; }
    .cart-gift-card-container-desktop .gift-card-form .color-option-selected {
      height: 25px;
      margin-top: 4px; }
      .cart-gift-card-container-desktop .gift-card-form .color-option-selected img {
        width: 40px;
        height: 40px; }
    .cart-gift-card-container-desktop .gift-card-form .container-selects {
      display: inline;
      width: auto; }
      .cart-gift-card-container-desktop .gift-card-form .container-selects .ghost-error-container {
        position: absolute;
        display: inline-block;
        bottom: -9px;
        width: 100%;
        text-align: center;
        z-index: 1; }
        .cart-gift-card-container-desktop .gift-card-form .container-selects .ghost-error-container .error-box {
          padding: 3px 4px; }
          .cart-gift-card-container-desktop .gift-card-form .container-selects .ghost-error-container .error-box .error-icon {
            background: transparent; }
    .cart-gift-card-container-desktop .gift-card-form .custom-select-button::before {
      width: 9px !important;
      bottom: 15px !important;
      right: 7px !important; }
    .cart-gift-card-container-desktop .gift-card-form .custom-select-button::after {
      width: 9px !important;
      bottom: 15px !important;
      right: 2px !important; }
    .cart-gift-card-container-desktop .gift-card-form .custom-select-button,
    .cart-gift-card-container-desktop .gift-card-form .select-option-selected {
      border: 1px solid rgba(0, 0, 0, 0.2);
      display: inline-block;
      width: 65px;
      min-width: 70px !important;
      height: 34px;
      font-size: 14px !important;
      padding-left: 12px;
      padding-top: 8px; }
    .cart-gift-card-container-desktop .gift-card-form .bag-item-color-select,
    .cart-gift-card-container-desktop .gift-card-form .mini-dropdown {
      width: 125px;
      outline: none; }
      .cart-gift-card-container-desktop .gift-card-form .bag-item-color-select span,
      .cart-gift-card-container-desktop .gift-card-form .mini-dropdown span {
        display: inline-block;
        width: auto;
        font-size: 15px;
        color: black;
        vertical-align: middle; }
      .cart-gift-card-container-desktop .gift-card-form .bag-item-color-select .labled-select-title,
      .cart-gift-card-container-desktop .gift-card-form .mini-dropdown .labled-select-title {
        width: 34px; }
      .cart-gift-card-container-desktop .gift-card-form .bag-item-color-select #labeled-select_1 ~ .select-option-selected,
      .cart-gift-card-container-desktop .gift-card-form .mini-dropdown #labeled-select_1 ~ .select-option-selected {
        left: 11px; }
    .cart-gift-card-container-desktop .gift-card-form .bag-item-color-select {
      margin-bottom: 7px; }
      .cart-gift-card-container-desktop .gift-card-form .bag-item-color-select .list-container {
        width: 550px;
        text-align: left;
        left: 35px;
        border-color: rgba(0, 0, 0, 0.07); }
        .cart-gift-card-container-desktop .gift-card-form .bag-item-color-select .list-container .bag-item-color-select-items-list {
          max-height: none;
          padding: 10px; }
          .cart-gift-card-container-desktop .gift-card-form .bag-item-color-select .list-container .bag-item-color-select-items-list li {
            display: inline-block;
            width: 25%; }
            .cart-gift-card-container-desktop .gift-card-form .bag-item-color-select .list-container .bag-item-color-select-items-list li span {
              width: 100%;
              font-size: 11px;
              text-align: center;
              margin-top: 120px;
              color: black;
              display: inline-block; }
            .cart-gift-card-container-desktop .gift-card-form .bag-item-color-select .list-container .bag-item-color-select-items-list li div {
              padding: 0px;
              height: 150px;
              background: transparent; }
            .cart-gift-card-container-desktop .gift-card-form .bag-item-color-select .list-container .bag-item-color-select-items-list li img {
              border-radius: 0px;
              width: 110px;
              margin: 0px;
              padding: 0px; }
      .cart-gift-card-container-desktop .gift-card-form .bag-item-color-select .labled-select-option {
        img-width: 34px !important;
        img-height: 28px !important;
        img-border-radius: 0; }
      .cart-gift-card-container-desktop .gift-card-form .bag-item-color-select .custom-select-title {
        left: -4px; }
    .cart-gift-card-container-desktop .gift-card-form .add-to-bag-giftcard {
      background: black;
      color: white;
      font-size: 17px;
      text-transform: uppercase;
      font-weight: 500;
      height: 33px;
      width: 30%;
      vertical-align: sub; }
      .cart-gift-card-container-desktop .gift-card-form .add-to-bag-giftcard:disabled, .cart-gift-card-container-desktop .gift-card-form .add-to-bag-giftcard:active {
        background: #999999;
        border: none;
        outline: none; }
    @media (max-width: 1100px) {
      .cart-gift-card-container-desktop .gift-card-form .bag-item-color-select {
        width: 113px; }
      .cart-gift-card-container-desktop .gift-card-form .add-to-bag-giftcard {
        width: 28%; } }
  @media (max-width: 1050px) {
    .cart-gift-card-container-desktop .img-container {
      width: 25%; }
    .cart-gift-card-container-desktop .gift-card-form {
      width: 74%; } }
  @media (max-width: 960px) {
    .cart-gift-card-container-desktop .img-container {
      width: 22%; }
    .cart-gift-card-container-desktop .gift-card-form {
      width: 77%; } }
@charset "UTF-8";
/*
* Promo Modal Plcc Desktop
*/
/*
* Promo Modal Plcc Mobile
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.promo-modal-container {
  text-align: center;
  padding: 25px;
  background-color: #ffffff;
  /* Need Change the font by promo-message */
  /* Information rewards */
  /* images */ }
  .promo-modal-container strong {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: uppercase; }
  .promo-modal-container sup {
    font-size: .7rem;
    top: -5px; }
  .promo-modal-container .img-promo-plcc {
    width: 200px; }
  .promo-modal-container .text-congratulations {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333; }
  .promo-modal-container .promo-message {
    width: 217px;
    margin: 20px auto; }
    .promo-modal-container .promo-message span {
      display: block;
      line-height: normal;
      text-transform: uppercase;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
      .promo-modal-container .promo-message span:nth-child(1) {
        font-size: 63px;
        height: 51px;
        line-height: 63px; }
      .promo-modal-container .promo-message span:nth-child(2) {
        font-size: 100px;
        height: 81px;
        line-height: 100px; }
      .promo-modal-container .promo-message span:nth-child(3) {
        font-size: 45px;
        height: 35px;
        line-height: 45px; }
  .promo-modal-container .title-promo {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 20px; }
    .promo-modal-container .title-promo b {
      color: #5da4e3;
      display: block; }
  .promo-modal-container .button-apply {
    background-color: #ca0088; }
  .promo-modal-container .learn-more {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    text-transform: uppercase;
    text-decoration: underline;
    margin: 15px 0;
    display: inline-block; }
  .promo-modal-container .button-thanks {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    color: #333333;
    text-decoration: underline;
    display: block;
    margin: 20px auto; }
  .promo-modal-container .text-info {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.28;
    text-transform: none;
    color: #333333;
    border: 1px solid #999999;
    margin-bottom: 20px; }
    .promo-modal-container .text-info strong {
      text-transform: none; }
    .promo-modal-container .text-info a {
      color: #333333; }
  .promo-modal-container .list-benefits {
    text-align: left;
    padding-left: 10px; }
    .promo-modal-container .list-benefits li {
      margin-bottom: 10px;
      position: relative; }
      .promo-modal-container .list-benefits li:before {
        content: '';
        background: url("/wcsstore/static/images/check-list.png") no-repeat;
        width: 20px;
        height: 22px;
        position: absolute;
        left: -24px;
        top: -5px; }
  .promo-modal-container .links-container {
    margin: 20px 0 10px; }
    .promo-modal-container .links-container a {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.33;
      color: #333333;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      text-transform: uppercase;
      text-decoration: underline;
      margin-right: 20px; }
    .promo-modal-container .links-container sup {
      text-decoration: none; }
  .promo-modal-container .info-rewards {
    width: 490px;
    margin: 0 auto 20px; }
    .promo-modal-container .info-rewards .first-info,
    .promo-modal-container .info-rewards .second-info {
      width: 50%;
      display: inline-block;
      font-family: 'Avenir';
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      position: relative; }
      .promo-modal-container .info-rewards .first-info .number,
      .promo-modal-container .info-rewards .second-info .number {
        width: 30%;
        display: inline-block;
        height: 30px;
        font-size: 36px;
        line-height: 36px; }
      .promo-modal-container .info-rewards .first-info .word,
      .promo-modal-container .info-rewards .second-info .word {
        width: 50%;
        display: inline-block; }
      .promo-modal-container .info-rewards .first-info i,
      .promo-modal-container .info-rewards .second-info i {
        font-size: 20px;
        position: relative;
        top: -10px; }
    .promo-modal-container .info-rewards .iqual {
      margin-left: 10px; }
  .promo-modal-container .img-save-discount {
    width: 91%; }
  .promo-modal-container .img-info-points {
    width: 100%; }
  .promo-modal-container .img-rewards-info {
    width: 100%; }
  .promo-modal-container .text-terms {
    font-size: 8px;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
    .promo-modal-container .text-terms a {
      margin-left: 5px;
      color: #333333; }

/* NOTE: RTPS (checkout) -> PRE-approved modal */
.pre-approved-modal-container .text-congratulations sup {
  font-size: 60%; }

.pre-approved-modal-container .text-terms sup {
  font-size: inherit;
  top: -2px;
  margin: 0px; }

.overlay-promo-plcc .overlay-container {
  overflow: auto;
  width: 800px; }

.overlay-promo-plcc .modal-header .button-modal-close {
  right: 10px;
  top: 10px; }

.promo-modal-container .img-promo-plcc {
  width: 310px; }

.promo-modal-container .text-congratulations {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1.21;
  text-transform: uppercase;
  color: #333333;
  text-transform: none; }

.promo-modal-container .promo-message {
  width: 550px;
  margin: 0 auto 20px; }
  .promo-modal-container .promo-message span:nth-child(1) {
    display: inline-block;
    font-size: 90px;
    height: 75px;
    margin-right: 10px; }
  .promo-modal-container .promo-message span:nth-child(2) {
    display: inline-block;
    font-size: 90px;
    height: 75px; }
  .promo-modal-container .promo-message span:nth-child(3) {
    font-size: 120px;
    height: 90px;
    line-height: 113px; }

.promo-modal-container .button-apply {
  width: 350px;
  display: block;
  margin: 0 auto 20px; }

.promo-modal-container .learn-more {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.25px;
  line-height: 1.38;
  color: #333333;
  text-transform: uppercase;
  text-decoration: underline; }

.promo-modal-container .benefits-title,
.promo-modal-container .list-benefits {
  display: inline-block; }

.promo-modal-container .benefits-title {
  width: 490px;
  margin: 0 auto 20px;
  text-align: center; }

.promo-modal-container .list-benefits li {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.28;
  text-transform: none;
  color: #333333; }
  .promo-modal-container .list-benefits li:before {
    top: 0; }

.promo-modal-container .button-thanks {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.15;
  text-decoration: none;
  text-transform: none;
  color: #333333;
  text-transform: uppercase;
  text-decoration: underline; }

.promo-modal-container .text-info {
  margin: 20px -15px;
  padding: 10px 30px; }

.promo-modal-container .img-save-discount {
  width: 549px; }

.promo-modal-container .img-info-points {
  width: 490px;
  display: block;
  margin: 0 auto; }

.promo-modal-container .img-rewards-info {
  width: 500px;
  position: relative;
  left: -3px; }

.promo-modal-container .title-promo b {
  display: inline-block; }

.promo-modal-container .text-terms {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #333333; }

/* NOTE: RTPS (checkout) -> PRE-approved modal */
.pre-approved-modal-container .text-terms sup {
  font-size: 80%;
  top: -2px;
  margin: 0px; }
@charset "UTF-8";
/*
* card with smile Desktop
*/
/*
* Card with smile
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.card-with-smile-container {
  position: relative;
  text-align: center;
  width: 170px;
  margin: 13px auto; }
  .card-with-smile-container .img-smile {
    width: 100%;
    position: relative;
    left: -6%; }

.card-with-smile-container {
  width: 210px; }
  .card-with-smile-container .img-smile {
    width: 100%;
    position: relative; }

/* Approved State */
.approved-plcc-container .card-with-smile-container {
  width: 235px;
  margin-top: 63px; }

.approved-plcc-container .img-smile {
  left: -15px; }

/* Review/Pending State */
.under-review-container .card-with-smile-container {
  width: 235px;
  margin-top: 39px; }

/* Existing Card State */
.card-existing-container .card-with-smile-container {
  width: 235px;
  margin-top: 59px; }

/* Modals */
.overlay-form-plcc .approved-plcc-container .card-with-smile-container,
.overlay-form-plcc .card-with-smile-container .card-with-smile-container,
.overlay-form-plcc .under-review-container .card-with-smile-container {
  margin-top: 0px; }

.overlay-form-plcc .card-existing-container .card-with-smile-container {
  margin-top: 11px; }
@charset "UTF-8";
/*
* Credit Card Existing Modal Desktop
*/
/*
* Credit Card Existing Modal (Mobile)
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.card-existing-container {
  text-align: center;
  padding: 25px;
  background-color: white;
  height: auto;
  /* Notification */ }
  .card-existing-container .first-text,
  .card-existing-container .credit-card-existing-title {
    margin-bottom: 23px;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .card-existing-container strong {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .card-existing-container .text-card-existing {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    margin-bottom: 20px;
    padding: 0 10px; }
  .card-existing-container .button-checkout,
  .card-existing-container .button-continue-shopping {
    width: calc(100% - 20px); }
  .card-existing-container .button-checkout {
    background-color: #ca0088; }
  .card-existing-container .button-continue-shopping {
    background-color: #ca0088;
    margin: 20px 0; }
    .card-existing-container .button-continue-shopping.button-with-bag {
      background-color: #ffffff;
      color: #333333;
      border: 1px solid #333333; }
  .card-existing-container .button-add-credit-card {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    text-decoration: underline; }
  .card-existing-container .notification-added-card {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    background-color: #e3e3e3;
    margin: 0 -25px;
    margin-top: -25px;
    padding: 20px 30px 20px 20px;
    height: auto;
    text-align: left;
    z-index: 10; }
    .card-existing-container .notification-added-card > span {
      width: calc(100% - 30px);
      display: inline-block; }
    .card-existing-container .notification-added-card .view-account {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.53;
      color: #333333;
      text-decoration: underline;
      display: block; }
    .card-existing-container .notification-added-card .button-close {
      width: 34px;
      height: 34px;
      position: absolute;
      right: 19px;
      top: calc(50% - 14px); }
      .card-existing-container .notification-added-card .button-close:before, .card-existing-container .notification-added-card .button-close:after {
        content: '';
        position: relative;
        display: block;
        background: #ffffff;
        margin: auto; }
      .card-existing-container .notification-added-card .button-close:before, .card-existing-container .notification-added-card .button-close:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px; }
      .card-existing-container .notification-added-card .button-close:before {
        width: 18px;
        height: 2px;
        top: 7px;
        background-color: #333333; }
      .card-existing-container .notification-added-card .button-close:after {
        width: 2px;
        height: 18px;
        top: -3px;
        background-color: #333333; }

.modal-plcc {
  padding: 15px; }

.overlay-card-existing .overlay-container {
  width: 780px;
  overflow: auto; }

.overlay-card-existing .card-existing-container {
  height: 100vh; }
  .overlay-card-existing .card-existing-container .text-card-existing {
    width: 80%;
    margin: 30px auto 10px; }

.card-existing-content {
  width: 780px;
  display: block;
  margin: 0 auto;
  height: auto;
  position: relative; }
  .card-existing-content .first-text,
  .card-existing-content .credit-card-existing-title {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    margin-top: 10px; }
  .card-existing-content .button-checkout,
  .card-existing-content .button-continue-shopping {
    width: 350px;
    display: block;
    margin: 0 auto 20px; }
  .card-existing-content .text-card-existing {
    width: 78%;
    padding: 0px;
    margin: 23px auto 40px; }
  .card-existing-content .button-continue-shopping {
    margin-bottom: 30px; }
  .card-existing-content .notification-added-card .view-account {
    display: inline-block; }
  .card-existing-content.notification-space {
    padding-top: 75px; }
@charset "UTF-8";
/*
* Contact Info Display Desktop
*/
/*
* Contact Info Display Mobile
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Título de Address */
.address-title {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 8px;
  display: inline-block; }

/* Información del cliente */
.address-details, .address-additional {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  text-transform: none;
  color: #333333;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }

.address-additional {
  margin-top: 15px; }
  .address-additional span {
    width: calc(100% - 40px);
    word-wrap: break-word;
    display: inline-block; }

.address-additional span {
  width: 100%; }
@charset "UTF-8";
/**
 * Address Verification Desktop
 **/
/**
 * Address Verification Mobile
 **/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.overlay-address-verification .verification-header {
  width: 100%;
  height: 65px;
  position: relative;
  display: block;
  border: 0;
  background-color: #ffffff;
  text-align: center;
  /* Título de Modal */ }
  .overlay-address-verification .verification-header:after {
    content: '';
    width: 100%;
    left: 0;
    bottom: 0px;
    height: 1px;
    background-color: #e3e3e3;
    display: inline-block;
    position: absolute;
    z-index: 1; }
  .overlay-address-verification .verification-header > h3 {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }

.address-verification-container {
  background-color: #ffffff;
  padding: 0 30px 20px;
  min-height: calc(100vh - 85px); }

/* style for "Verify Your Address" modal */
.address-verification {
  /* previous message to address entered */
  /* button in group-button */
  /* Address verification Apartment (Address Line 2) */ }
  .address-verification .verify-notification h3 {
    display: none; }
  .address-verification .verify-notification p {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    font-size: 12px;
    /* ??? */ }
  .address-verification .verify-notification .red-text {
    color: red; }
  .address-verification .address-we-suggest .title-we-suggest {
    margin-bottom: 10px; }
  .address-verification .address-we-suggest .address-option {
    margin-top: 7px; }
  .address-verification .verify-notification,
  .address-verification .address-you-entered,
  .address-verification .address-we-suggest {
    position: relative;
    padding: 20px 0; }
    .address-verification .verify-notification:after,
    .address-verification .address-you-entered:after,
    .address-verification .address-we-suggest:after {
      content: '';
      width: calc(100% + 60px);
      left: -30px;
      bottom: 0px;
      height: 1px;
      background-color: #e3e3e3;
      display: inline-block;
      position: absolute;
      z-index: 1; }
  .address-verification .address-we-suggest .input-radio,
  .address-verification .address-you-entered .input-radio {
    margin-top: 10px; }
  .address-verification .address-container {
    margin-left: 10px; }
  .address-verification p {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    /* box container for title of the address entered */ }
    .address-verification p.title {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 1.67;
      color: #000000;
      text-transform: uppercase;
      line-height: 19px; }
    .address-verification p.input-title {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.33;
      text-transform: none;
      color: #333333; }
  .address-verification .group-button button {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    margin: 0 0 10px; }
  .address-verification .button-continue {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #ca0088; }
    .address-verification .button-continue.focused, .address-verification .button-continue:focus {
      background-color: #ca0088; }
    .address-verification .button-continue.pressed, .address-verification .button-continue:active {
      background-color: #ca0088; }
    .address-verification .button-continue.disabled, .address-verification .button-continue:disabled {
      background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
    .address-verification .button-continue.loading:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F11B";
      -webkit-animation: 2s rotate linear infinite;
      animation: 2s rotate linear infinite; }
  .address-verification .button-edit {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #000000; }
    .address-verification .button-edit.focused, .address-verification .button-edit:focus {
      background-color: #ffffff; }
    .address-verification .button-edit.pressed, .address-verification .button-edit:active {
      background-color: #ffffff; }
    .address-verification .button-edit.disabled, .address-verification .button-edit:disabled {
      background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
    .address-verification .button-edit.loading:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F11B";
      -webkit-animation: 2s rotate linear infinite;
      animation: 2s rotate linear infinite; }
  .address-verification .address-entered-only {
    border: solid 1px #e3e3e3;
    position: relative;
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 0 -26px 104px;
    padding: 31px 27px 40px; }
    .address-verification .address-entered-only label {
      margin-top: 0; }
    .address-verification .address-entered-only p:not(.title) {
      margin-top: 8px;
      margin-bottom: 24px;
      line-height: 20px; }
  .address-verification .title-you-entered {
    margin-top: 0;
    margin-bottom: 6px; }

/**
 * Address Verification Mobile
 **/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.overlay-address-verification .verification-header {
  width: 100%;
  height: 65px;
  position: relative;
  display: block;
  border: 0;
  background-color: #ffffff;
  text-align: center;
  /* Título de Modal */ }
  .overlay-address-verification .verification-header:after {
    content: '';
    width: 100%;
    left: 0;
    bottom: 0px;
    height: 1px;
    background-color: #e3e3e3;
    display: inline-block;
    position: absolute;
    z-index: 1; }
  .overlay-address-verification .verification-header > h3 {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }

.address-verification-container {
  background-color: #ffffff;
  padding: 0 30px 20px;
  min-height: calc(100vh - 85px); }

/* style for "Verify Your Address" modal */
.address-verification {
  /* previous message to address entered */
  /* button in group-button */
  /* Address verification Apartment (Address Line 2) */ }
  .address-verification .verify-notification h3 {
    display: none; }
  .address-verification .verify-notification p {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    font-size: 12px;
    /* ??? */ }
  .address-verification .verify-notification .red-text {
    color: red; }
  .address-verification .address-we-suggest .title-we-suggest {
    margin-bottom: 10px; }
  .address-verification .address-we-suggest .address-option {
    margin-top: 7px; }
  .address-verification .verify-notification,
  .address-verification .address-you-entered,
  .address-verification .address-we-suggest {
    position: relative;
    padding: 20px 0; }
    .address-verification .verify-notification:after,
    .address-verification .address-you-entered:after,
    .address-verification .address-we-suggest:after {
      content: '';
      width: calc(100% + 60px);
      left: -30px;
      bottom: 0px;
      height: 1px;
      background-color: #e3e3e3;
      display: inline-block;
      position: absolute;
      z-index: 1; }
  .address-verification .address-we-suggest .input-radio,
  .address-verification .address-you-entered .input-radio {
    margin-top: 10px; }
  .address-verification .address-container {
    margin-left: 10px; }
  .address-verification p {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    /* box container for title of the address entered */ }
    .address-verification p.title {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 1.67;
      color: #000000;
      text-transform: uppercase;
      line-height: 19px; }
    .address-verification p.input-title {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.33;
      text-transform: none;
      color: #333333; }
  .address-verification .group-button button {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    margin: 0 0 10px; }
  .address-verification .button-continue {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #ca0088; }
    .address-verification .button-continue.focused, .address-verification .button-continue:focus {
      background-color: #ca0088; }
    .address-verification .button-continue.pressed, .address-verification .button-continue:active {
      background-color: #ca0088; }
    .address-verification .button-continue.disabled, .address-verification .button-continue:disabled {
      background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
    .address-verification .button-continue.loading:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F11B";
      -webkit-animation: 2s rotate linear infinite;
      animation: 2s rotate linear infinite; }
  .address-verification .button-edit {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #000000; }
    .address-verification .button-edit.focused, .address-verification .button-edit:focus {
      background-color: #ffffff; }
    .address-verification .button-edit.pressed, .address-verification .button-edit:active {
      background-color: #ffffff; }
    .address-verification .button-edit.disabled, .address-verification .button-edit:disabled {
      background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
    .address-verification .button-edit.loading:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F11B";
      -webkit-animation: 2s rotate linear infinite;
      animation: 2s rotate linear infinite; }
  .address-verification .address-entered-only {
    border: solid 1px #e3e3e3;
    position: relative;
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 0 -26px 104px;
    padding: 31px 27px 40px; }
    .address-verification .address-entered-only label {
      margin-top: 0; }
    .address-verification .address-entered-only p:not(.title) {
      margin-top: 8px;
      margin-bottom: 24px;
      line-height: 20px; }
  .address-verification .title-you-entered {
    margin-top: 0;
    margin-bottom: 6px; }

.address-verification-container {
  padding: 0;
  height: auto;
  min-height: auto; }

.address-verification .verify-notification,
.address-verification .address-you-entered,
.address-verification .address-you-entered,
.address-verification .address-we-suggest,
.address-verification .group-button,
.address-verification .address-entered-only {
  margin: 0;
  padding: 25px 90px; }

.address-verification .address-you-entered {
  padding-top: 0; }

.address-verification .verify-notification {
  text-align: center; }
  .address-verification .verify-notification h3 {
    display: block;
    padding-bottom: 6px; }

.address-verification .verify-notification:after,
.address-verification .address-you-entered:after,
.address-verification .address-we-suggest:after {
  width: 100%;
  left: 0; }
@charset "UTF-8";
/*
* card with smile Desktop
*/
/*
* card with smile Desktop
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.approved-plcc-container {
  text-align: center;
  padding: 10px 23px 0;
  background-color: #ffffff;
  /* buttons */
  /*Copied Notification Card*/
  /* Notification */ }
  .approved-plcc-container strong {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .approved-plcc-container.approved-non-instant {
    padding-top: 40px; }
  .approved-plcc-container .title-approved {
    margin-bottom: 30px; }
  .approved-plcc-container .credit-limit {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 30px;
    display: block; }
  .approved-plcc-container .text-approved {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    margin-bottom: 20px; }
    .approved-plcc-container .text-approved.copied-text {
      border-bottom: none;
      margin-bottom: 0; }
    .approved-plcc-container .text-approved a {
      color: #333333; }
    .approved-plcc-container .text-approved button {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.33;
      text-transform: none;
      color: #333333;
      text-decoration: underline; }
  .approved-plcc-container .welcome-offer-container {
    padding: 0 3px 30px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 20px; }
    .approved-plcc-container .welcome-offer-container span {
      display: block; }
  .approved-plcc-container .img-offer {
    width: 90px;
    float: right; }
  .approved-plcc-container .offer-title {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    width: 65%;
    margin-bottom: 10px; }
  .approved-plcc-container input.offer-code {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #333333;
    text-align: center;
    line-height: 40px;
    height: 40px;
    background-color: #f7f7f7;
    width: 60%;
    opacity: 1;
    border: none; }
  .approved-plcc-container .message-offer-large {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333; }
  .approved-plcc-container .button-offer {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    text-transform: none;
    text-decoration: underline;
    box-shadow: none;
    background: transparent;
    border: none;
    float: none;
    top: 0;
    right: 0;
    margin: 12px 0 18px; }
    .approved-plcc-container .button-offer.button-disabled {
      border: none;
      background-color: transparent;
      color: #999999; }
  .approved-plcc-container .message-offer,
  .approved-plcc-container .message-offer-large {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666; }
  .approved-plcc-container .message-offer {
    text-align: left; }
  .approved-plcc-container .message-bag {
    margin-bottom: 20px; }
  .approved-plcc-container .button-checkout {
    background-color: #ca0088;
    margin-bottom: 20px; }
  .approved-plcc-container .button-with-bag {
    background-color: #ffffff;
    border: 1px solid #333333;
    color: #333333; }
  .approved-plcc-container .details {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    margin: 10px 0 20px;
    display: inline-block;
    width: auto;
    position: relative; }
    .approved-plcc-container .details:after {
      content: '';
      height: 1px;
      background-color: #333333;
      width: 67%;
      display: inline-block;
      position: absolute;
      right: 0;
      bottom: 2px; }
  .approved-plcc-container .characters {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    position: relative;
    top: -3px; }
  .approved-plcc-container .button-checkout {
    background-color: #ca0088; }
  .approved-plcc-container .button-continue-shopping {
    background-color: #ca0088; }
    .approved-plcc-container .button-continue-shopping.button-with-bag {
      background-color: #ffffff;
      color: #333333;
      border: 1px solid #333333; }
  .approved-plcc-container .copied-message-container .copied-title {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 10px; }
  .approved-plcc-container .copied-message-container .copied-number {
    padding: 10px 20px;
    background-color: #f7f7f7;
    margin-bottom: 30px;
    display: inline-block; }
  .approved-plcc-container .copied-message-container .copied-message {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e3e3e3; }
  .approved-plcc-container .notification {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    background-color: #e3e3e3;
    margin: 0 -25px 10px;
    margin-top: -10px;
    padding: 20px 30px 20px 20px;
    height: auto;
    text-align: left; }
    .approved-plcc-container .notification > span {
      padding-right: 20px;
      display: inline-block;
      width: 100%; }
    .approved-plcc-container .notification .view-account {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.53;
      color: #333333;
      text-decoration: underline;
      display: block; }
    .approved-plcc-container .notification .button-close {
      width: 34px;
      height: 34px;
      position: absolute;
      right: 19px;
      top: calc(50% - 14px); }
      .approved-plcc-container .notification .button-close:before, .approved-plcc-container .notification .button-close:after {
        content: '';
        position: relative;
        display: block;
        background: #ffffff;
        margin: auto; }
      .approved-plcc-container .notification .button-close:before, .approved-plcc-container .notification .button-close:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px; }
      .approved-plcc-container .notification .button-close:before {
        width: 18px;
        height: 2px;
        top: 7px;
        background-color: #333333; }
      .approved-plcc-container .notification .button-close:after {
        width: 2px;
        height: 18px;
        top: -3px;
        background-color: #333333; }

/* Landing Page */
.approved-plcc-container {
  padding: 20px 23px; }
  .approved-plcc-container .title-approved {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    margin-top: 6px;
    margin-bottom: 15px; }
  .approved-plcc-container .credit-limit {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    margin-bottom: 15px; }
  .approved-plcc-container .text-approved {
    max-width: 712px;
    margin: 0 auto 20px; }
    .approved-plcc-container .text-approved sup {
      font-size: .8em; }
  .approved-plcc-container .img-offer {
    width: 118px;
    margin-top: 13px; }
  .approved-plcc-container .approved-coupon-value-container {
    width: calc(100% - 118px);
    display: inline-block;
    text-align: center;
    padding: 0px 34px 0px 44px; }
    .approved-plcc-container .approved-coupon-value-container input[type=text]:disabled {
      opacity: 1;
      color: #333333;
      border-bottom: 1px solid #f7f7f7; }
  .approved-plcc-container .text-approved {
    padding: 0 10px 30px;
    margin-bottom: 37px;
    display: inline-block;
    width: 100%; }
  .approved-plcc-container .offer-title {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 6px; }
  .approved-plcc-container .welcome-offer-container {
    width: 493px;
    margin: 0px auto 30px;
    margin-top: -10px;
    border: none; }
    .approved-plcc-container .welcome-offer-container:after {
      content: '';
      height: 1px;
      background-color: #e3e3e3;
      width: 720px;
      display: block;
      position: relative;
      left: -138px;
      bottom: -30px; }
  .approved-plcc-container .button-offer {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    text-decoration: underline;
    text-transform: none;
    text-align: center;
    padding: 0px;
    height: auto;
    margin: 0px;
    margin-top: 12px; }
  .approved-plcc-container .message-offer,
  .approved-plcc-container .message-offer-large {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    text-align: center;
    position: relative;
    display: inline-block;
    margin-top: 10px;
    width: 100%; }
  .approved-plcc-container .offer-code {
    width: 100%;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 0px;
    height: 50px; }
  .approved-plcc-container .message-bag strong {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333; }
  .approved-plcc-container .button-continue-shopping,
  .approved-plcc-container .button-checkout {
    width: 350px;
    display: block;
    margin: 0 auto 20px; }
  .approved-plcc-container .details {
    margin-bottom: 20px; }
  .approved-plcc-container .notification {
    margin-top: -20px; }

/* Modal */
.overlay-form-plcc .approved-plcc-container .welcome-offer-container {
  width: 450px;
  margin: 37px auto 30px;
  margin-top: 0px; }

.overlay-form-plcc .approved-plcc-container .approved-coupon-value-container {
  padding: 0px;
  padding-right: 30px; }

.overlay-form-plcc .approved-plcc-container .offer-title {
  margin-bottom: 10px; }

.overlay-form-plcc .approved-plcc-container .button-offer {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.42;
  text-transform: uppercase;
  color: #333333;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-decoration: underline;
  text-transform: none;
  text-align: center; }

.overlay-form-plcc .approved-plcc-container .approved-coupon-value-container {
  width: calc(100% - 112px); }

.overlay-form-plcc .approved-plcc-container .img-offer {
  width: 112px;
  margin-top: -7px; }

.overlay-form-plcc .approved-plcc-container .message-offer-large {
  /* NOTE: the following style is a litle strange, but the issue was specific about size. DT-25644 */
  width: calc(100% + 320px);
  left: -85px;
  margin-top: 10px; }
@charset "UTF-8";
/*
* Under Review Plcc Desktop
*/
/*
* Under Review Plcc Mobile
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.under-review-container {
  padding: 25px;
  text-align: center;
  background-color: #ffffff; }
  .under-review-container .title-under-review {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    margin-bottom: 20px;
    margin-top: 10px; }
  .under-review-container .message-under-review {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    margin-bottom: 30px; }
  .under-review-container .button-checkout, .under-review-container .button-continue-shopping {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #ca0088;
    margin-bottom: 20px; }
    .under-review-container .button-checkout.focused, .under-review-container .focused.button-continue-shopping, .under-review-container .button-checkout:focus, .under-review-container .button-continue-shopping:focus {
      background-color: #ca0088; }
    .under-review-container .button-checkout.pressed, .under-review-container .pressed.button-continue-shopping, .under-review-container .button-checkout:active, .under-review-container .button-continue-shopping:active {
      background-color: #ca0088; }
    .under-review-container .button-checkout.disabled, .under-review-container .disabled.button-continue-shopping, .under-review-container .button-checkout:disabled, .under-review-container .button-continue-shopping:disabled {
      background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
    .under-review-container .button-checkout.loading:before, .under-review-container .loading.button-continue-shopping:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F11B";
      -webkit-animation: 2s rotate linear infinite;
      animation: 2s rotate linear infinite; }
  .under-review-container .button-continue-shopping {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #ca0088; }
    .under-review-container .button-continue-shopping.focused, .under-review-container .button-continue-shopping:focus {
      background-color: #ca0088; }
    .under-review-container .button-continue-shopping.pressed, .under-review-container .button-continue-shopping:active {
      background-color: #ca0088; }
    .under-review-container .button-continue-shopping.disabled, .under-review-container .button-continue-shopping:disabled {
      background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
    .under-review-container .button-continue-shopping.loading:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F11B";
      -webkit-animation: 2s rotate linear infinite;
      animation: 2s rotate linear infinite; }
    .under-review-container .button-continue-shopping.button-with-bag {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 0;
      display: inline-block;
      color: #ffffff;
      cursor: pointer;
      text-align: center;
      text-decoration: none;
      padding: 0 10px;
      border: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-background-clip: padding;
      -moz-background-clip: padding;
      background-clip: padding-box;
      width: 100%;
      height: 48.3px;
      line-height: 50.3px;
      background-color: #333333;
      color: #333333;
      background-color: #ffffff;
      /* white */
      -webkit-box-shadow: inset 0 0 0 1px #333333;
      -moz-box-shadow: inset 0 0 0 1px #333333;
      box-shadow: inset 0 0 0 1px #333333;
      /* border inside box */ }
      .under-review-container .button-continue-shopping.button-with-bag.focused, .under-review-container .button-continue-shopping.button-with-bag:focus {
        background-color: #333333; }
      .under-review-container .button-continue-shopping.button-with-bag.pressed, .under-review-container .button-continue-shopping.button-with-bag:active {
        background-color: #333333; }
      .under-review-container .button-continue-shopping.button-with-bag.disabled, .under-review-container .button-continue-shopping.button-with-bag:disabled {
        background-color: #999999; }

.overlay-form-plcc .under-review-container {
  min-height: calc(100vh - 20px); }

.under-review-container {
  width: 780px;
  display: block;
  margin: 0 auto; }
  .under-review-container .title-under-review {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    margin-top: 6px; }
  .under-review-container .button-checkout, .under-review-container .button-continue-shopping {
    width: 350px;
    display: block;
    margin: 0 auto 20px; }
  .under-review-container .button-continue-shopping.button-with-bag {
    width: 350px; }

/* Modal */
.overlay-form-plcc .under-review-container {
  min-height: auto; }
  .overlay-form-plcc .under-review-container .title-under-review {
    margin-top: 0px; }
@charset "UTF-8";
/*
* Time Out Modal (Desktop)
*/
/*
* Time Out Modal (Mobile)
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.timeout-modal-container {
  background: #ffffff;
  padding: 12px;
  text-align: center;
  position: relative;
  height: calc(100vh - 20px);
  overflow-y: auto; }
  .timeout-modal-container .first-alert,
  .timeout-modal-container .second-alert {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: calc(100% - 24px);
    padding: 10px 0px; }
  .timeout-modal-container img {
    width: 180px;
    display: block;
    margin: 0 auto;
    left: -16px;
    position: relative;
    margin-top: 15px; }
  .timeout-modal-container .title-promo {
    margin: 25px 0px 20px;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.28;
    text-transform: none;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .timeout-modal-container .text-promo {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    margin-bottom: 27px;
    line-height: 20px; }
    .timeout-modal-container .text-promo.current-time {
      margin-bottom: 21px; }
    .timeout-modal-container .text-promo strong {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
  .timeout-modal-container .button-continue-acceptance, .timeout-modal-container .button-restart {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #ca0088;
    width: calc(100% - 25px);
    display: block;
    margin: 0 auto;
    margin-bottom: 20px; }
    .timeout-modal-container .button-continue-acceptance.focused, .timeout-modal-container .focused.button-restart, .timeout-modal-container .button-continue-acceptance:focus, .timeout-modal-container .button-restart:focus {
      background-color: #ca0088; }
    .timeout-modal-container .button-continue-acceptance.pressed, .timeout-modal-container .pressed.button-restart, .timeout-modal-container .button-continue-acceptance:active, .timeout-modal-container .button-restart:active {
      background-color: #ca0088; }
    .timeout-modal-container .button-continue-acceptance.disabled, .timeout-modal-container .disabled.button-restart, .timeout-modal-container .button-continue-acceptance:disabled, .timeout-modal-container .button-restart:disabled {
      background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
    .timeout-modal-container .button-continue-acceptance.loading:before, .timeout-modal-container .loading.button-restart:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F11B";
      -webkit-animation: 2s rotate linear infinite;
      animation: 2s rotate linear infinite; }
  .timeout-modal-container .button-restart {
    margin-bottom: 15px; }
  .timeout-modal-container .button-return {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    color: #333333;
    -webkit-box-shadow: inset 0 0 0 1px #333333;
    -moz-box-shadow: inset 0 0 0 1px #333333;
    box-shadow: inset 0 0 0 1px #333333;
    /* border inside box */
    background-color: #ffffff;
    width: calc(100% - 25px);
    display: block;
    margin: 0 auto; }

.overlay-timeout-plcc .overlay-container {
  width: 800px; }

.timeout-modal-container {
  height: initial;
  overflow-y: auto;
  /* Both modals */ }
  .timeout-modal-container .first-alert,
  .timeout-modal-container .second-alert {
    top: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    position: relative;
    width: auto;
    padding: initial; }
  .timeout-modal-container img {
    width: 240px; }
  .timeout-modal-container .title-promo {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1.21;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: none;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto; }
    .timeout-modal-container .title-promo br {
      display: none; }
    .timeout-modal-container .title-promo.current-time {
      white-space: nowrap; }
  .timeout-modal-container .text-promo {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto; }
  .timeout-modal-container .button-continue-acceptance, .timeout-modal-container .button-restart,
  .timeout-modal-container .button-restart,
  .timeout-modal-container .button-return {
    width: calc(100% - 370px);
    margin-left: auto;
    margin-right: auto; }
  .timeout-modal-container .button-close {
    position: relative;
    vertical-align: middle;
    height: 22px;
    width: 22px;
    font-size: 0px;
    position: absolute;
    margin: 10px;
    right: -10px;
    top: -25px;
    z-index: 9; }
    .timeout-modal-container .button-close:before, .timeout-modal-container .button-close:after {
      content: '';
      position: relative;
      display: block;
      background: #333333;
      margin: auto; }
    .timeout-modal-container .button-close:before, .timeout-modal-container .button-close:after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .timeout-modal-container .button-close:before {
      width: 18px;
      height: 2px;
      top: 8px; }
    .timeout-modal-container .button-close:after {
      height: 18px;
      width: 2px;
      top: -2px; }
    .timeout-modal-container .button-close:before {
      width: 16px;
      top: 7px;
      background-color: #333333; }
    .timeout-modal-container .button-close:after {
      height: 16px;
      background-color: #333333; }
@charset "UTF-8";
/*
* Plcc Form Desktop
*/
/*
* Plcc Form Mobile
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.plcc-form {
  /* Inline Pre-screen code (Input) NOTE: enhancement DT-27573 */
  /* Inline Pre-screen code (Input) NOTE: enhancement DT-27573 */
  /* Form */
  /* Text */
  /*Form Personal Info */ }
  .plcc-form.border-form {
    background: transparent url("/wcsstore/static/images/pt-blue-stripes.png") repeat 0 0;
    padding: 10px; }
  .plcc-form > div {
    background-color: #ffffff;
    padding: 10px; }
  .plcc-form .plcc-terms-notice-container {
    padding-top: 13px; }
  .plcc-form .plcc-agreements-container + .inline-error-message {
    margin-top: 20px; }
  .plcc-form .title-first {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-align: center;
    margin-bottom: 25px; }
  .plcc-form .message,
  .plcc-form .list-apply,
  .plcc-form .title-list-apply {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333; }
    .plcc-form .message b,
    .plcc-form .list-apply b,
    .plcc-form .title-list-apply b {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      color: #5da4e3; }
  .plcc-form .message {
    margin-bottom: 10px; }
  .plcc-form .title-list-apply {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .plcc-form .list-apply {
    padding-left: 10px;
    list-style-type: disc;
    margin-bottom: 25px; }
    .plcc-form .list-apply li {
      margin-bottom: 4px; }
  .plcc-form .message-review {
    margin-bottom: 40px;
    /* Inline Pre-screen code (Input) NOTE: enhancement DT-27573 */ }
    .plcc-form .message-review + .inline-pre-screen-code-container {
      margin-top: -20px; }
    .plcc-form .message-review + .input-pre-screen-code-container {
      margin-top: -20px; }
  .plcc-form .inline-pre-screen-code-container {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: solid 1px rgba(51, 51, 51, 0.11); }
    .plcc-form .inline-pre-screen-code-container button,
    .plcc-form .inline-pre-screen-code-container a {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0;
      line-height: 1.15;
      text-decoration: none;
      text-transform: none;
      color: #333333;
      text-decoration: underline; }
  .plcc-form .input-pre-screen-code-container .input-title:empty {
    display: none; }
    .plcc-form .input-pre-screen-code-container .input-title:empty + input[type=text],
    .plcc-form .input-pre-screen-code-container .input-title:empty + input[type=email],
    .plcc-form .input-pre-screen-code-container .input-title:empty + input[type=tel],
    .plcc-form .input-pre-screen-code-container .input-title:empty + input[type=number],
    .plcc-form .input-pre-screen-code-container .input-title:empty + input[type=password] {
      margin-top: 0px; }
  .plcc-form .input-pre-screen + .label-error {
    margin-top: -20px;
    margin-bottom: 20px; }
    .plcc-form .input-pre-screen + .label-error button,
    .plcc-form .input-pre-screen + .label-error a {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0.25px;
      line-height: 1.38;
      color: #cc3300;
      text-decoration: underline; }
  .plcc-form .input-pre-screen + .error-box {
    margin-bottom: 20px; }
    .plcc-form .input-pre-screen + .error-box button,
    .plcc-form .input-pre-screen + .error-box a {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.45;
      color: #cc3300;
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      text-decoration: underline; }
  .plcc-form .input-pre-screen + .label-error {
    padding-left: 24px; }
    .plcc-form .input-pre-screen + .label-error .inline-error-message {
      text-indent: -12px; }
  .plcc-form .pre-screen-code-message {
    margin-top: 8px; }
    .plcc-form .pre-screen-code-message + .inline-error-message {
      margin-top: 5px; }
  .plcc-form .input-common {
    margin-bottom: 20px;
    position: relative;
    vertical-align: top; }
  .plcc-form .label-error .inline-error-message {
    white-space: normal; }
  .plcc-form .input-first-name {
    width: calc(80% - 8px);
    display: inline-block;
    margin-top: 0px;
    margin-right: 16px; }
  .plcc-form .input-m-i {
    width: calc(20% - 8px);
    position: relative;
    right: 0; }
  .plcc-form .input-phone-number {
    margin-bottom: 0; }
  .plcc-form .message-required {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.42;
    margin-top: 5px;
    margin-bottom: 20px; }
  .plcc-form .message-information {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.42;
    padding: 20px 15px;
    margin: 0 -10px 20px;
    background-color: #f7f7f7; }
    .plcc-form .message-information strong {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
    .plcc-form .message-information a {
      color: #333333; }
  .plcc-form .title-data-birth {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.42;
    margin-top: 10px;
    display: block; }
  .plcc-form .input-phone-number {
    margin-bottom: 20px; }
  .plcc-form .title-electronic {
    margin-bottom: 10px; }
  .plcc-form .select-day,
  .plcc-form .select-month,
  .plcc-form .select-year {
    margin-right: 10px;
    vertical-align: top; }
  .plcc-form .select-year {
    width: 30%; }
  .plcc-form .select-month {
    width: 30%; }
  .plcc-form .select-day {
    width: 30%; }
  .plcc-form .input-digits-ssn {
    width: 80%; }
    .plcc-form .input-digits-ssn .inline-error-message {
      white-space: normal;
      overflow: hidden; }
  .plcc-form .checkbox-term-and-conditions {
    margin-bottom: 11px;
    /* @FIXME: DT-2276 Validar este cambio*/ }
    .plcc-form .checkbox-term-and-conditions .input-checkbox-title {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.36;
      text-decoration: none;
      text-transform: none;
      color: #666666; }
    .plcc-form .checkbox-term-and-conditions .input-checkbox-icon-unchecked:before,
    .plcc-form .checkbox-term-and-conditions .input-checkbox-icon-checked:before {
      -webkit-box-shadow: inset 0 0 0 2px #333333;
      -moz-box-shadow: inset 0 0 0 2px #333333;
      box-shadow: inset 0 0 0 2px #333333; }
  .plcc-form .button-disagree {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #666666;
    text-decoration: underline;
    margin: 22px auto;
    display: block; }
  .plcc-form .financial-tems-container {
    margin: 8px -10px 17px;
    width: calc(100% + 20px);
    height: 750px;
    border: 1px solid #999999;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll; }
    .plcc-form .financial-tems-container iframe {
      width: 100%;
      height: 100%; }
  .plcc-form .button-print {
    text-decoration: underline; }
  .plcc-form .open-an-account-button, .plcc-form .open-an-account-spinner-container {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #333333;
    background-color: #ca0088;
    width: calc(100% - 30px);
    margin-left: 16px; }
    .plcc-form .open-an-account-button.focused, .plcc-form .focused.open-an-account-spinner-container, .plcc-form .open-an-account-button:focus, .plcc-form .open-an-account-spinner-container:focus {
      background-color: #333333; }
    .plcc-form .open-an-account-button.pressed, .plcc-form .pressed.open-an-account-spinner-container, .plcc-form .open-an-account-button:active, .plcc-form .open-an-account-spinner-container:active {
      background-color: #333333; }
    .plcc-form .open-an-account-button.disabled, .plcc-form .disabled.open-an-account-spinner-container, .plcc-form .open-an-account-button:disabled, .plcc-form .open-an-account-spinner-container:disabled {
      background-color: #999999; }
  .plcc-form .open-an-account-spinner {
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 auto; }
  .plcc-form .label-error.select-month .inline-error-message {
    white-space: nowrap; }
  .plcc-form .label-error + .select-day .selection,
  .plcc-form .label-error + .select-day + .select-year .selection {
    border-bottom: 2px solid #c60808; }

/* This section deals with setting the view on click of the print button */
@media print {
  html, body {
    width: 800px; }
  .ReactModal__Body--open {
    overflow: visible;
    position: static;
    height: auto;
    width: auto; }
  #tcp[aria-hidden=true] {
    display: none; }
  .desktop-tabed-drawers-container {
    display: none; }
  .overlay-form-plcc {
    height: 100%;
    width: 100%;
    overflow: visible;
    position: static; }
    .overlay-form-plcc .overlay-container {
      padding: 0;
      max-height: none;
      height: 12600px;
      overflow: visible !important;
      position: relative;
      top: 0;
      left: 0;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
  .financial-tems-container {
    height: 20000px !important;
    width: 796px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999;
    background-color: #ffffff; }
  #sk_tcp_mobileFooter {
    display: none; } }

.overlay-form-plcc .overlay-container {
  width: 800px;
  overflow: auto; }

.overlay-form-plcc .modal-header .button-modal-close {
  right: 10px;
  top: 10px; }

.plcc-form {
  padding: 43px 20px 20px;
  width: 780px;
  display: block;
  margin: 0 auto;
  background: none;
  background-color: #ffffff; }
  .plcc-form .title-first {
    display: none; }
  .plcc-form .plcc-terms-notice-container {
    padding-top: 0px; }
  .plcc-form .card-with-smile-container {
    display: inline-block;
    width: 230px;
    margin: 0px;
    padding: 0px;
    padding-top: 28px;
    padding-left: 10px;
    padding-right: 17px;
    vertical-align: top; }
  .plcc-form .plcc-terms-notice-content {
    width: calc(100% - 230px);
    display: inline-block;
    vertical-align: top;
    padding-left: 20px; }
  .plcc-form .message {
    margin-bottom: 30px; }
  .plcc-form .message-review {
    margin-top: 10px;
    /* Inline Pre-screen code (Input) NOTE: enhancement DT-27573 */ }
    .plcc-form .message-review + .inline-pre-screen-code-container {
      margin-top: 0px; }
    .plcc-form .message-review + .input-pre-screen-code-container {
      margin-top: 0px; }
  .plcc-form .inline-pre-screen-code-container {
    padding-bottom: 20px;
    margin-bottom: 30px; }
    .plcc-form .inline-pre-screen-code-container .message {
      margin-bottom: 0px; }
  .plcc-form .message-review {
    margin-left: 250px; }
  .plcc-form .title-contact {
    margin-bottom: 30px; }
  .plcc-form .input-common {
    width: calc(50% - 20px);
    vertical-align: top; }
  .plcc-form .input-first-name {
    width: 37%;
    margin-right: 20px; }
  .plcc-form .input-m-i {
    width: 8%; }
  .plcc-form .input-m-i,
  .plcc-form .input-address-one,
  .plcc-form .input-city,
  .plcc-form .input-phone-number {
    margin-right: 35px; }
  .plcc-form .input-zip-code {
    float: none;
    width: 22.3%; }
  .plcc-form .input-alt-phone-number {
    margin-bottom: 0; }
  .plcc-form .select-state {
    width: 22.3%;
    margin-right: 20px; }
  .plcc-form .select-day,
  .plcc-form .select-month,
  .plcc-form .select-year {
    width: 15%;
    vertical-align: top; }
    .plcc-form .select-day .inline-error-message,
    .plcc-form .select-month .inline-error-message,
    .plcc-form .select-year .inline-error-message {
      white-space: normal; }
  .plcc-form .input-digits-ssn {
    width: 36%;
    position: relative;
    top: -19px;
    margin-left: 30px; }
  .plcc-form .title {
    margin-bottom: 30px; }
  .plcc-form .checkbox-term-and-conditions {
    width: 100%;
    margin: 10px 0;
    /* @FIXME: DT-2276 Validar este cambio*/ }
    .plcc-form .checkbox-term-and-conditions .input-checkbox-title {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.33;
      text-transform: none;
      color: #666666; }
  .plcc-form .message-information {
    margin: 0 0 30px; }
  .plcc-form .button-submit, .plcc-form .open-an-account-spinner-container {
    width: 350px;
    margin: 20px auto;
    display: block;
    letter-spacing: 1px; }
  .plcc-form .button-disagree {
    margin: 13px auto 0; }
  .plcc-form .financial-tems-container {
    height: 470px; }
  .plcc-form .plcc-agreements-container .title {
    margin-bottom: 1px; }
@charset "UTF-8";
/*
* Gift Cards Modal Desktop
*/
/*
* Gift Cards Modal Mobile
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.overlay-gift-card-balance .gift-cards-modal {
  background-color: #ffffff;
  height: 100%; }

.overlay-gift-card-balance .modal-title {
  text-transform: capitalize; }

.overlay-gift-card-balance .steps-container {
  margin: 20px 0px; }
  .overlay-gift-card-balance .steps-container h3 {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .overlay-gift-card-balance .steps-container p {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    margin-bottom: 20px; }
    .overlay-gift-card-balance .steps-container p:last-of-type {
      margin-bottom: 0px; }
  .overlay-gift-card-balance .steps-container span {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666; }

.overlay-gift-card-balance .input-gift-card,
.overlay-gift-card-balance .input-pin {
  margin-bottom: 20px;
  vertical-align: top; }

.overlay-gift-card-balance .input-title {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.15;
  text-decoration: none;
  text-transform: none;
  color: #333333;
  margin-top: 6px; }

.overlay-gift-card-balance .button-check {
  margin-bottom: 10px;
  margin-top: 40px; }

.overlay-gift-card-balance .button-cancel {
  background-color: #ffffff;
  border: 1px solid #333333;
  color: #333333; }

.overlay-gift-card-balance .images-container {
  display: inline-block;
  position: relative;
  margin-bottom: 15px; }

.overlay-gift-card-balance .img-gc {
  width: 49%; }
  .overlay-gift-card-balance .img-gc:first-child {
    margin-right: 2%; }

.overlay-gift-card-balance .recaptcha {
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  width: 100%; }

.overlay-gift-card-balance .current-balance {
  text-transform: capitalize;
  background-color: #999999;
  cursor: auto;
  margin-bottom: 10px; }

.overlay-gift-card-balance .gift-card-balance-error label {
  display: none; }

.overlay-gift-card-balance .gift-card-balance-error .input-title-placeholder {
  display: none; }

.overlay-gift-card-balance .overlay-container {
  width: 850px;
  overflow: auto;
  padding: 10px 20px 20px; }

.overlay-gift-card-balance .modal-header {
  margin: 20px 0; }

.overlay-gift-card-balance .images-container {
  vertical-align: top;
  width: 25%;
  margin-bottom: 0px; }
  .overlay-gift-card-balance .images-container .img-gc {
    width: 100%; }

.overlay-gift-card-balance .steps-container {
  width: 70%;
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: top;
  padding-right: 20px; }

.overlay-gift-card-balance .input-gift-card {
  width: 40%;
  margin-right: 20px; }

.overlay-gift-card-balance .input-pin {
  width: 15%;
  margin-right: 20px; }

.overlay-gift-card-balance .buttons-container {
  width: 410px;
  margin: 40px auto 10px; }

.overlay-gift-card-balance .button-check,
.overlay-gift-card-balance .button-cancel {
  width: 200px; }

.overlay-gift-card-balance .button-check {
  margin: 0;
  float: right; }

.overlay-gift-card-balance .current-balance {
  display: inline-block;
  width: auto;
  padding: 0 55px;
  margin: 0; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Fieldset con los distintos Inputs (tipo Select) */
.country-selector-elements {
  padding: 18px 0px 0px;
  /* Botón que guarda las preferencias (Save) */
  /* Selects */
  /* Nota de términos y condiciones */ }
  .country-selector-elements button {
    margin: 21px 0px 23px; }
  .country-selector-elements label {
    margin-bottom: 22px;
    /* Último Select del listado */ }
    .country-selector-elements label:last-of-type {
      border-bottom: 0px; }
  .country-selector-elements .note-clarification {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    border-top: solid 1px #999999;
    padding-top: 14px;
    letter-spacing: initial;
    /* Tag "Nota" */ }
    .country-selector-elements .note-clarification span {
      font-family: 'Avenir';
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      text-transform: uppercase; }
    .country-selector-elements .note-clarification a {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.45;
      color: #333333;
      text-decoration: underline; }
.ship-to .container-popup {
  padding: 38px 89px 38px; }
@charset "UTF-8";
/**
** Country Selector
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Componente que controla el cambio de divisas y lenguaje, primer nivel de footer */
.country-selector {
  position: relative;
  display: block; }
  .country-selector .title-country-selector {
    display: inline-block;
    position: relative;
    top: -2px; }
  .country-selector .flag-coutry-selector {
    margin-left: 20px; }
@charset "UTF-8";
/**
** Social Networks
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
** Country Selector
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Componente que controla el cambio de divisas y lenguaje, primer nivel de footer */
.country-selector {
  position: relative;
  display: block; }
  .country-selector .title-country-selector {
    display: inline-block;
    position: relative;
    top: -2px; }
  .country-selector .flag-coutry-selector {
    margin-left: 20px; }

.social-networks {
  display: block;
  float: none;
  text-align: left;
  left: 0; }
  .social-networks .title-social-networks {
    display: block; }

/* Social Networks */
.icon-fcbk,
.icon-pinterest,
.icon-instagram {
  margin-left: 20px; }

.icon-twitter {
  margin-left: 0; }
@charset "UTF-8";
/**
** Footer Navigation
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.navigation-and-newsletter {
  padding-top: 23px;
  padding-bottom: 42px;
  padding-left: 0px;
  padding-right: 0px; }
  .navigation-and-newsletter h4 {
    margin-bottom: 5px; }

/* 1260 - 300px (signup form) */
.footer-navigation {
  width: 100%;
  height: auto;
  padding: 0px; }
  .footer-navigation .list-navigation {
    padding: 0;
    float: left;
    display: inline-block;
    position: relative;
    border: 0; }
    .footer-navigation .list-navigation h4 {
      text-transform: uppercase; }
    .footer-navigation .list-navigation.list-navigation-open h4 {
      margin-bottom: 5px; }
    .footer-navigation .list-navigation:after, .footer-navigation .list-navigation:before {
      width: 0;
      height: 0; }
    .footer-navigation .list-navigation:nth-of-type(1) {
      width: 14%;
      margin-right: 1%; }
    .footer-navigation .list-navigation:nth-of-type(2) {
      width: 17%;
      margin-right: 3%; }
    .footer-navigation .list-navigation:nth-of-type(3), .footer-navigation .list-navigation:nth-of-type(4) {
      width: 12%;
      margin-right: 1%; }
    .footer-navigation .list-navigation:nth-of-type(5) {
      width: 12%; }
    .footer-navigation .list-navigation:last-of-type {
      clear: right; }
    .footer-navigation .list-navigation .container-navigation {
      display: block; }
  .footer-navigation .item-navigation-link {
    color: #333333;
    margin: 0px;
    margin-bottom: 10px; }
  .footer-navigation .navigation-with-promo-image {
    margin-bottom: 6px;
    margin-top: 2px; }

.footer-global-ca .list-navigation:nth-of-type(1), .footer-global-ca .list-navigation:nth-of-type(2), .footer-global-ca .list-navigation:nth-of-type(3) {
  width: 13%;
  margin-right: 0;
  padding-right: 25px; }

.footer-global-ca .list-navigation:nth-of-type(1) {
  text-align: center;
  margin-left: 25px;
  margin-right: 30px; }

.footer-global-ca .sign-in-to-newsletter {
  margin: 0; }
@charset "UTF-8";
/**
** Legal Information
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.copyright-and-legal-information {
  border-bottom: 0; }

.legal-information {
  padding-bottom: 30px;
  margin-top: -4px;
  /* Items de navegación dentro de esta sección */ }
  .legal-information .logo-tcp-children-footer {
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 28px;
    left: -1px; }
  .legal-information .item-navigation-link {
    text-align: left;
    padding: 0px;
    margin-right: 18px;
    margin-top: 0; }
  .legal-information .copyright-and-navigation,
  .legal-information .item-navigation {
    display: inline-block;
    left: 3px;
    border: 0; }
  .legal-information .copyright-and-navigation {
    width: 100%;
    left: -3px; }
  .legal-information .copyright-information {
    display: inline-block;
    text-align: left;
    width: auto;
    padding: 0; }
  .legal-information .item-navigation {
    float: right;
    width: auto;
    padding: 0px; }
    .legal-information .item-navigation .item-navigation-link {
      margin-right: 0px;
      margin-left: 18px;
      display: inline-block;
      padding: 0px; }
@charset "UTF-8";
/*
** Footer Mobile
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.social-networks > h3,
.country-selector > h3, .social-networks > h3 {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #333333;
  line-height: 22px;
  display: inline-block; }

.list-navigation > h4,
.sign-in-to-newsletter > h4 {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #333333;
  line-height: 22px;
  display: inline-block; }

/* Country selector and Social Networks */
.country-select-and-social-networks {
  padding: 0px 15px;
  line-height: 65px;
  height: 60px;
  overflow: hidden; }
  .country-select-and-social-networks:before, .country-select-and-social-networks:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: rgba(51, 51, 51, 0.11);
    left: 0; }
  .country-select-and-social-networks:before {
    margin-top: -1px; }
  .country-select-and-social-networks:after {
    margin-top: 60px; }

/**
** Country Selector
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/* Componente que controla el cambio de divisas y lenguaje, primer nivel de footer */
.country-selector, .social-networks {
  display: inline-block;
  /* Bandera */ }
  .country-selector .title-country-selector, .social-networks .title-country-selector {
    display: none; }
  .country-selector .flag-coutry-selector, .social-networks .flag-coutry-selector {
    position: relative;
    margin-right: 13px;
    top: 5px; }

.content-language {
  display: inline-block;
  position: relative;
  top: -1px; }
  .content-language > button {
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    /* Not is in styleguides as mixin */
    letter-spacing: 1.2px;
    line-height: 1;
    padding: 0 6px;
    border-left: 1px solid #999999;
    text-transform: uppercase;
    opacity: 0.35;
    position: relative; }
    .content-language > button.selected-language {
      opacity: 1; }
    .content-language > button:nth-child(1) {
      border: 0;
      padding-left: 4px; }

/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Fieldset con los distintos Inputs (tipo Select) */
.country-selector-elements {
  padding: 18px 0px 0px;
  /* Botón que guarda las preferencias (Save) */
  /* Selects */
  /* Nota de términos y condiciones */ }
  .country-selector-elements button {
    margin: 21px 0px 23px; }
  .country-selector-elements label {
    margin-bottom: 22px;
    /* Último Select del listado */ }
    .country-selector-elements label:last-of-type {
      border-bottom: 0px; }
  .country-selector-elements .note-clarification {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    border-top: solid 1px #999999;
    padding-top: 14px;
    letter-spacing: initial;
    /* Tag "Nota" */ }
    .country-selector-elements .note-clarification span {
      font-family: 'Avenir';
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      text-transform: uppercase; }
    .country-selector-elements .note-clarification a {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.45;
      color: #333333;
      text-decoration: underline; }

/**
** Social Networks
*/
/* Componente de Social Networks (iconos) */
.social-networks {
  float: right;
  text-align: right;
  left: 2px; }
  .social-networks .title-social-networks {
    display: none; }

.icon-twitter,
.icon-fcbk,
.icon-pinterest,
.icon-instagram {
  width: 37px;
  height: 37px;
  top: 10.5px;
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #e3e3e3;
  /* El ícono es calado */
  margin-left: 10px; }
  .icon-twitter:before,
  .icon-fcbk:before,
  .icon-pinterest:before,
  .icon-instagram:before {
    position: relative;
    font-size: 37px;
    top: -3px;
    left: 0px;
    z-index: 1; }
  .icon-twitter:after,
  .icon-fcbk:after,
  .icon-pinterest:after,
  .icon-instagram:after {
    content: "";
    background-color: #333333;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    width: 29px;
    height: 29px;
    display: inline-block;
    top: 3px;
    left: 4px; }

.icon-twitter {
  margin-left: 21px; }
  .icon-twitter:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F137"; }

.icon-fcbk:before {
  display: inline-block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\F134"; }

.icon-pinterest:before {
  display: inline-block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\F136"; }

.icon-instagram:before {
  display: inline-block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\F135"; }

/**
** Footer Navigation
**/
/* Contenedor de la Navegación del footer e input My Place Rewards (email) */
.navigation-and-newsletter {
  padding: 0px 15px;
  display: block;
  width: auto;
  height: auto;
  position: relative;
  *zoom: 1; }
  .navigation-and-newsletter:after {
    content: "";
    display: table;
    clear: both; }
  .navigation-and-newsletter .title-item-category {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    display: block;
    padding: 14px 0px; }

/* Navigation from footer (all the links) */
.footer-navigation {
  display: block;
  /* Contenedor de listado (solo links) de navegación */
  /* Items Links de la navegación */ }
  .footer-navigation .list-navigation {
    display: block;
    position: relative;
    width: 100%;
    border-bottom: solid 1px #e3e3e3; }
    .footer-navigation .list-navigation:last-of-type {
      border-bottom: 0;
      margin-bottom: 6px; }
  .footer-navigation .container-navigation {
    display: none; }
  .footer-navigation .title-item-category {
    /* Icono chevron para desplegar Dropdown */
    /* Cuando el dropdown de la lista de navegación está desplegado, mostrando los links */ }
    .footer-navigation .title-item-category:after, .footer-navigation .title-item-category:before {
      content: '';
      position: absolute;
      width: 9px;
      height: 2px;
      border-radius: 15px;
      background: #333333;
      display: inline-block;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      right: 6px;
      bottom: 16px; }
    .footer-navigation .title-item-category:after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      right: 0.5px; }
    .footer-navigation .title-item-category:before, .footer-navigation .title-item-category:after {
      top: 24px;
      bottom: auto;
      right: 8px; }
    .footer-navigation .title-item-category:after {
      right: 2.5px; }
    .footer-navigation .title-item-category.list-navigation-open {
      /* Icono chevron */
      /* Icono chevron */
      /* Contenedor de listado (solo links) de navegación */ }
      .footer-navigation .title-item-category.list-navigation-open:before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .footer-navigation .title-item-category.list-navigation-open:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .footer-navigation .title-item-category.list-navigation-open + .container-navigation {
        display: block; }
  .footer-navigation .item-navigation-link {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #666666;
    margin: 18px 0px 17px;
    display: block;
    line-height: normal; }
  .footer-navigation .navigation-with-promo-image {
    position: relative; }

/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
** Sign In To Newsletter
**/
/* Newsletter container */
.sign-in-to-newsletter {
  clear: both;
  display: block;
  width: 100%;
  padding: 30px 0 36px;
  border-bottom: solid 1px #e3e3e3;
  position: relative; }
  .sign-in-to-newsletter .input-with-button > span {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    line-height: 1.45;
    display: block;
    text-transform: none;
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    color: #333333; }
  .sign-in-to-newsletter h4 {
    text-transform: lowercase; }
  .sign-in-to-newsletter .text-notification {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #666666;
    display: block;
    margin-top: 10px; }
    .sign-in-to-newsletter .text-notification a {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.45;
      color: #666666;
      display: inline-block;
      text-decoration: underline; }
    .sign-in-to-newsletter .text-notification.thanks-notification a {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.45;
      color: #666666;
      display: inline-block;
      text-decoration: underline; }
  .sign-in-to-newsletter input[type="text"] + .button-quaternary,
  .sign-in-to-newsletter .button-submit-newsletter {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: auto;
    height: 35px;
    line-height: 37px;
    background-color: #e3e3e3;
    -webkit-box-shadow: inset 0 0 0 1px #ffffff;
    -moz-box-shadow: inset 0 0 0 1px #ffffff;
    box-shadow: inset 0 0 0 1px #ffffff;
    /* border inside box */
    border: 1px solid #e3e3e3;
    /* border outside box */
    position: relative;
    color: #333333;
    width: 70px;
    position: absolute;
    right: 0;
    top: 3px; }
    .sign-in-to-newsletter input[type="text"] + .button-quaternary.disabled, .sign-in-to-newsletter input[type="text"] + .button-quaternary:disabled,
    .sign-in-to-newsletter .button-submit-newsletter.disabled,
    .sign-in-to-newsletter .button-submit-newsletter:disabled {
      border-color: #999999;
      /* border outside box */
      background-color: #999999;
      color: #ffffff; }
    .sign-in-to-newsletter input[type="text"] + .button-quaternary .button-loading,
    .sign-in-to-newsletter .button-submit-newsletter .button-loading {
      width: 30px;
      height: 30px; }
    .sign-in-to-newsletter input[type="text"] + .button-quaternary.button-check,
    .sign-in-to-newsletter .button-submit-newsletter.button-check {
      /* Icono check del botón */ }
      .sign-in-to-newsletter input[type="text"] + .button-quaternary.button-check:after,
      .sign-in-to-newsletter .button-submit-newsletter.button-check:after {
        content: '';
        border: inset 2.5px #ffffff;
        width: 6px;
        height: 11px;
        border-left: none;
        border-top: none;
        top: 25%;
        position: absolute;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
  .sign-in-to-newsletter .newsletter-input .newsletter-input {
    margin-bottom: 0; }
    .sign-in-to-newsletter .newsletter-input .newsletter-input .button-quaternary.button-check:after {
      top: 25%; }
  .sign-in-to-newsletter input[type="text"] + .email-newsletter-complete {
    width: 80px; }
    .sign-in-to-newsletter input[type="text"] + .email-newsletter-complete:after {
      top: 7px;
      left: 36px; }
  .sign-in-to-newsletter .input-and-button-container {
    position: relative; }

/**
** Legal Information
**/
.copyright-and-legal-information {
  border-bottom: 0; }

/* Legal Information */
.legal-information {
  position: relative;
  display: block;
  /* En Legal Information, imagen logotipo de TCP */
  /* Contenedor de copyright y site map / 3er nivel de footer */
  /* Navegación del Site Map */
  /* Texto de Copyright y Slogan */ }
  .legal-information .logo-tcp-children-footer {
    display: none; }
  .legal-information .copyright-and-navigation {
    display: block;
    width: 100%;
    left: 0; }
  .legal-information .copyright-and-navigation {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #666666; }
  .legal-information .item-navigation {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #666666;
    float: none;
    position: relative;
    text-align: left;
    width: 100%;
    border-bottom: solid 1px #e3e3e3;
    border-top: solid 1px #e3e3e3;
    padding: 10px 15px;
    /* Cada Item de la navegación del Site Map */ }
    .legal-information .item-navigation .item-navigation-link {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.45;
      color: #666666;
      display: block;
      padding: 14px 0px; }
  .legal-information .item-navigation-link {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #666666;
    display: inline-block; }
  .legal-information .copyright-information {
    text-align: center;
    display: block;
    width: 100%;
    padding: 25px 0px;
    /* Texto Copyright */ }
    .legal-information .copyright-information .item-navigation-link {
      margin-right: 25px; }

/*
** Footer Desktop
*/
/* Global containers on Footer*/
.country-select-and-social-networks {
  padding: 0;
  height: auto; }
  .country-select-and-social-networks:before, .country-select-and-social-networks:after {
    display: none; }

/**
** Country Selector
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Componente que controla el cambio de divisas y lenguaje, primer nivel de footer */
.country-selector, .social-networks {
  position: relative;
  display: block; }
  .country-selector .title-country-selector, .social-networks .title-country-selector {
    display: inline-block;
    position: relative;
    top: -2px; }
  .country-selector .flag-coutry-selector, .social-networks .flag-coutry-selector {
    margin-left: 20px; }

/**
** Social Networks
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
** Country Selector
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Componente que controla el cambio de divisas y lenguaje, primer nivel de footer */
.country-selector, .social-networks {
  position: relative;
  display: block; }
  .country-selector .title-country-selector, .social-networks .title-country-selector {
    display: inline-block;
    position: relative;
    top: -2px; }
  .country-selector .flag-coutry-selector, .social-networks .flag-coutry-selector {
    margin-left: 20px; }

.social-networks {
  display: block;
  float: none;
  text-align: left;
  left: 0; }
  .social-networks .title-social-networks {
    display: block; }

/* Social Networks */
.icon-fcbk,
.icon-pinterest,
.icon-instagram {
  margin-left: 20px; }

.icon-twitter {
  margin-left: 0; }

/**
** Footer Navigation
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.navigation-and-newsletter {
  padding-top: 23px;
  padding-bottom: 42px;
  padding-left: 0px;
  padding-right: 0px; }
  .navigation-and-newsletter h4 {
    margin-bottom: 5px; }

/* 1260 - 300px (signup form) */
.footer-navigation {
  width: 100%;
  height: auto;
  padding: 0px; }
  .footer-navigation .list-navigation {
    padding: 0;
    float: left;
    display: inline-block;
    position: relative;
    border: 0; }
    .footer-navigation .list-navigation h4 {
      text-transform: uppercase; }
    .footer-navigation .list-navigation.list-navigation-open h4 {
      margin-bottom: 5px; }
    .footer-navigation .list-navigation:after, .footer-navigation .list-navigation:before {
      width: 0;
      height: 0; }
    .footer-navigation .list-navigation:nth-of-type(1) {
      width: 14%;
      margin-right: 1%; }
    .footer-navigation .list-navigation:nth-of-type(2) {
      width: 17%;
      margin-right: 3%; }
    .footer-navigation .list-navigation:nth-of-type(3), .footer-navigation .list-navigation:nth-of-type(4) {
      width: 12%;
      margin-right: 1%; }
    .footer-navigation .list-navigation:nth-of-type(5) {
      width: 12%; }
    .footer-navigation .list-navigation:last-of-type {
      clear: right; }
    .footer-navigation .list-navigation .container-navigation {
      display: block; }
  .footer-navigation .item-navigation-link {
    color: #333333;
    margin: 0px;
    margin-bottom: 10px; }
  .footer-navigation .navigation-with-promo-image {
    margin-bottom: 6px;
    margin-top: 2px; }

.footer-global-ca .list-navigation:nth-of-type(1), .footer-global-ca .list-navigation:nth-of-type(2), .footer-global-ca .list-navigation:nth-of-type(3) {
  width: 13%;
  margin-right: 0;
  padding-right: 25px; }

.footer-global-ca .list-navigation:nth-of-type(1) {
  text-align: center;
  margin-left: 25px;
  margin-right: 30px; }

.footer-global-ca .sign-in-to-newsletter {
  margin: 0; }

/**
** Sign In To Newsletter
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.sign-in-to-newsletter {
  float: right;
  width: 25%;
  clear: none;
  display: inline-block;
  padding: 0;
  border: 0; }
  .sign-in-to-newsletter input[type="text"] + .button-quaternary,
  .sign-in-to-newsletter .button-submit-newsletter {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #333333;
    display: block;
    right: auto;
    top: auto;
    margin-top: 10px; }
    .sign-in-to-newsletter input[type="text"] + .button-quaternary.focused, .sign-in-to-newsletter input[type="text"] + .button-quaternary:focus,
    .sign-in-to-newsletter .button-submit-newsletter.focused,
    .sign-in-to-newsletter .button-submit-newsletter:focus {
      background-color: #333333; }
    .sign-in-to-newsletter input[type="text"] + .button-quaternary.pressed, .sign-in-to-newsletter input[type="text"] + .button-quaternary:active,
    .sign-in-to-newsletter .button-submit-newsletter.pressed,
    .sign-in-to-newsletter .button-submit-newsletter:active {
      background-color: #4873bb; }
    .sign-in-to-newsletter input[type="text"] + .button-quaternary.disabled, .sign-in-to-newsletter input[type="text"] + .button-quaternary:disabled,
    .sign-in-to-newsletter .button-submit-newsletter.disabled,
    .sign-in-to-newsletter .button-submit-newsletter:disabled {
      background-color: #999999; }
  .sign-in-to-newsletter .input-title:empty {
    display: none; }
  .sign-in-to-newsletter .input-with-button > span {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    line-height: 1.45;
    display: block;
    text-transform: none;
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    color: #333333; }
  .sign-in-to-newsletter .newsletter-input {
    margin-bottom: 0; }
    .sign-in-to-newsletter .newsletter-input .button-quaternary.button-check:after {
      top: 25%; }
    .sign-in-to-newsletter .newsletter-input .input-error + .button-submit-newsletter {
      margin-top: 35px; }
  .sign-in-to-newsletter .text-notification {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #666666;
    display: block;
    position: relative;
    margin-top: 10px;
    line-height: 15.5px;
    left: 1px; }
    .sign-in-to-newsletter .text-notification a {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.45;
      color: #666666;
      display: inline-block;
      text-decoration: underline; }
  .sign-in-to-newsletter .label-error .inline-error-message {
    position: relative; }
  .sign-in-to-newsletter .newsletter-input {
    display: inline-block; }

/**
** Legal Information
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.copyright-and-legal-information {
  border-bottom: 0; }

.legal-information {
  padding-bottom: 30px;
  margin-top: -4px;
  /* Items de navegación dentro de esta sección */ }
  .legal-information .logo-tcp-children-footer {
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 28px;
    left: -1px; }
  .legal-information .item-navigation-link {
    text-align: left;
    padding: 0px;
    margin-right: 18px;
    margin-top: 0; }
  .legal-information .copyright-and-navigation,
  .legal-information .item-navigation {
    display: inline-block;
    left: 3px;
    border: 0; }
  .legal-information .copyright-and-navigation {
    width: 100%;
    left: -3px; }
  .legal-information .copyright-information {
    display: inline-block;
    text-align: left;
    width: auto;
    padding: 0; }
  .legal-information .item-navigation {
    float: right;
    width: auto;
    padding: 0px; }
    .legal-information .item-navigation .item-navigation-link {
      margin-right: 0px;
      margin-left: 18px;
      display: inline-block;
      padding: 0px; }
@charset "UTF-8";
/**
* Checkout Header (Desktop)
**/
/**
* Checkout Header (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.header-title-checkout {
  line-height: 70px;
  position: relative;
  display: inline-block;
  width: calc(100% - 131px);
  text-indent: -110px;
  text-align: center; }

.return-to-bag-link {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.15;
  text-decoration: none;
  text-transform: none;
  color: #333333;
  text-decoration: underline;
  color: #666666;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.checkout-header {
  position: relative; }
@charset "UTF-8";
/**
 * Progress Indicators
 */
/**
 * Progress Indicators
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.checkout-progress-indicator {
  padding: 2px 0px;
  overflow: hidden; }

.checkout-progress-bar {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 117%;
  left: -8%;
  position: relative;
  padding-top: 6px; }
  .checkout-progress-bar.pickup-shipping {
    padding: 8px 24px; }
    .checkout-progress-bar.pickup-shipping li {
      width: 25%; }
  .checkout-progress-bar li {
    list-style-type: none;
    width: 33.3%;
    float: left;
    font-size: 12px;
    position: relative;
    text-align: center;
    color: #999999; }
    .checkout-progress-bar li:before {
      width: 14px;
      height: 14px;
      content: "";
      background-color: #999999;
      display: block;
      text-align: center;
      margin: 0 auto 7px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
    .checkout-progress-bar li:after {
      width: 86%;
      height: 2px;
      content: '';
      position: absolute;
      background-color: #999999;
      top: 7px;
      left: -43%;
      z-index: -1; }
    .checkout-progress-bar li:first-child:after {
      content: none; }
    .checkout-progress-bar li button,
    .checkout-progress-bar li span {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 1.67;
      color: #999999;
      text-transform: none; }
    .checkout-progress-bar li button {
      color: #333333; }
    .checkout-progress-bar li.completed:after, .checkout-progress-bar li.completed:before, .checkout-progress-bar li.active:after, .checkout-progress-bar li.active:before {
      background-color: #333333; }
    .checkout-progress-bar li.completed span, .checkout-progress-bar li.active span {
      color: #333333; }
  .checkout-progress-bar .completed:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F12E"; }
  .checkout-progress-bar .completed:before {
    width: 0px;
    font-size: 15px;
    color: black;
    bottom: 0;
    position: inherit;
    display: inherit;
    left: -7px;
    z-index: 1; }
  .checkout-progress-bar .completed .white-background {
    width: 20px;
    height: 10px;
    position: absolute;
    background: white;
    top: 0px;
    right: 44%; }
  .checkout-progress-bar .active:before {
    padding: 1px; }
  .checkout-progress-bar .active .white-dot {
    position: absolute;
    top: 4%;
    border: 2px solid white;
    border-radius: 35px;
    left: 46%;
    padding: 4px; }

.checkout-progress-indicator-title {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333;
  text-transform: uppercase;
  text-align: center; }

.checkout-progress-indicator {
  padding: 0px; }

.checkout-progress-bar.desktop {
  display: block;
  margin: 0px auto;
  width: 660px;
  padding: 18px 0 14px;
  left: auto;
  position: relative; }
  .checkout-progress-bar.desktop.pickup-shipping {
    padding: 18px 0 14px;
    width: 880px; }
  .checkout-progress-bar.desktop li:before {
    margin: 0 auto 10px; }
  .checkout-progress-bar.desktop li:after {
    width: 90%;
    left: -45%; }
  .checkout-progress-bar.desktop .completed:before {
    left: -4px; }
  .checkout-progress-bar.desktop .active .white-dot {
    left: 47.3%; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.checkout-progress-list {
  display: none; }

.checkout-progress-list {
  display: block;
  margin-bottom: 40px; }
  .checkout-progress-list li {
    position: relative;
    margin-top: 8px; }
    .checkout-progress-list li:first-of-type {
      margin-top: 0px; }
    .checkout-progress-list li:before {
      position: absolute;
      top: 5px;
      left: -40px; }
  .checkout-progress-list h2,
  .checkout-progress-list button {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    line-height: 32px; }
    .checkout-progress-list h2:after,
    .checkout-progress-list button:after {
      content: '';
      height: 1px;
      width: 100%;
      background-color: #333333;
      position: absolute;
      bottom: 0px;
      left: 0; }
  .checkout-progress-list .active:before {
    content: none;
    color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #333333;
    width: 22px;
    height: 20px;
    padding: 4px 2px 2px;
    text-align: center; }
  .checkout-progress-list .completed:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F12E"; }
  .checkout-progress-list .completed:before {
    font-size: 26px; }
@charset "UTF-8";
/**
* Order Summary (Desktop)
**/
/**
* Order Summary component
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.checkout-order-summary {
  margin-bottom: 20px;
  padding: 33px 25px 15px;
  background: #ffffff;
  vertical-align: top;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(51, 51, 51, 0.11);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(51, 51, 51, 0.11);
  box-shadow: inset 0px 0px 0px 1px rgba(51, 51, 51, 0.11);
  /* When is Mobile the buttons are fixed */
  /* Mensaje de Free Shipping, cerrando order summary */ }
  .checkout-order-summary .button-container {
    border-top: solid 1px rgba(51, 51, 51, 0.11);
    padding-top: 29px;
    margin-top: 10px; }
    .checkout-order-summary .button-container:empty {
      display: none; }
  .checkout-order-summary .button-primary {
    margin-bottom: 14px; }
  .checkout-order-summary .container-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 4;
    padding: 10px 40px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .checkout-order-summary .container-fixed .error-box {
      width: 204%;
      margin-top: 10px; }
    .checkout-order-summary .container-fixed .checkout-button-container,
    .checkout-order-summary .container-fixed .paypal-button-container {
      width: 48%;
      display: inline-block;
      padding: 0;
      margin: 0;
      -webkit-align-self: normal;
      align-self: normal; }
    .checkout-order-summary .container-fixed .paypal-button-container {
      margin-right: 4%; }
    .checkout-order-summary .container-fixed .button-pay-with-paypal {
      margin-bottom: 14px; }
      .checkout-order-summary .container-fixed .button-pay-with-paypal span {
        font-size: 0; }
    .checkout-order-summary .container-fixed .checkout-button-container .error-box {
      left: -104%; }
    .checkout-order-summary .container-fixed .button-checkout {
      -webkit-align-self: flex-end;
      align-self: flex-end; }
  .checkout-order-summary .submit-order-spinner {
    width: 45px;
    height: 45px;
    display: block;
    margin: 0 auto; }
  .checkout-order-summary .message-free-shipping {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    line-height: 22px;
    color: #333333;
    text-align: center;
    padding: 20px 20px 18px; }
    .checkout-order-summary .message-free-shipping img {
      width: calc(100% + 40px);
      left: -20px;
      position: relative; }
    .checkout-order-summary .message-free-shipping a {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 1.67;
      color: #333333;
      line-height: 22px;
      color: #333333;
      text-decoration: underline; }

/* Order summary: Listado de items a pagar */
.order-summary {
  /* purchase information, item list */
  /* Final Balance */ }
  .order-summary li {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    color: #333333;
    color: #666666;
    padding-bottom: 6px;
    /* amount to add for order total and amount order total */ }
    .order-summary li strong {
      float: right;
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.33;
      color: #333333; }
  .order-summary .estimated-total,
  .order-summary .balance-total {
    margin-top: 13px;
    padding-top: 28px;
    border-top: solid 1px rgba(51, 51, 51, 0.11); }
  .order-summary .estimated-total ~ .balance-total {
    border: 0;
    padding: 0;
    margin-top: 5px; }
  .order-summary .balance-total {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    position: relative;
    margin-bottom: 0; }
    .order-summary .balance-total strong {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 24px;
      letter-spacing: 0;
      line-height: 1.21;
      text-transform: uppercase;
      color: #333333;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      line-height: 26px; }

.checkout-summary {
  position: relative;
  /* Notificación closseness quialifier */
  /* Notificación closseness qualifier */
  /* Elements of Summary checkout when is into an Accordion */
  /* Reset styles */ }
  .checkout-summary .accordion .accordion-button-toggle,
  .checkout-summary .accordion .accordion-element {
    padding-left: 0px;
    padding-right: 0px; }
  .checkout-summary .notification.closeness-quialifier-notification {
    height: auto;
    margin-bottom: -2px; }
  .checkout-summary .closeness-quialifier-notification {
    -webkit-box-shadow: inset 0px 0px 0px 1px #666666;
    -moz-box-shadow: inset 0px 0px 0px 1px #666666;
    box-shadow: inset 0px 0px 0px 1px #666666;
    background-color: #f7f7f7;
    position: relative;
    margin-top: 23px;
    padding: 25px 29px 24px;
    color: green; }
    .checkout-summary .closeness-quialifier-notification:after {
      content: '';
      display: inline-block;
      width: 100%;
      height: 1px;
      background: rgba(51, 51, 51, 0.11);
      top: -26px;
      left: 0;
      position: absolute; }
    .checkout-summary .closeness-quialifier-notification .notification-inline {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.33;
      color: #333333;
      width: 100%;
      line-height: 20px;
      text-align: center; }
      .checkout-summary .closeness-quialifier-notification .notification-inline .closeness-link-create-account {
        font-family: 'Avenir';
        font-weight: 900;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 1.67;
        color: #333333;
        line-height: 22px;
        text-decoration: underline; }
      .checkout-summary .closeness-quialifier-notification .notification-inline strong {
        display: block;
        font-family: 'Avenir';
        font-weight: 900;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none; }

/* Checkout summary end */
.coupon-code-container {
  margin-bottom: 30px; }
  .coupon-code-container .error-box {
    margin-bottom: 20px; }

.coupon-code-title {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.15;
  text-decoration: none;
  text-transform: none;
  color: #333333;
  display: block; }
  .coupon-code-title .coupon-help-link {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    padding-left: 5px;
    cursor: pointer;
    text-decoration: underline; }

.checkout-summary {
  margin-top: 30px; }

.button-submit-order-review {
  width: 100%;
  position: relative;
  margin-top: 32px; }
  .button-submit-order-review:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #e3e3e3;
    position: absolute;
    top: -30px;
    left: 0; }

.coupon-code-container {
  margin-bottom: 20px;
  margin-top: 20px;
  display: inline-block;
  width: 100%; }

.checkout-order-summary .button-container .error-box {
  margin-top: 15px;
  margin-bottom: 20px; }

.checkout-order-summary .checkout-button-container {
  display: block; }
@charset "UTF-8";
/**
* Pickup Review Section Form Mobile
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
* Pickup Review Section Form Mobile
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
@charset "UTF-8";
/**
* Pickup Review Section Form Mobile
**/
/**
* Pickup Review Section Form Mobile
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.checkout-container .checkout-pickup-container .checkout-section-title {
  display: none; }

.checkout-container .checkout-pickup-container .checkout-review-section .error-box {
  margin-bottom: 20px; }

.pick-up-form,
.pick-up-alternate-input,
.checkout-review-pickup {
  /* Edit, cancel or save button */ }
  .pick-up-form .pick-up-form-title,
  .pick-up-alternate-input .pick-up-form-title,
  .checkout-review-pickup .pick-up-form-title {
    display: inline-block;
    margin-right: 30px; }
  .pick-up-form .checkout-summary-edit,
  .pick-up-alternate-input .checkout-summary-edit,
  .checkout-review-pickup .checkout-summary-edit {
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .pick-up-form .button-cancel-address, .pick-up-form .button-save-address,
  .pick-up-alternate-input .button-cancel-address, .pick-up-alternate-input .button-save-address,
  .checkout-review-pickup .button-cancel-address, .checkout-review-pickup .button-save-address {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    display: inline-block;
    margin-left: 14px;
    position: relative;
    right: auto; }
  .pick-up-form .button-save-address,
  .pick-up-alternate-input .button-save-address,
  .checkout-review-pickup .button-save-address {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    margin-left: 0px; }
  .pick-up-form .input-and-message-container,
  .pick-up-alternate-input .input-and-message-container,
  .checkout-review-pickup .input-and-message-container {
    margin-bottom: 25px; }
  .pick-up-form .phone-number,
  .pick-up-alternate-input .phone-number,
  .checkout-review-pickup .phone-number {
    margin-top: 25px; }
  .pick-up-form .last-name + .phone-number,
  .pick-up-alternate-input .last-name + .phone-number,
  .checkout-review-pickup .last-name + .phone-number {
    margin-top: 0px; }
  .pick-up-form .pick-up-note,
  .pick-up-form .email-signup-note,
  .pick-up-alternate-input .pick-up-note,
  .pick-up-alternate-input .email-signup-note,
  .checkout-review-pickup .pick-up-note,
  .checkout-review-pickup .email-signup-note {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    margin-top: 3px; }
  .pick-up-form .pick-up-alternate-input,
  .pick-up-alternate-input .pick-up-alternate-input,
  .checkout-review-pickup .pick-up-alternate-input {
    margin-top: 20px; }

.email-signup-container .email-signup-note {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.36;
  text-decoration: none;
  text-transform: none;
  color: #666666;
  margin-top: 10px; }

.email-signup-container a {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.36;
  text-decoration: none;
  text-transform: none;
  color: #333333;
  text-decoration: underline; }

.pick-up-form {
  background: #f7f7f7;
  position: relative;
  margin-bottom: 20px; }
  .pick-up-form .first-name .pick-up-note {
    margin-top: 10px; }
  .pick-up-form .email-signup-note {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    margin: 10px 0px 35px; }

.pick-up-alternate-fieldset {
  padding: 0px; }

/* Form of Pick Up Contact (Guest) */
/* Form of Pick Up Contact Alternate (Guest) */
.pick-up-alternate-input .label-error .inline-error-message {
  white-space: normal; }

.alternate-pickup .pick-up-note {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.36;
  text-decoration: none;
  text-transform: none;
  color: #666666;
  margin-top: 8px; }
  .alternate-pickup .pick-up-note > br {
    display: none; }

/* In the Pick Up form, input checkbox */
.send-sms, .email-signup {
  margin-top: 25px; }

/* In the Pick Up form, input checkbox */
.pick-up-edit-overlay .modal-only-title {
  text-align: center; }

.pick-up-edit-overlay .button-modal-close {
  display: none; }

.pick-up-edit-overlay .button-back {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.15;
  text-decoration: none;
  text-transform: none;
  color: #333333;
  position: absolute;
  left: 17px;
  top: 25px;
  z-index: 2; }
  .pick-up-edit-overlay .button-back:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F10C"; }
  .pick-up-edit-overlay .button-back:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-align: left;
    font-size: 14px;
    width: 26px; }

.pick-up-edit-overlay label,
.pick-up-edit-overlay .button-save-pickup {
  margin-top: 20px; }

.pick-up-form,
.pick-up-alternate-input,
.checkout-review-pickup {
  margin-bottom: 0px;
  /* Edit, cancel or save button */ }
  .pick-up-form .pick-up-form-title,
  .pick-up-alternate-input .pick-up-form-title,
  .checkout-review-pickup .pick-up-form-title {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 10px; }
  .pick-up-form .checkout-summary-edit,
  .pick-up-alternate-input .checkout-summary-edit,
  .checkout-review-pickup .checkout-summary-edit {
    position: relative;
    right: auto;
    top: 0px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  .pick-up-form .input-and-message-container,
  .pick-up-form .phone-number,
  .pick-up-form .email-address,
  .pick-up-alternate-input .input-and-message-container,
  .pick-up-alternate-input .phone-number,
  .pick-up-alternate-input .email-address,
  .checkout-review-pickup .input-and-message-container,
  .checkout-review-pickup .phone-number,
  .checkout-review-pickup .email-address {
    vertical-align: top;
    width: 47%;
    display: inline-block; }
  .pick-up-form .input-and-message-container,
  .pick-up-form .email-address,
  .pick-up-alternate-input .input-and-message-container,
  .pick-up-alternate-input .email-address,
  .checkout-review-pickup .input-and-message-container,
  .checkout-review-pickup .email-address {
    margin-right: 6%; }
    .pick-up-form .input-and-message-container.last-name-and-message,
    .pick-up-form .email-address.last-name-and-message,
    .pick-up-alternate-input .input-and-message-container.last-name-and-message,
    .pick-up-alternate-input .email-address.last-name-and-message,
    .checkout-review-pickup .input-and-message-container.last-name-and-message,
    .checkout-review-pickup .email-address.last-name-and-message {
      margin-right: 0px; }
  .pick-up-form .phone-number,
  .pick-up-alternate-input .phone-number,
  .checkout-review-pickup .phone-number {
    margin-top: 0px; }

.checkout-review-section .pick-up-alternate-form {
  margin-top: 0px;
  margin-bottom: 30px;
  display: inline-block;
  width: 100%; }

.checkout-review-section .pick-up-alternate-input {
  margin-top: 15px; }

/* Is Express Checkout? */
.express .pick-up-alternate-form {
  width: calc(50% - 30px);
  float: right;
  vertical-align: top; }

.express .alternate-pickup {
  width: 100%; }

.express .pick-up-alternate-input .last-name {
  margin-top: 0; }

.express .pick-up-alternate-input .input-and-message-container,
.express .pick-up-alternate-input .last-name {
  margin-bottom: 0; }

.express .pick-up-alternate-input .email-address {
  width: 100%;
  margin-right: 0; }
@charset "UTF-8";
/**
* Checkout Summary Title Desktop
**/
/**
* Checkout Summary Title Mobile
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.checkout-summary-title {
  margin-bottom: 15px; }
  .checkout-summary-title h3 {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    display: inline-block; }

.checkout-summary-edit {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  text-transform: none;
  color: #333333;
  text-decoration: underline;
  float: right;
  top: 4px;
  position: relative; }

/* Is Express Checkout? */
.express .checkout-summary-title {
  position: relative; }

.express .checkout-summary-edit {
  position: absolute;
  right: 5px; }

.checkout-summary-title {
  margin-bottom: 20px; }

.checkout-summary-edit {
  margin-left: 25px;
  float: none;
  top: auto;
  position: initial; }

/* Is Express Checkout? */
.express .checkout-summary-title {
  position: initial; }

.express .checkout-summary-edit {
  position: initial; }
@charset "UTF-8";
/**
* Checkout: Save and Cancel Buttons (Desktop)
**/
/**
* Checkout: Save and Cancel Buttons (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.checkout-button-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse; }
  .checkout-button-container .button-save-address {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #4873bb;
    width: auto;
    padding: 0px 25px;
    margin-left: 15px; }
    .checkout-button-container .button-save-address.focused, .checkout-button-container .button-save-address:focus {
      background-color: #4873bb; }
    .checkout-button-container .button-save-address.pressed, .checkout-button-container .button-save-address:active {
      background-color: #4873bb; }
    .checkout-button-container .button-save-address.disabled, .checkout-button-container .button-save-address:disabled {
      background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
    .checkout-button-container .button-save-address.loading:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F11B";
      -webkit-animation: 2s rotate linear infinite;
      animation: 2s rotate linear infinite; }
  .checkout-button-container .button-cancel-address {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333; }
@charset "UTF-8";
/**
* Pickup Review Section (Desktop)
**/
/**
* Pickup Review Section
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.pick-up-alternate-form {
  margin-top: 20px; }

.alternate-form-title {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 15px;
  display: inline-block;
  display: none; }

.checkout-review-pickup-note {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.45;
  color: #333333;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }

.input-and-message-container .checkout-review-pickup-note,
.first-name-container .checkout-review-pickup-note,
.last-name-container .checkout-review-pickup-note {
  margin-top: 10px; }

.checkout-review-pickup .checkout-review-pickup-person {
  padding-top: 0px;
  border: none; }

.checkout-review-pickup .checkout-review-pickup-alternate {
  margin-top: 15px; }

.checkout-review-pickup .pick-up-contact {
  position: relative;
  right: 0;
  top: auto;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.checkout-review-pickup .address-container .address-additional {
  position: relative;
  margin-top: 0px;
  margin-bottom: 20px; }

/* Is Pick Up Section? */
.summary-title-pick-up {
  display: none; }

.checkout-pickup-container .pick-up-alternate-form {
  margin-bottom: 20px; }

/* Is Express Checkout Section? */
.checkout-express-section .email-address,
.checkout-express-section .email,
.checkout-express-section .phone-number,
.express .email-address,
.express .email,
.express .phone-number {
  margin-top: 25px; }

.checkout-express-section .email-address,
.checkout-express-section .email,
.express .email-address,
.express .email {
  margin-bottom: 25px; }

.checkout-express-section .pick-up-note,
.express .pick-up-note {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.36;
  text-decoration: none;
  text-transform: none;
  color: #666666;
  margin-top: 3px; }

.checkout-review-pickup .checkout-review-pickup-person {
  margin-bottom: 0px; }

.checkout-review-pickup .checkout-review-pickup-alternate {
  margin-top: 0px; }

/*  Is Pick Up Section? */
.checkout-pickup-container .pick-up-alternate-form {
  margin-top: 20px;
  margin-bottom: 30px; }
@charset "UTF-8";
/**
 * Pick Up Section (Desktop)
 **/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * Pick Up Section (Mobile)
 **/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/* Pick Up Section Container */
.checkout-pickup-container .checkout-review-pickup-person .address-container {
  width: calc(100% - 50px);
  position: relative; }
  .checkout-pickup-container .checkout-review-pickup-person .address-container:after {
    content: '';
    display: inline-block;
    background-color: rgba(51, 51, 51, 0.11);
    width: 1px;
    height: 93%;
    position: absolute;
    top: 3px;
    right: 0px; }

.checkout-pickup-container .pick-up-contact .checkout-summary-edit {
  top: 33px; }

.checkout-pickup-container .checkout-review-pickup-alternate {
  margin-bottom: 25px; }

/* Pick Up Section Container */
.checkout-pickup-container .pick-up-form {
  position: static; }

.checkout-pickup-container .address-container {
  width: 100%; }
  .checkout-pickup-container .address-container:after {
    display: none; }

.checkout-pickup-container .pick-up-contact .checkout-summary-edit {
  top: auto;
  position: relative; }

.checkout-pickup-container .checkout-button-container {
  position: absolute;
  right: 50px;
  bottom: 0px; }

.checkout-pickup-container .pick-up-alternate-form-aux {
  margin-bottom: 80px; }

.checkout-pickup-container .checkout-review-pickup-person .address-container::after {
  display: none; }
@charset "UTF-8";
/*
* Address Form Section (Desktop)
*/
/*
* Address Form Section (Mobile)
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.fieldset-address-editable .input-common,
.fieldset-address-editable .select-common {
  margin-bottom: 25px; }

.fieldset-address-editable .input-zip-code .inline-error-message {
  white-space: normal; }

.checkbox-set-default {
  margin-top: 10px; }

.button-select-shipping-address {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #4873bb;
  margin-top: 20px; }
  .button-select-shipping-address.focused, .button-select-shipping-address:focus {
    background-color: #4873bb; }
  .button-select-shipping-address.pressed, .button-select-shipping-address:active {
    background-color: #4873bb; }
  .button-select-shipping-address.disabled, .button-select-shipping-address:disabled {
    background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
  .button-select-shipping-address.loading:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F11B";
    -webkit-animation: 2s rotate linear infinite;
    animation: 2s rotate linear infinite; }

.label-checkbox + .button-select-shipping-address {
  margin-top: 30px; }

/* Is My Account Section? */
.address-book-section .input-first-name, .address-book-section .checkout-billing-section .fieldset-address-editable .input-address-line1, .checkout-billing-section .fieldset-address-editable .address-book-section .input-address-line1, .address-book-section
.checkout-billing-section .fieldset-address-editable .select-country,
.checkout-billing-section .fieldset-address-editable .address-book-section .select-country, .address-book-section .checkout-billing-section .fieldset-address-editable .input-city, .checkout-billing-section .fieldset-address-editable .address-book-section .input-city {
  margin-top: 0px; }

.address-book-section .button-select-shipping-address {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #4873bb;
  margin-top: 20px; }
  .address-book-section .button-select-shipping-address.focused, .address-book-section .button-select-shipping-address:focus {
    background-color: #4873bb; }
  .address-book-section .button-select-shipping-address.pressed, .address-book-section .button-select-shipping-address:active {
    background-color: #4873bb; }
  .address-book-section .button-select-shipping-address.disabled, .address-book-section .button-select-shipping-address:disabled {
    background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
  .address-book-section .button-select-shipping-address.loading:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F11B";
    -webkit-animation: 2s rotate linear infinite;
    animation: 2s rotate linear infinite; }
  .address-book-section .button-select-shipping-address.cancel {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #333333;
    margin-top: 25px;
    margin-bottom: 0px; }
    .address-book-section .button-select-shipping-address.cancel.focused, .address-book-section .button-select-shipping-address.cancel:focus {
      background-color: #333333; }
    .address-book-section .button-select-shipping-address.cancel.pressed, .address-book-section .button-select-shipping-address.cancel:active {
      background-color: #333333; }
    .address-book-section .button-select-shipping-address.cancel.disabled, .address-book-section .button-select-shipping-address.cancel:disabled {
      background-color: #999999; }

.fieldset-address-editable .input-city,
.fieldset-address-editable .select-state, .checkout-billing-section .fieldset-address-editable .input-zip-code {
  width: 25%; }

.fieldset-address-editable .select-state, .checkout-billing-section .fieldset-address-editable .input-zip-code {
  padding-left: 0;
  padding-right: 21px; }

.fieldset-address-editable .input-zip-code {
  padding-left: 21px;
  width: 25%; }

.fieldset-address-editable .select-country {
  width: 25%;
  padding-left: 21px; }

/* Is Billing Section? */
.checkout-billing-section .fieldset-address-editable .input-first-name, .checkout-billing-section .fieldset-address-editable .input-address-line1, .checkout-billing-section .fieldset-address-editable .select-country, .checkout-billing-section .fieldset-address-editable .input-city {
  width: 47%;
  vertical-align: top;
  margin-right: 6%; }

.checkout-billing-section .fieldset-address-editable .input-last-name, .checkout-billing-section .fieldset-address-editable .input-address-line2 {
  width: 47%;
  vertical-align: top; }

.checkout-billing-section .fieldset-address-editable .input-address-line1,
.checkout-billing-section .fieldset-address-editable .select-country {
  padding: 0px; }

.checkout-billing-section .fieldset-address-editable .select-state, .checkout-billing-section .fieldset-address-editable .input-zip-code {
  margin-right: 0px;
  width: calc(25% - 20px);
  vertical-align: top;
  padding: 0px;
  vertical-align: top; }

.button-shipping-internationally {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.36;
  text-decoration: none;
  text-transform: none;
  color: #666666;
  text-decoration: underline;
  position: absolute;
  margin-top: 10px;
  text-align: right;
  white-space: nowrap; }

/* Is My Account Section? */
.address-book-section .box-ghost {
  width: 48%; }

.address-book-section .button-select-shipping-address {
  width: 38%; }
  .address-book-section .button-select-shipping-address.cancel {
    width: 38%;
    margin-left: 4%;
    margin-top: 25px;
    margin-bottom: 0px; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/* Shipping Section */
.checkout-shipping-container .label-error.inline-error-message {
  white-space: nowrap; }

.address-shipping-container {
  /* Add or edit address Form */ }
  .address-shipping-container .input-zip-code {
    float: none; }
  .address-shipping-container .select-state {
    margin-right: 0; }
  .address-shipping-container .input-city {
    padding-right: 21px; }
  .address-shipping-container .input-city,
  .address-shipping-container .select-state,
  .address-shipping-container .input-zip-code,
  .address-shipping-container .select-country {
    vertical-align: top; }
  .address-shipping-container .input-first-name,
  .address-shipping-container .input-last-name,
  .address-shipping-container .input-address-line1,
  .address-shipping-container .input-address-line2,
  .address-shipping-container .input-phone,
  .address-shipping-container .input-email {
    width: 47%;
    display: inline-block;
    margin-right: 0; }
  .address-shipping-container .input-first-name,
  .address-shipping-container .input-address-line1,
  .address-shipping-container .input-phone {
    vertical-align: top; }
  .address-shipping-container .input-last-name,
  .address-shipping-container .input-address-line2,
  .address-shipping-container .input-email {
    margin-left: 6%; }
  .address-shipping-container .fieldset-address-editable {
    padding: 0px; }
    .address-shipping-container .fieldset-address-editable .label-error .inline-error-message {
      white-space: initial; }
  .address-shipping-container .checkbox-get-email {
    margin-top: 30px; }
  .address-shipping-container .term-and-conditions-message {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    margin-top: 20px; }
    .address-shipping-container .term-and-conditions-message a {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.36;
      text-decoration: none;
      text-transform: none;
      color: #666666;
      text-decoration: underline; }
  .address-shipping-container .shipping-form-container {
    padding-bottom: 30px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 10px; }
@charset "UTF-8";
/*
* Address Book Select Mobile
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.dropdown-address-book {
  /* Button Add New */ }
  .dropdown-address-book .list-container {
    padding-bottom: 56px; }
  .dropdown-address-book .item-list-common {
    position: static;
    max-height: 246px; }
  .dropdown-address-book li:last-of-type {
    position: absolute;
    z-index: 900;
    bottom: 0px;
    width: calc(100%);
    background: #f7f7f7; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.dropdown-address-book {
  width: 47%; }

.address-shipping-view,
.address-shipping + .address-shipping,
.container-form-add-new-address {
  margin-bottom: 25px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e3e3e3; }

.container-form-add-new-address .checkbox-address-book {
  margin-top: 20px; }

.container-shipping-section-title,
.container-billing-section-title {
  position: relative;
  margin-bottom: 20px; }
  .container-shipping-section-title h3,
  .container-billing-section-title h3 {
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 25px;
    line-height: 18px; }
  .container-shipping-section-title .button-edit-address,
  .container-billing-section-title .button-edit-address {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    text-decoration: underline; }

.checkbox-address-book {
  margin-top: 20px;
  margin-right: 30%; }

/*
.checkout-shipping-container .address-shipping {
  width: 50%
}
*/
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Gift Wrapping Section */
.gift-wrapping-container {
  white-space: normal;
  width: calc(100% - 40px);
  /* Title of section */ }
  .gift-wrapping-container > h3 {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    margin-bottom: 5px;
    display: none; }
  .gift-wrapping-container .gift-wapping-details {
    width: 100%; }

/* Input Container */
.gift-wrapping-fields {
  margin-top: 30px;
  /* Message box */ }
  .gift-wrapping-fields:empty {
    display: none; }
  .gift-wrapping-fields .textarea-box {
    margin-top: 10px;
    margin-bottom: 0px;
    display: block;
    width: 100%;
    min-height: 124px;
    text-transform: uppercase; }
    .gift-wrapping-fields .textarea-box textarea {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.33;
      color: #333333;
      padding: 12px 14px;
      margin: 0; }
  .gift-wrapping-fields .textarea-subtitle {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    width: auto;
    float: right;
    position: relative;
    top: 7px;
    text-transform: capitalize; }

.dropdown-gift-wrapping .custom-select-button {
  white-space: initial; }

.gift-wapping-details {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333;
  width: calc(100% - 40px);
  position: relative; }

.gift-wrapping-name {
  width: calc(100vw - 170px);
  position: relative;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.gift-wrapping-price {
  position: absolute;
  text-align: right;
  display: inline-block;
  width: 55px;
  right: 0px; }

.dropdown-gift-wrapping-items-list .gift-wapping-details {
  width: 100%;
  overflow: initial; }

.dropdown-gift-wrapping-items-list .gift-wrapping-name {
  white-space: initial; }

.dropdown-gift-wrapping-items-list .dropdown-gift-wrapping-item {
  border-bottom: solid 1px rgba(51, 51, 51, 0.11); }

.checkout-review-gift-wrapping .gift-wrapping-container {
  width: 100%; }

.checkout-review-gift-wrapping .gift-wrapping-title {
  display: none; }

.gift-wrapping {
  margin-top: 18px; }

.checkout-review-gift-wrapping-form {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin: 30px 0;
  padding: 0;
  float: right; }
  .checkout-review-gift-wrapping-form .gift-wrapping-container {
    width: 100%; }
  .checkout-review-gift-wrapping-form .gift-wrapping-title {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    display: block;
    float: left;
    margin-right: 5px; }
  .checkout-review-gift-wrapping-form .gift-services-details {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    text-decoration: underline;
    cursor: pointer; }
  .checkout-review-gift-wrapping-form .input-checkbox-title {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    color: #333333; }
  .checkout-review-gift-wrapping-form .gift-wrapping-name {
    width: 120px; }
    @media (min-width: 1200px) {
      .checkout-review-gift-wrapping-form .gift-wrapping-name {
        width: 200px; } }
    @media (min-width: 1300px) {
      .checkout-review-gift-wrapping-form .gift-wrapping-name {
        width: 250px; } }

.checkout-shipping-container .gift-wrapping-title {
  margin-bottom: 30px; }

.address-shipping .checkout-review-gift-wrapping {
  padding-left: 25px; }

.address-shipping .add-gift-wrapping {
  width: 100%; }
@charset "UTF-8";
/**
* Shipping Methods Section (Desktop)
**/
/**
* Shipping Methods (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.shipping-methods {
  margin-top: 18px; }
  .shipping-methods .shipping-method-title {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    display: block;
    margin-bottom: 10px; }
  .shipping-methods.shipping-methods-input-box {
    position: relative;
    /* Título del button */
    /* Subtítulo del button */
    margin-bottom: 11px;
    margin-top: 27px; }
    .shipping-methods.shipping-methods-input-box .label-radio {
      width: calc(100% / 3);
      margin: 0px 0px 5px;
      display: inline-block;
      text-align: center;
      position: relative;
      vertical-align: middle; }
      .shipping-methods.shipping-methods-input-box .label-radio .input-radio-icon-unchecked, .shipping-methods.shipping-methods-input-box .label-radio .input-radio-icon-checked {
        top: auto;
        width: calc(100% - 4px);
        height: 100%;
        display: inline-block;
        left: 0px;
        position: absolute;
        background: #e3e3e3;
        border-radius: 0;
        margin-left: 0; }
        .shipping-methods.shipping-methods-input-box .label-radio .input-radio-icon-unchecked:before, .shipping-methods.shipping-methods-input-box .label-radio .input-radio-icon-checked:before {
          height: calc(100% + 4px);
          width: 100%;
          left: 0px;
          top: -2px;
          border: 0;
          display: inline-block;
          border-radius: 0;
          position: relative;
          background-color: transparent;
          position: relative;
          z-index: 2; }
        .shipping-methods.shipping-methods-input-box .label-radio .input-radio-icon-unchecked:after, .shipping-methods.shipping-methods-input-box .label-radio .input-radio-icon-checked:after {
          background: none; }
        .shipping-methods.shipping-methods-input-box .label-radio .input-radio-icon-unchecked.focused:after, .shipping-methods.shipping-methods-input-box .label-radio .focused.input-radio-icon-checked:after, .shipping-methods.shipping-methods-input-box .label-radio .input-radio-icon-unchecked.pressed:after, .shipping-methods.shipping-methods-input-box .label-radio .pressed.input-radio-icon-checked:after, .shipping-methods.shipping-methods-input-box .label-radio .input-radio-icon-unchecked:active:after, .shipping-methods.shipping-methods-input-box .label-radio .input-radio-icon-checked:active:after, .shipping-methods.shipping-methods-input-box .label-radio .input-radio-icon-unchecked:focus:after, .shipping-methods.shipping-methods-input-box .label-radio .input-radio-icon-checked:focus:after {
          content: '';
          display: inline-block;
          background: #e3e3e3;
          width: 100%;
          height: 100%;
          z-index: 0;
          position: absolute;
          background: #e3e3e3;
          border-radius: 0;
          border: 0;
          left: 0;
          top: 0; }
      .shipping-methods.shipping-methods-input-box .label-radio .input-radio-icon-checked {
        border: transparent;
        width: 100%; }
        .shipping-methods.shipping-methods-input-box .label-radio .input-radio-icon-checked:before {
          -webkit-box-shadow: inset 0 0 0 2px #333333;
          -moz-box-shadow: inset 0 0 0 2px #333333;
          box-shadow: inset 0 0 0 2px #333333; }
    .shipping-methods.shipping-methods-input-box .input-radio-title, .shipping-methods.shipping-methods-input-box .input-subtitle {
      margin-left: 0;
      z-index: 1;
      position: relative;
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0.25px;
      line-height: 1.38;
      color: #333333;
      padding: 12px 0;
      width: 100%;
      vertical-align: initial; }
    .shipping-methods.shipping-methods-input-box .input-subtitle {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      color: #666666;
      padding: 0 0 12px;
      margin-top: -12px; }
  .shipping-methods .estimated-shipping-rate {
    display: block;
    text-align: center;
    margin: 7px 0 0;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: none; }

.radio-method {
  padding-left: 0; }

.shipping-methods-input-box fieldset {
  padding: 0; }

.shipping-methods {
  margin-top: 0px;
  width: calc(50% - 30px);
  display: inline-block;
  padding-left: 60px; }
  .shipping-methods fieldset {
    left: -2px;
    position: relative;
    padding-top: 0; }
  .shipping-methods label {
    margin-bottom: 24px; }

section + .shipping-methods {
  margin-top: 0px; }

.checkout-shipping-container .shipping-methods {
  padding: 0;
  margin-top: 20px;
  width: 50%; }
  .checkout-shipping-container .shipping-methods .shipping-method-title {
    margin-bottom: 30px; }

.radio-method {
  padding-left: 35px; }
@charset "UTF-8";
/**
 * Shipping
 **/
/**
 * Shipping
 **/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Only for shipping section */
.shipping-container {
  /* Checkbox */ }
  .shipping-container .shipping-methods > h3 {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    margin-bottom: 11px;
    overflow-x: hidden; }
  .shipping-container .button-next-step {
    margin: 9px 0px 30px; }
  .shipping-container .coupon-accordion > h4 {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333; }
  .shipping-container .label-checkbox {
    display: block;
    height: 23px;
    margin-bottom: 15px;
    /* Checkbox de Get Email */ }
    .shipping-container .label-checkbox.checkbox-set-as-default {
      margin-bottom: 0px; }
    .shipping-container .label-checkbox.checkbox-get-email {
      display: none; }

.container-checkout {
  padding: 0px 16px; }
  .container-checkout .checkout-summary {
    margin-top: 40px; }

.checkout-content > h2 {
  margin-top: 40px; }

.checkout-content .progress-list {
  display: block; }

.checkout-shipping-container .checkout-progress-list + .error-box {
  margin-bottom: 20px; }

.checkout-shipping-section {
  position: relative; }
  .checkout-shipping-section .checkout-button-container {
    position: absolute;
    right: 0px;
    bottom: 42px; }

/* Contenedor de inputs del formulario Shipping */
.address-shipping {
  display: inline-block;
  width: 100%;
  /* Label de Checkbox Newsletter */
  /* Aclaración legal del input Checkbox newsletter */
  /* Labels de Input City y Country en formulario */
  /* Container de la información de Address Default (solo texto, no inputs) */ }
  .address-shipping .container-shipping-section-title {
    display: inline-block;
    width: 100%; }
  .address-shipping h3 {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.28;
    text-transform: none;
    color: #333333;
    display: inline-block;
    width: auto;
    margin: 0px; }
  .address-shipping .default-address-inline h3 .button-edit-address-default {
    top: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
    .address-shipping .default-address-inline h3 .button-edit-address-default:before {
      content: '';
      background: #999999;
      position: absolute;
      display: inline-block;
      width: 1px;
      height: 15px;
      top: 3px;
      left: -9px; }
  .address-shipping .button-edit-address-default {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    display: inline-block;
    margin-left: 14px;
    position: relative;
    right: auto; }
  .address-shipping .select-address-book {
    margin-top: 22px;
    margin-bottom: 11px;
    display: block; }
    .address-shipping .select-address-book.disabled, .address-shipping .select-address-book.disabled,
    .address-shipping .select-address-book[disabled] + .selection {
      opacity: .5; }
      .address-shipping .select-address-book.disabled.select-option-selected, .address-shipping .select-address-book.disabled.select-option-selected,
      .address-shipping .select-address-book[disabled] + .selection.select-option-selected {
        color: rgba(0, 0, 0, 0.4); }
        .address-shipping .select-address-book.disabled.select-option-selected:before, .address-shipping .select-address-book.disabled.select-option-selected:after, .address-shipping .select-address-book.disabled.select-option-selected:before, .address-shipping .select-address-book.disabled.select-option-selected:after,
        .address-shipping .select-address-book[disabled] + .selection.select-option-selected:before,
        .address-shipping .select-address-book[disabled] + .selection.select-option-selected:after {
          background: rgba(0, 0, 0, 0.4); }
    .address-shipping .select-address-book span {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0;
      height: 22px;
      margin-bottom: 30px; }
      .address-shipping .select-address-book span.selection {
        text-transform: none; }
  .address-shipping .checkbox-newsletter {
    width: 100%;
    margin-bottom: 14px; }
  .address-shipping .note {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #666666; }
  .address-shipping .input-city,
  .address-shipping .input-country {
    float: left; }
  .address-shipping .container-information-address-default {
    margin-top: 7px;
    width: 100%; }
    .address-shipping .container-information-address-default:before {
      width: 0px;
      height: 0px; }

.address-shipping + .address-shipping-view,
.address-shipping + .address-shipping,
.container-form-add-new-address {
  margin-top: 25px; }

.checkbox-set-default {
  margin-top: 20px;
  margin-right: 30%; }

.default-address-inline p {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  text-transform: none;
  color: #333333; }

.default-address-inline .label-checkbox {
  margin-top: 30px; }

.checkbox-group span {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.36;
  text-decoration: none;
  text-transform: none;
  color: #666666; }

.checkbox-group .checkbox-get-email {
  margin-bottom: 10px; }

/* Leyenda del mensaje de Gift Wrapping */
.gift-wrapping-container > h3 {
  display: block; }

.save-set-address {
  width: 40%;
  display: block; }
@charset "UTF-8";
/**
* Gift Cards
**/
/**
* Gift Cards
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* GiftCard Section */
.gift-cards-section {
  margin-bottom: 10px; }
  .gift-cards-section .gift-cards-section-title {
    margin-bottom: 10px; }
  .gift-cards-section .checkout-section-note {
    margin-top: 5px; }

/* Title of Card Applied */
.title-gift-card-applied, .title-gift-card-apply, .title-gift-card-add {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #333333;
  display: inline-block;
  margin-bottom: 6px; }

/* Summary Giftcard Applied */
.giftcard-aplied-summary, .giftcard-apply-summary {
  position: relative;
  padding: 14px 21px;
  margin-bottom: 10px;
  background-color: #e3e3e3;
  /* Amount Information */
  /* Balance Information */ }
  .giftcard-aplied-summary .amount, .giftcard-apply-summary .amount {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    color: #333333;
    width: calc(100% - 85px); }
  .giftcard-aplied-summary .balance, .giftcard-apply-summary .balance {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    width: calc(100% - 85px); }
  .giftcard-aplied-summary button, .giftcard-apply-summary button {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }

/**
* Applied Giftcards container + gift cards apply
**/
.gift-cards-applied-container {
  /* No giftcards applied message */ }
  .gift-cards-applied-container + .gift-cards-apply-container {
    margin-top: 20px; }
  .gift-cards-applied-container .nothing-applied {
    margin-bottom: 10px; }
  .gift-cards-applied-container .notice-gift-card-applied {
    margin-top: 20px; }
    .gift-cards-applied-container .notice-gift-card-applied strong {
      font-weight: 900; }

/**
* Apply Giftcards container
**/
.gift-cards-apply-container {
  /* Empty state */
  /* Amount and Balance Information only in Gift Cards Apply */
  /* Button of Apply */ }
  .gift-cards-apply-container:empty {
    display: none; }
  .gift-cards-apply-container .amount,
  .gift-cards-apply-container .balance {
    width: calc(100% - 85px); }
  .gift-cards-apply-container .button-giftcard-apply,
  .gift-cards-apply-container .button-giftcard-remove {
    right: 21px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

/* Title of Card Apply */
/* Summary Giftcard Apply */
.giftcard-apply-summary .error-box {
  margin-right: 80px; }
  .checkout-container .giftcard-apply-summary .error-box:before {
    background-color: #e3e3e3; }

/* When error message is display, the container of form has margin top */
.error-box + .gift-card-add-fields {
  margin-top: 20px; }

/* Container of fieldset */
.gift-card-add-fieldset {
  padding: 0px;
  /* Container of button when there is an error message */ }
  .gift-card-add-fieldset .error-box {
    margin-bottom: 25px;
    margin-top: 15px; }
  .gift-card-add-fieldset .label-error + .gift-card-add-submit {
    margin-top: 20px; }

/* Add Gift Card title */
.title-gift-card-add {
  display: none; }

/* Toggle button of New Gift Card */
.gift-card-toggle {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0;
  height: 22px;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 34px;
  line-height: 36px;
  position: relative;
  background-color: #333333;
  width: 50%; }
  .gift-card-toggle.focused, .gift-card-toggle:focus {
    background-color: #333333; }
  .gift-card-toggle.pressed, .gift-card-toggle:active {
    background-color: #4873bb; }
  .gift-card-toggle.disabled, .gift-card-toggle:disabled {
    background-color: #999999; }

/* Fieldset of Add Giftcard (Container of inputs and buttons) */
.gift-card-add-fields {
  display: inline-block;
  width: 100%;
  /* Apply Button */
  /* Card Number Input */
  /* Captcha box */
  /* Checbox Save Giftcard balance to My Account */ }
  .gift-card-add-fields .gift-card-cancel {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #ca0088;
    width: 47%; }
    .gift-card-add-fields .gift-card-cancel.focused, .gift-card-add-fields .gift-card-cancel:focus {
      background-color: #ca0088; }
    .gift-card-add-fields .gift-card-cancel.pressed, .gift-card-add-fields .gift-card-cancel:active {
      background-color: #ca0088; }
    .gift-card-add-fields .gift-card-cancel.disabled, .gift-card-add-fields .gift-card-cancel:disabled {
      background-color: #999999; }
  .gift-card-add-fields .gift-card-apply {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #333333;
    width: 47%;
    float: right; }
    .gift-card-add-fields .gift-card-apply.focused, .gift-card-add-fields .gift-card-apply:focus {
      background-color: #333333; }
    .gift-card-add-fields .gift-card-apply.pressed, .gift-card-add-fields .gift-card-apply:active {
      background-color: #4873bb; }
    .gift-card-add-fields .gift-card-apply.disabled, .gift-card-add-fields .gift-card-apply:disabled {
      background-color: #999999; }
  .gift-card-add-fields .gift-card-number {
    margin-bottom: 15px; }
  .gift-card-add-fields .recaptcha {
    text-align: center;
    margin: 20px 0 0px; }
  .gift-card-add-fields .save-giftcard-balance-checkbox {
    margin: 15px 0px 20px; }

.hidden-recaptcha-input label {
  display: none; }

.hidden-recaptcha-input .inline-error-message {
  margin: 9px 0px 8px; }

/**
* Applied Giftcards container, Apply Giftcards container
**/
.gift-cards-applied-container,
.gift-cards-apply-container {
  /* Last item of giftcard list */ }
  .gift-cards-applied-container ul > li:last-of-type,
  .gift-cards-apply-container ul > li:last-of-type {
    margin-bottom: 0px; }
  .gift-cards-applied-container + .gift-card-add-form,
  .gift-cards-apply-container + .gift-card-add-form {
    margin-top: 20px; }

/* Is Review Section? */
.checkout-container .checkout-review-section {
  /* Title and subtitle of section */ }
  .checkout-container .checkout-review-section .checkout-section-title {
    display: none; }

/* Is My Account Section? */
/* Is Payment & Gift Cards Section in My Account? */
.add-giftcard-or-merchandise-container {
  position: relative; }
  .add-giftcard-or-merchandise-container .gift-card-add-form {
    border: 0px;
    padding-top: 0px;
    margin-top: 0px; }
    .add-giftcard-or-merchandise-container .gift-card-add-form .button-container {
      display: flex;
      flex-direction: column;
      justify-content: left;
      margin: 20px 0;
      position: relative; }
      .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-cancel {
        font-family: 'Avenir';
        font-weight: 900;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 0;
        display: inline-block;
        color: #ffffff;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        padding: 0 10px;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-background-clip: padding;
        -moz-background-clip: padding;
        background-clip: padding-box;
        width: 100%;
        height: 48.3px;
        line-height: 50.3px;
        background-color: #333333; }
        .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-cancel.focused, .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-cancel:focus {
          background-color: #333333; }
        .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-cancel.pressed, .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-cancel:active {
          background-color: #333333; }
        .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-cancel.disabled, .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-cancel:disabled {
          background-color: #999999; }
      .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-save {
        font-family: 'Avenir';
        font-weight: 900;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 0;
        display: inline-block;
        color: #ffffff;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        padding: 0 10px;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-background-clip: padding;
        -moz-background-clip: padding;
        background-clip: padding-box;
        width: 100%;
        height: 48.3px;
        line-height: 50.3px;
        background-color: #4873bb; }
        .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-save.focused, .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-save:focus {
          background-color: #4873bb; }
        .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-save.pressed, .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-save:active {
          background-color: #4873bb; }
        .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-save.disabled, .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-save:disabled {
          background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
        .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-save.loading:before {
          display: inline-block;
          font-family: "icons";
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          line-height: 1;
          text-decoration: inherit;
          text-rendering: optimizeLegibility;
          text-transform: none;
          -moz-osx-font-smoothing: grayscale;
          -webkit-font-smoothing: antialiased;
          font-smoothing: antialiased;
          content: "\F11B";
          -webkit-animation: 2s rotate linear infinite;
          animation: 2s rotate linear infinite; }
      .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-cancel,
      .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-save {
        width: 100%;
        margin: 10px 30px 0 0;
        height: 42px;
        line-height: 46px;
        font-size: 14px; }
  .add-giftcard-or-merchandise-container .gift-card-add-fields {
    width: 100%; }
    .add-giftcard-or-merchandise-container .gift-card-add-fields .recaptcha {
      margin: 0px; }
  .add-giftcard-or-merchandise-container .gift-card-number {
    width: calc(50% - 10px);
    vertical-align: top; }
  .add-giftcard-or-merchandise-container .gift-card-pin {
    width: calc(50% - 10px);
    float: right;
    vertical-align: top; }
  .add-giftcard-or-merchandise-container .add-giftcard-message-container {
    background-color: #f7f7f7;
    padding: 20px;
    margin: 20px 0px; }
  .add-giftcard-or-merchandise-container .add-giftcard-message {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333; }
  .add-giftcard-or-merchandise-container .add-giftcard-message-title {
    display: block;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.28;
    text-transform: none;
    color: #333333;
    margin-bottom: 5px; }

.gift-card-add-submit {
  position: relative; }
  .gift-card-add-submit .general-loading {
    position: absolute;
    width: 100%;
    min-width: auto;
    min-height: auto;
    padding: 0;
    border: 0; }
    .gift-card-add-submit .general-loading .custom-loading-icon {
      width: 26px;
      height: 26px; }

/* Summary Giftcard Apply */
.giftcard-apply-summary .error-box {
  margin-bottom: 15px; }

/* Toggle button of New Gift Card */
.gift-card-toggle {
  width: auto; }
  @media (min-width: 1300px) {
    .gift-card-toggle {
      width: 23%; } }

.giftcard-aplied-summary, .giftcard-apply-summary {
  width: 50%; }
  .giftcard-aplied-summary .balance, .giftcard-apply-summary .balance {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333; }

.gift-card-add-fields {
  width: 50%; }

/* Container of fieldset */
.gift-card-add-fieldset {
  /* Container of button when there is an error message */ }
  .gift-card-add-fieldset .error-box {
    margin: 0px;
    margin-bottom: 0px;
    margin-top: 25px;
    width: 50%; }
  .gift-card-add-fieldset .title-gift-card-add + .error-box {
    margin-top: 10px; }
  .gift-card-add-fieldset .label-error + .gift-card-add-submit {
    margin-top: 30px; }

.checkout-review-section .giftcard-aplied-summary, .checkout-review-section .giftcard-apply-summary {
  width: 100%; }

.checkout-review-section .gift-card-toggle {
  width: 100%; }

.checkout-review-section .balance {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.36;
  text-decoration: none;
  text-transform: none;
  color: #666666; }

/* Is express checkout? */
.express .gift-card-add-fields {
  width: 100%; }

.express .gift-card-add-fieldset .error-box {
  margin-top: 25px;
  width: 100%; }

.express .gift-card-add-fieldset .title-gift-card-add + .error-box {
  margin-top: 5px; }

.express .checkout-review-section .gift-card-toggle {
  width: auto; }
  @media (min-width: 1300px) {
    .express .checkout-review-section .gift-card-toggle {
      width: 50%; } }

/* Is My Account Section? */
/* Is Payment & Gift Cards Section in My Account? */
.add-giftcard-or-merchandise-container .add-giftcard-message-container {
  margin: 0px 0px; }

.add-giftcard-or-merchandise-container .gift-card-add-form .button-container {
  flex-direction: row; }
  .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-cancel,
  .add-giftcard-or-merchandise-container .gift-card-add-form .button-container .button-save {
    width: 290px;
    margin: 0 30px 0 0; }
@charset "UTF-8";
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
* Credit Card Fieldset
**/
.fieldset-creditcard-editable {
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
  padding: 0px; }

.credit-card-select-form + .add-new-card-and-address-container .new-credit-card-container .fieldset-creditcard-editable {
  margin-top: 0px; }

.container-shipping-section-title + .fieldset-creditcard-editable {
  margin-top: 0px; }

.input-cc {
  /* Credit card image */ }
  .input-cc .credit-card-image {
    position: absolute;
    right: 0px;
    top: 8px;
    max-width: 50px; }

.container-credit-card-fieldset .input-cc, .fieldset-creditcard-editable .input-cc {
  width: 100%;
  margin-bottom: 25px; }

.container-credit-card-fieldset .select-exp-mm, .fieldset-creditcard-editable .select-exp-mm,
.container-credit-card-fieldset .select-exp-yy, .fieldset-creditcard-editable .select-exp-yy {
  width: calc(30%);
  padding: 0px;
  margin: 0px;
  padding-right: 5px;
  vertical-align: top; }

.container-credit-card-fieldset .select-exp-yy, .fieldset-creditcard-editable .select-exp-yy {
  padding-right: 5px;
  padding-left: 5px; }

.container-credit-card-fieldset .input-cvv, .fieldset-creditcard-editable .input-cvv {
  width: calc(40%);
  padding: 0px;
  padding-left: 5px;
  margin: 0px;
  vertical-align: top; }
  .container-credit-card-fieldset .input-cvv input[type=text] + button, .fieldset-creditcard-editable .input-cvv input[type=text] + button {
    background: transparent;
    border: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    height: auto;
    line-height: normal;
    padding: 0px; }
    .container-credit-card-fieldset .input-cvv input[type=text] + button:before, .fieldset-creditcard-editable .input-cvv input[type=text] + button:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F12A";
      color: #666666; }
    .container-credit-card-fieldset .input-cvv input[type=text] + button:before, .fieldset-creditcard-editable .input-cvv input[type=text] + button:before {
      font-size: 16px; }
  .container-credit-card-fieldset .input-cvv .inline-error-message, .fieldset-creditcard-editable .input-cvv .inline-error-message {
    white-space: normal; }

.container-credit-card-fieldset .select-exp-mm.label-error ~ .select-exp-yy.label-error .inline-error-message, .fieldset-creditcard-editable .select-exp-mm.label-error ~ .select-exp-yy.label-error .inline-error-message {
  display: none; }

.container-credit-card-fieldset .select-exp-mm, .fieldset-creditcard-editable .select-exp-mm {
  /* Error or warning message only for Exp date MM */ }
  .container-credit-card-fieldset .select-exp-mm.label-error .inline-error-message, .fieldset-creditcard-editable .select-exp-mm.label-error .inline-error-message,
  .container-credit-card-fieldset .select-exp-mm.label-error .inline-warning-message, .fieldset-creditcard-editable .select-exp-mm.label-error .inline-warning-message, .container-credit-card-fieldset .select-exp-mm.label-warning .inline-error-message, .fieldset-creditcard-editable .select-exp-mm.label-warning .inline-error-message,
  .container-credit-card-fieldset .select-exp-mm.label-warning .inline-warning-message, .fieldset-creditcard-editable .select-exp-mm.label-warning .inline-warning-message {
    left: 24px;
    position: relative;
    white-space: normal;
    width: 175px;
    text-indent: -11.5px; }

.container-credit-card-fieldset .select-exp-yy, .fieldset-creditcard-editable .select-exp-yy {
  /* Error or warning message only for Exp date YY */ }
  .container-credit-card-fieldset .select-exp-yy.label-error .inline-error-message, .fieldset-creditcard-editable .select-exp-yy.label-error .inline-error-message,
  .container-credit-card-fieldset .select-exp-yy.label-error .inline-warning-message, .fieldset-creditcard-editable .select-exp-yy.label-error .inline-warning-message, .container-credit-card-fieldset .select-exp-yy.label-warning .inline-error-message, .fieldset-creditcard-editable .select-exp-yy.label-warning .inline-error-message,
  .container-credit-card-fieldset .select-exp-yy.label-warning .inline-warning-message, .fieldset-creditcard-editable .select-exp-yy.label-warning .inline-warning-message {
    left: -86px;
    position: relative;
    white-space: normal;
    width: 175px;
    text-indent: -11.5px; }

/* Is Billing Section? */
/* Edit Payment Method Overlay */
.edit-payment-method-container {
  margin-top: 20px; }
  .edit-payment-method-container .checkout-registered-shipping-section {
    margin-top: 20px;
    border-top: solid 1px rgba(51, 51, 51, 0.11);
    padding-top: 20px; }

/**
* Credit Card Fieldset
**/
.container-credit-card-fieldset, .fieldset-creditcard-editable {
  /* Reset Styles */ }
  .container-credit-card-fieldset .input-cc, .fieldset-creditcard-editable .input-cc,
  .container-credit-card-fieldset .select-exp-mm, .fieldset-creditcard-editable .select-exp-mm,
  .container-credit-card-fieldset .input-cvv, .fieldset-creditcard-editable .input-cvv,
  .container-credit-card-fieldset .select-exp-yy, .fieldset-creditcard-editable .select-exp-yy {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px; }
  .container-credit-card-fieldset .input-cc, .fieldset-creditcard-editable .input-cc {
    width: 50%;
    padding-right: 20px;
    vertical-align: top; }
  .container-credit-card-fieldset .select-exp-mm, .fieldset-creditcard-editable .select-exp-mm {
    width: 16.6%;
    padding-right: 20px;
    vertical-align: top; }
  .container-credit-card-fieldset .input-cvv, .fieldset-creditcard-editable .input-cvv,
  .container-credit-card-fieldset .select-exp-yy, .fieldset-creditcard-editable .select-exp-yy {
    width: 16.6%;
    padding-right: 10px;
    vertical-align: top; }
  .container-credit-card-fieldset .input-cvv, .fieldset-creditcard-editable .input-cvv {
    padding-right: 0px;
    padding-left: 10px; }
  .container-credit-card-fieldset .input-cvv .inline-error-message, .fieldset-creditcard-editable .input-cvv .inline-error-message {
    white-space: normal; }

.new-credit-card-container .save-to-account,
.new-credit-card-container .set-as-default {
  margin-bottom: 0px; }

/* Is Billing Section? */
.fieldset-creditcard-editable {
  margin-bottom: 0; }
  .fieldset-creditcard-editable .input-cc {
    margin-bottom: 0; }
@charset "UTF-8";
/**
* Payment Method  (Desktop)
**/
/**
* Payment Method
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.payment-method-container {
  display: inline-block;
  width: 100%;
  position: relative; }

/* Payment Method Section */
.checkout-review-payment-method, .checkout-billing-container .card-container {
  width: 50%;
  position: relative;
  display: inline-block;
  vertical-align: top; }
  .checkout-review-payment-method .title-payment-method, .checkout-billing-container .card-container .title-payment-method {
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-transform: none;
    color: #333333;
    display: block;
    margin-bottom: 10px; }
    .checkout-review-payment-method .title-payment-method strong, .checkout-billing-container .card-container .title-payment-method strong {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.36;
      text-decoration: none;
      text-transform: none;
      color: #666666;
      color: #999999; }
  .checkout-review-payment-method .card-info-figure-and-title, .checkout-billing-container .card-container .card-info-figure-and-title {
    font-size: 0;
    vertical-align: middle; }
  .checkout-review-payment-method .card-info-figure, .checkout-billing-container .card-container .card-info-figure {
    width: 45px;
    margin-right: 15px;
    vertical-align: middle;
    position: relative;
    bottom: 2px; }
  .checkout-review-payment-method + .checkout-review-billing-address, .checkout-billing-container .card-container + .checkout-review-billing-address {
    margin-top: 30px; }

/* Cvv Section */
.express-cvv-container {
  width: 30%;
  float: right;
  position: relative;
  display: inline-block;
  /* Title of section */
  /* Cvv containing */
  /* Cvv Label */ }
  .express-cvv-container .title-cvv {
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-transform: none;
    color: #333333;
    display: block;
    position: relative;
    margin-bottom: -10px; }
  .express-cvv-container .tooltip-cvv {
    top: -4px; }
  .express-cvv-container .express-cvv {
    padding: 0px; }
  .express-cvv-container .input-cvv-express-checkout {
    margin-bottom: 0px; }
    .express-cvv-container .input-cvv-express-checkout input {
      margin-top: 0px; }
    .express-cvv-container .input-cvv-express-checkout > span {
      display: none; }
  .express-cvv-container .inline-error-message {
    white-space: normal;
    width: calc(100% + 14px); }

/* Is Express Checkout? */
.checkout-express-container,
.express {
  /* Button Edit in Billing section */ }
  .checkout-express-container .checkout-review-billing .checkout-summary-edit,
  .express .checkout-review-billing .checkout-summary-edit {
    top: 55px; }
  .checkout-express-container .card-info,
  .express .card-info {
    margin-top: 15px; }
  .checkout-express-container .checkout-review-payment-method, .checkout-express-container .checkout-billing-container .card-container, .checkout-billing-container .checkout-express-container .card-container,
  .express .checkout-review-payment-method,
  .express .checkout-billing-container .card-container, .checkout-billing-container
  .express .card-container {
    width: auto; }
  .checkout-express-container .express-cvv-container,
  .express .express-cvv-container {
    width: calc(100% - 213px);
    float: none;
    padding-left: 20px;
    padding-right: 20px;
    /* Right Line */ }
    .checkout-express-container .express-cvv-container:before,
    .express .express-cvv-container:before {
      content: '';
      position: absolute;
      right: 0px;
      width: 1px;
      height: 110%;
      top: -5%;
      display: inline-block;
      background-color: rgba(51, 51, 51, 0.11); }
    .checkout-express-container .express-cvv-container + .checkout-review-billing-address,
    .express .express-cvv-container + .checkout-review-billing-address {
      margin-top: 30px; }
  .checkout-express-container .checkout-review-billing-address,
  .express .checkout-review-billing-address {
    width: 100%; }

/* Is Billing Section? */
.checkout-billing-container .card-container {
  width: 70%; }
  .checkout-billing-container .card-container .card-suffix {
    top: -12px;
    position: relative;
    margin-left: 10px; }
  .checkout-billing-container .card-container img {
    width: 40px;
    position: relative;
    top: -4px; }

.checkout-billing-container .payment-method-title {
  margin-bottom: 15px; }

.checkout-billing-container .card-info {
  margin-top: 15px; }

/* Payment Method Section */
.checkout-review-payment-method, .checkout-billing-container .card-container {
  width: 100%; }
  .checkout-review-payment-method .title-payment-method, .checkout-billing-container .card-container .title-payment-method {
    margin-bottom: 8px; }

/* Cvv Section */
.express-cvv-container {
  width: 50%;
  padding-left: 60px; }

/* Is Express Checkout? */
.express .express-cvv-container {
  width: 50%;
  float: right;
  padding: 0px;
  padding-left: 60px;
  /* Right Line */ }
  .express .express-cvv-container:before {
    content: '';
    display: none; }

.checkout-billing-container .card-container {
  width: 50%; }

@media screen and (max-width: 1200px) {
  .checkout-billing-container .card-container {
    width: 100%; }
  .checkout-billing-container .express-cvv-container {
    position: absolute;
    right: -60px;
    width: 85px;
    padding: 0; } }
@charset "UTF-8";
/**
 * Checkout Billing Section (Desktop)
 **/
/**
 * Checkout Billing Section (Mobile)
 **/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* General alignments of Billing Section */
.checkout-billing-container {
  /* Mini Section inside Billing */
  /* Button internationally shipping */
  /* Giftcard only in Billing Section */
  /* Payment only in Billing Section */
  /* Billing Address: Checkbox input of "Same as Shipping" */
  /* Billing Address: Checkbox input of "Set as Default" */
  /* Custom Select: Select from card on file */ }
  .checkout-billing-container .checkout-billing-section .address-shipping-view {
    padding-bottom: 0px;
    border-bottom: 0px;
    margin-bottom: 0px; }
  .checkout-billing-container .checkout-billing-section .address-container {
    margin-bottom: 20px; }
  .checkout-billing-container .checkout-billing-section .fieldset-address-editable {
    padding: 0px; }
  .checkout-billing-container .checkout-billing-section .checkbox-same-shipping + .address-container {
    margin-top: 20px; }
  .checkout-billing-container .button-shipping-internationally {
    float: right;
    margin-right: 8px;
    margin-bottom: 10px;
    margin-top: 5px; }
  .checkout-billing-container .gift-cards-section {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 30px;
    margin-top: 0px;
    margin-bottom: 30px; }
    .checkout-billing-container .gift-cards-section .checkout-section-title {
      display: block; }
    .checkout-billing-container .gift-cards-section + .error-box {
      margin-bottom: 20px; }
    .checkout-billing-container .gift-cards-section .gift-card-add-submit .general-loading {
      top: 50%;
      transform: translateY(-50%); }
  .checkout-billing-container .payment-review-section {
    margin-top: 20px; }
  .checkout-billing-container .same-as-shipping-container,
  .checkout-billing-container .checkbox-set-default-container {
    display: block;
    margin: 15px 0px 20px; }
  .checkout-billing-container .address-billing {
    margin-top: 10px;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%; }
  .checkout-billing-container .address-billing-container {
    margin-top: 20px; }
  .checkout-billing-container .message-paypal {
    margin-top: 10px;
    margin-bottom: 20px; }
  .checkout-billing-container .checkout-summary-edit {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    color: #333333;
    text-decoration: underline;
    position: absolute;
    right: -50px;
    top: calc(50% + 5px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

.button-add-card {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  color: #333333;
  font-size: 15px;
  letter-spacing: 0;
  text-transform: none;
  display: inline-block;
  background-clip: padding-box;
  padding: 3px 0 1px 0;
  margin-top: 4px;
  outline: 0;
  height: 25px;
  width: 100%;
  border: 0px solid transparent;
  border-bottom: 1px solid #e3e3e3;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  display: block;
  line-height: 1.25;
  margin-top: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  color: #333333;
  /* Icono chevron para Dropdown */ }
  .button-add-card:-ms-input-placeholder {
    color: transparent; }
  .button-add-card:-moz-placeholder {
    color: transparent; }
  .button-add-card::-moz-placeholder {
    color: transparent; }
  .button-add-card::-webkit-input-placeholder {
    color: transparent; }
  .button-add-card:after {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    border-right: 2px solid #333333;
    border-top: 2px solid #333333;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 20px;
    bottom: 8px; }

.service-error {
  margin-top: 20px; }

/* Select Address in billing */
.select-address-billing {
  margin-top: 20px; }
  .select-address-billing:empty {
    display: none; }
  .select-address-billing .checkbox-same-shipping {
    margin-bottom: 20px; }

/* Payment Method Form for Billing Section
  ========================================================================== */
/* Payment Method Form only for Billing Section */
.payment-method-form-container {
  margin: 10px 0px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  /* Paypal box */ }
  .payment-method-form-container .payment-box {
    width: 50%;
    position: relative;
    /* Título del button */
    /* Subtítulo del button */
    display: -webkit-flex;
    display: flex; }
    .payment-method-form-container .payment-box .label-radio {
      width: calc(100% / 1);
      margin: 0px 0px 5px;
      display: inline-block;
      text-align: center;
      position: relative;
      vertical-align: middle; }
      .payment-method-form-container .payment-box .label-radio .input-radio-icon-unchecked, .payment-method-form-container .payment-box .label-radio .input-radio-icon-checked {
        top: auto;
        width: calc(100% - 4px);
        height: 100%;
        display: inline-block;
        left: 0px;
        position: absolute;
        background: #e3e3e3;
        border-radius: 0;
        margin-left: 0; }
        .payment-method-form-container .payment-box .label-radio .input-radio-icon-unchecked:before, .payment-method-form-container .payment-box .label-radio .input-radio-icon-checked:before {
          height: calc(100% + 4px);
          width: 100%;
          left: 0px;
          top: -2px;
          border: 0;
          display: inline-block;
          border-radius: 0;
          position: relative;
          background-color: transparent;
          position: relative;
          z-index: 2; }
        .payment-method-form-container .payment-box .label-radio .input-radio-icon-unchecked:after, .payment-method-form-container .payment-box .label-radio .input-radio-icon-checked:after {
          background: none; }
        .payment-method-form-container .payment-box .label-radio .input-radio-icon-unchecked.focused:after, .payment-method-form-container .payment-box .label-radio .focused.input-radio-icon-checked:after, .payment-method-form-container .payment-box .label-radio .input-radio-icon-unchecked.pressed:after, .payment-method-form-container .payment-box .label-radio .pressed.input-radio-icon-checked:after, .payment-method-form-container .payment-box .label-radio .input-radio-icon-unchecked:active:after, .payment-method-form-container .payment-box .label-radio .input-radio-icon-checked:active:after, .payment-method-form-container .payment-box .label-radio .input-radio-icon-unchecked:focus:after, .payment-method-form-container .payment-box .label-radio .input-radio-icon-checked:focus:after {
          content: '';
          display: inline-block;
          background: #e3e3e3;
          width: 100%;
          height: 100%;
          z-index: 0;
          position: absolute;
          background: #e3e3e3;
          border-radius: 0;
          border: 0;
          left: 0;
          top: 0; }
      .payment-method-form-container .payment-box .label-radio .input-radio-icon-checked {
        border: transparent;
        width: 100%; }
        .payment-method-form-container .payment-box .label-radio .input-radio-icon-checked:before {
          -webkit-box-shadow: inset 0 0 0 2px #333333;
          -moz-box-shadow: inset 0 0 0 2px #333333;
          box-shadow: inset 0 0 0 2px #333333; }
    .payment-method-form-container .payment-box .input-radio-title, .payment-method-form-container .payment-box .input-subtitle {
      margin-left: 0;
      z-index: 1;
      position: relative;
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0.25px;
      line-height: 1.38;
      color: #333333;
      padding: 12px 0;
      width: 100%;
      vertical-align: initial; }
    .payment-method-form-container .payment-box .input-subtitle {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      color: #666666;
      padding: 0 0 12px;
      margin-top: -12px; }
    .payment-method-form-container .payment-box .label-radio {
      padding-left: 0; }
  .payment-method-form-container > div:last-of-type .input-radio-title, .payment-method-form-container > div:last-of-type .payment-box .input-subtitle {
    top: 49%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0; }
  .payment-method-form-container img {
    width: 105px;
    vertical-align: middle; }
  .payment-method-form-container .credit-card-method .input-subtitle {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    padding: 0 10px 10px; }

/* Custom Select: Select from card on file
   ========================================================================== */
/* Custom select container of Title and DropdownList: Close state */
.address-billing .custom-select-common {
  width: 100%;
  margin-top: 10px;
  vertical-align: top; }

/* Item selected */
.selected-card > strong {
  margin-left: 7px;
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.42;
  text-transform: uppercase;
  color: #999999;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none; }

/* Item */
.dropdown-address-book-item {
  /* Tarjeta expirada */ }
  .dropdown-address-book-item img {
    width: 45px;
    position: relative;
    margin-right: 15px;
    vertical-align: middle; }
  .dropdown-address-book-item .cardholder-name {
    display: block;
    line-height: normal;
    margin-bottom: 7px; }
  .dropdown-address-book-item strong,
  .dropdown-address-book-item .expired-card {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #999999;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: none;
    margin-left: 7px; }

.dropdown-address-book-items-list li {
  border-bottom: solid 1px rgba(51, 51, 51, 0.11); }

.dropdown-address-book-highlighted {
  border-bottom: 0px;
  /* Tarjeta expirada */ }
  .dropdown-address-book-highlighted strong,
  .dropdown-address-book-highlighted .expired-card {
    color: #ffffff; }

/* FormSection name="billing" (Guest)
   ========================================================================== */
.form-adding-card, .form-editing-card {
  margin-top: 25px; }
  .form-adding-card .input-cc, .form-editing-card .input-cc {
    width: 100%;
    margin-bottom: 25px; }
  .form-adding-card .select-exp-mm, .form-editing-card .select-exp-mm,
  .form-adding-card .select-exp-yy, .form-editing-card .select-exp-yy {
    width: calc(30%);
    padding: 0px;
    margin: 0px;
    padding-right: 5px;
    vertical-align: top; }
  .form-adding-card .select-exp-yy, .form-editing-card .select-exp-yy {
    padding-right: 5px;
    padding-left: 5px; }
  .form-adding-card .input-cvv, .form-editing-card .input-cvv {
    width: calc(40%);
    padding: 0px;
    padding-left: 5px;
    margin: 0px;
    vertical-align: top; }

/* FormSection name="editCard"
   ========================================================================== */
.form-editing-card .set-as-default {
  margin: 25px 0px; }

.new-credit-card-container .set-as-default {
  margin-top: 25px; }

/* Edit and Add's Modals */
.address-book-select-overlay .modal-title,
.payment-method-select-overlay .modal-title {
  text-align: center; }

.address-book-select-overlay .title-billing-address,
.payment-method-select-overlay .title-billing-address {
  margin-bottom: 20px; }

.address-book-select-overlay .address-billing-view,
.payment-method-select-overlay .address-billing-view {
  position: relative; }

.address-book-select-overlay .button-edit-address,
.payment-method-select-overlay .button-edit-address {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333;
  text-decoration: underline;
  position: relative; }

.address-book-select-overlay .button-add-address,
.payment-method-select-overlay .button-add-address {
  margin-top: 0px; }

.address-book-select-overlay .container-billing-section-title,
.payment-method-select-overlay .container-billing-section-title {
  position: absolute;
  right: 10px;
  top: calc(50% + 30px);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.address-book-select-overlay .save-to-account,
.payment-method-select-overlay .save-to-account {
  margin-bottom: 15px; }
  .address-book-select-overlay .save-to-account + .set-as-default,
  .payment-method-select-overlay .save-to-account + .set-as-default {
    margin-top: 0px; }

/* Payment Method Overlay (only) */
.payment-method-select-overlay .fieldset-creditcard-editable {
  margin-bottom: 30px; }

/* Address Book Overlay (Edit Address Form) (only) */
.address-book-select-overlay .input-zip-code {
  float: left; }

.address-book-select-overlay .select-state + .input-zip-code {
  float: right; }

.address-container .aux-char {
  display: none; }

/* Checkout billing container
   ========================================================================== */
.checkout-billing-container .checkout-shipping-section {
  margin-top: 20px; }

.checkout-billing-container .title-billing-address {
  margin-bottom: 10px; }

.checkout-billing-container .credit-card-form-container {
  margin-bottom: 20px; }

.checkout-billing-container button +
.address-container {
  margin-top: 20px;
  position: relative; }
  .checkout-billing-container button +
.address-container:before {
    content: '';
    width: 1px;
    background-color: #e3e3e3;
    height: 100%;
    right: 20%;
    position: absolute; }

.checkout-billing-container .button-edit-address {
  z-index: 99; }

.checkout-container .mobile-checkout-field .credit-card-form-container {
  margin-right: 0;
  padding-right: 0; }
  .checkout-container .mobile-checkout-field .credit-card-form-container:before {
    display: none; }

.checkout-container .mobile-checkout-field .title-payment-method {
  margin-bottom: 18px; }

.checkout-container .mobile-checkout-field .checkout-summary-edit {
  top: 12px;
  right: 5px; }

.checkout-container .mobile-checkout-field .card-container {
  width: 55%; }

.checkout-container .mobile-checkout-field .express-cvv-container {
  width: 35%; }

/* General alignments of Billing Section */
.checkout-billing-container {
  /* Giftcard only in Billing Section */
  /* Credit Card Form (View or Edit form) */
  /* Payment Method Form only for Billing Section */
  /* Credit card Input */ }
  .checkout-billing-container .address-billing-container {
    margin-top: 30px; }
    .checkout-billing-container .address-billing-container .same-as-shipping-checkbox {
      margin: 10px 0px 20px; }
    .checkout-billing-container .address-billing-container .billing-address-section .dropdown-address-book {
      margin-bottom: 25px; }
  .checkout-billing-container .gift-cards-section {
    padding-bottom: 40px;
    margin-bottom: 40px; }
  .checkout-billing-container .save-to-account {
    margin-top: 20px;
    margin-right: 41%; }
  .checkout-billing-container .set-as-default {
    margin-top: 10px;
    display: block; }
  .checkout-billing-container .credit-card-form-container {
    width: calc(50% - 20px);
    margin-top: 30px;
    /* Billing Address display (if the user has one)*/ }
    .checkout-billing-container .credit-card-form-container .address-container {
      margin-top: 30px; }
  .checkout-billing-container .payment-method-form-container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 7px;
    /* Paypal box */
    /* Both */ }
    .checkout-billing-container .payment-method-form-container > div:last-of-type .input-radio-title, .checkout-billing-container .payment-method-form-container > div:last-of-type .payment-box .input-subtitle {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      position: relative; }
    .checkout-billing-container .payment-method-form-container .payment-box-radio-button {
      position: relative;
      width: calc(50% - 5px);
      vertical-align: top;
      border: solid 2px #666666;
      background: #e3e3e3;
      padding: 19px; }
      .checkout-billing-container .payment-method-form-container .payment-box-radio-button img {
        width: 105px;
        vertical-align: middle; }
      .checkout-billing-container .payment-method-form-container .payment-box-radio-button .input-radio .input-title,
      .checkout-billing-container .payment-method-form-container .payment-box-radio-button .input-radio .input-subtitle {
        padding-left: 20px; }
      .checkout-billing-container .payment-method-form-container .payment-box-radio-button .input-radio-icon-checked,
      .checkout-billing-container .payment-method-form-container .payment-box-radio-button .input-radio-icon-unchecked,
      .checkout-billing-container .payment-method-form-container .payment-box-radio-button .payment-box .label-radio .input-radio-icon-checked,
      .checkout-billing-container .payment-method-form-container .payment-box .label-radio .payment-box-radio-button .input-radio-icon-checked {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
    .checkout-billing-container .payment-method-form-container .paypal-method .input-title {
      position: relative;
      top: auto;
      transform: translateY(0%); }
    .checkout-billing-container .payment-method-form-container .credit-card-method .input-subtitle {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0;
      line-height: 1.15;
      text-decoration: none;
      text-transform: none;
      color: #666666;
      padding: 0; }
  .checkout-billing-container .payment-method-form-container + .message-paypal {
    margin-top: 20px;
    margin-bottom: 0px; }
  .checkout-billing-container .button-shipping-internationally {
    margin-left: -169px; }
  .checkout-billing-container .checkout-summary-edit {
    position: relative;
    right: inherit;
    top: inherit;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  .checkout-billing-container .input-cc {
    /* Credit card image */ }
    .checkout-billing-container .input-cc .credit-card-image {
      margin-right: 20px; }

/*Select Address in billing */
.select-address-billing {
  margin-top: 20px;
  margin-bottom: 20px; }
  .select-address-billing .checkbox-same-shipping {
    margin-bottom: 15px;
    margin-right: 60%; }
  .select-address-billing .title-billing-address {
    margin-bottom: 10px;
    margin-top: 30px; }

.payment-information-container.billing-form-disabled {
  pointer-events: none;
  position: relative;
  opacity: .4; }

.payment-information-container + .error-message-edit-form {
  margin-top: 30px; }

.checkout-billing-container .address-billing {
  margin-bottom: 0; }

.checkout-billing-section .checkout-section-title {
  margin-top: 30px; }
  .checkout-billing-section .checkout-section-title.payment-method-section {
    margin-top: 0px; }

.checkout-billing-section .add-new-card-and-address-container {
  margin-top: 30px; }

.paypal-button-container.service-error + .button-previous-step {
  margin-top: 25px; }

/* Custom Select: Select from card on file
   ========================================================================== */
/* Custom select container of Title and DropdownList: Close state */
.address-billing .custom-select-common {
  width: calc(50% - 20px); }
@charset "UTF-8";
/**
 * Shipping Review Section
 **/
/**
 * Shipping Review Section
 **/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Is Express Checkout? */
.express {
  /* Button Edit in Shipping section */ }
  .express .checkout-review-shipping .checkout-summary-edit {
    top: 120px; }
  .express .checkout-review-shipping-address {
    position: relative;
    width: calc(100% - 53px);
    /* Right Line */ }
    .express .checkout-review-shipping-address:before {
      content: '';
      position: absolute;
      right: 0px;
      width: 1px;
      height: 100%;
      top: 0px;
      display: inline-block;
      background-color: rgba(51, 51, 51, 0.11); }

.checkout-review-shipping-method {
  margin-top: 2px; }

.checkout-review-pickup + .checkout-review-shipping {
  margin-top: 40px; }

.checkout-review-gift-wrapping {
  margin-top: 20px;
  margin-bottom: 0px; }
  .checkout-review-gift-wrapping .gift-wrapping-name {
    width: 100%; }

.shipping-methods label {
  margin-bottom: 20px;
  margin-right: 30%; }

/* Is Express Checkout? */
.express {
  /* Button Edit in Shipping section */ }
  .express .checkout-review-shipping .checkout-summary-edit {
    top: auto; }
  .express .checkout-review-shipping-address {
    width: calc(50% - 30px);
    margin-right: 60px;
    /* Right Line */ }
    .express .checkout-review-shipping-address:before {
      content: '';
      display: none; }
  .express .shipping-methods {
    padding-left: 0px; }
  .express .checkout-review-gift-wrapping-form {
    width: calc(50% - 30px);
    float: right; }
@charset "UTF-8";
/**
 * Billing Review Section (Desktop)
 **/
/**
 * Billing Review Section
 **/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
@charset "UTF-8";
/**
 * Cart Item List for Review and Express Checkout Desktop
 **/
/**
 * Cart Item List for Review and Express Checkout Mobile
 **/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.checkout-cart-list {
  /* Title of section */
  /* text for previous price */ }
  .checkout-cart-list > h3 {
    display: none; }
  .checkout-cart-list .header-list {
    position: relative; }
  .checkout-cart-list .title-list-product {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    margin-right: 20px; }
  .checkout-cart-list .store-of-product {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #666666;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    margin-right: 5px; }
  .checkout-cart-list .item-shopping-cart span {
    display: inline-block; }
    .checkout-cart-list .item-shopping-cart span.text-color, .checkout-cart-list .item-shopping-cart span.text-fit, .checkout-cart-list .item-shopping-cart span.text-size, .checkout-cart-list .item-shopping-cart span.text-qty {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.36;
      text-decoration: none;
      text-transform: none;
      color: #666666;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      display: inline-block; }
  .checkout-cart-list .product-list-price {
    color: #999999;
    text-decoration: line-through; }
  .checkout-cart-list .container-description-view span {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    display: inline-block;
    position: relative; }
    .checkout-cart-list .container-description-view span:after {
      content: '';
      top: 1px;
      padding-left: 0px;
      background-color: #666666;
      margin: 0px 10px;
      width: 1px;
      height: 10px;
      display: inline-block;
      position: relative; }
    .checkout-cart-list .container-description-view span:last-of-type:after {
      display: none; }
  .checkout-cart-list .container-list-shopping-cart {
    overflow: initial;
    margin-top: 8px;
    margin-bottom: 27px;
    height: auto; }
  .checkout-cart-list .item-shopping-cart {
    padding: 10px 0 7px;
    border-top: 1px solid #e3e3e3; }
    .checkout-cart-list .item-shopping-cart:last-child {
      border-bottom: 1px solid #e3e3e3; }
  .checkout-cart-list .container-image {
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .checkout-cart-list .product-description {
    margin-left: 8px;
    width: calc(100% - 48px); }
  .checkout-cart-list .department-name {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    width: 60%;
    margin-top: 2px;
    min-height: 14px;
    line-height: normal; }
  .checkout-cart-list .container-description-view {
    width: 60%;
    margin: 4px 0 0; }
  .checkout-cart-list .container-price {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-align: right;
    width: 40%;
    position: absolute;
    top: 50%;
    margin-top: 12px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px; }

.checkout-cart-list {
  /* text for previous price */ }
  .checkout-cart-list h3 {
    display: block;
    margin-bottom: 15px; }
  .checkout-cart-list .product-list-price {
    color: #999999;
    text-decoration: line-through; }
  .checkout-cart-list .container-list-shopping-cart {
    overflow: initial;
    margin-top: 8px;
    margin-bottom: 27px;
    height: auto; }
    .checkout-cart-list .container-list-shopping-cart:last-child {
      margin-bottom: 0; }
  .checkout-cart-list .item-shopping-cart {
    padding: 10px 0 7px;
    border-top: 1px solid #e3e3e3; }
    .checkout-cart-list .item-shopping-cart:last-child {
      border-bottom: 1px solid #e3e3e3; }
  .checkout-cart-list .product-description {
    margin-left: 10px;
    width: calc(100% - 50px); }
  .checkout-cart-list .department-name {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    color: #333333;
    margin-top: 0px;
    min-height: 14px;
    padding-right: 135px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .checkout-cart-list .container-description-view {
    margin: 11px 0 0;
    width: 100%; }
  .checkout-cart-list .container-price {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    top: 0;
    margin-top: 0px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
@charset "UTF-8";
/* ==========================================================================
	Review
   ========================================================================== */
/**
 * Review
 **/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/* Review Section */
.checkout-review-section {
  display: inline-block;
  width: 100%; }
  .checkout-review-section .shipping-method-title,
  .checkout-review-section .gift-wrapping-title {
    display: none; }

.checkout-review-billing,
.gift-cards-section,
.checkout-cart-list,
.accordion-cart-list,
.checkout-review-pickup + .checkout-review-shipping {
  margin-top: 28px; }

section:empty + .gift-cards-section {
  margin-top: 0px; }

/* Checkout Express Section */
.express .checkout-review-section .shipping-method-title {
  display: block; }

.express .checkout-review-section .gift-wrapping-title {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #333333;
  display: block;
  margin-bottom: 8px; }

.express .checkout-review-section .shipping-method fieldset {
  padding: 0; }

.express .checkout-review-gift-wrapping {
  margin-top: 30px; }

/* General Sections of Review */
.checkout-review-section > section {
  display: inline-block;
  width: calc(50% - 30px);
  float: left; }
  .checkout-review-section > section .shipping-method-title,
  .checkout-review-section > section .gift-wrapping-title {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    display: block; }

section + .gift-cards-section,
section + .checkout-review-shipping-method,
section + .checkout-review-gift-wrapping,
section + .checkout-review-pickup-alternate {
  float: right; }

section:empty + .gift-cards-section,
section:empty + .checkout-review-shipping-method,
section:empty + .checkout-review-gift-wrapping {
  float: none; }

/* Billing Section */
.checkout-review-billing {
  margin-top: 40px; }

/* Shipping Section when under the Pick Up Section */
.checkout-review-pickup + .checkout-review-shipping {
  margin-top: 40px; }

/* Gift Cards Section */
.gift-cards-section {
  margin-top: 0px; }

/* Cart Item List Section */
.checkout-cart-list {
  margin-top: 52px; }

/* Gift Wrapping container only in Express Checkout */
.express .checkout-review-gift-wrapping {
  margin: 0px; }

.express .checkout-review-section .gift-wrapping-title {
  margin-bottom: 8px; }

@media (max-width: 1190px) {
  .express .checkout-review-section .payment-review-section {
    float: none;
    display: block; }
  .express .checkout-review-section .gift-cards-section {
    float: none;
    display: block;
    margin-top: 20px;
    width: 60%; } }
@charset "UTF-8";
/**
 * Navigation Confirmation (Desktop)
 **/
/**
 * Navigation Confirmation (Mobile)
 **/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.navigation-confirmation {
  /*  display: none;*/ }
  .navigation-confirmation.expanded {
    display: block;
    position: absolute;
    z-index: 2;
    margin-top: 10px;
    z-index: 2;
    border: 1px solid #999999;
    background: #ffffff;
    padding: 10px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 23px 1px rgba(0, 0, 0, 0.37);
    -moz-box-shadow: 0px 0px 23px 1px rgba(0, 0, 0, 0.37);
    box-shadow: 0px 0px 23px 1px rgba(0, 0, 0, 0.37);
    top: 0px;
    width: 80%;
    margin-left: 15px;
    max-height: 160px; }
  .navigation-confirmation .icon-arrow {
    position: absolute;
    top: -8px;
    left: 0; }
    .navigation-confirmation .icon-arrow:after, .navigation-confirmation .icon-arrow:before {
      content: '';
      position: absolute;
      left: 0;
      top: 4px;
      background: #333333;
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .navigation-confirmation .icon-arrow:after {
      width: 9px;
      height: 1px; }
    .navigation-confirmation .icon-arrow:before {
      width: 1px;
      height: 9px;
      top: 0;
      left: 10px; }
  .navigation-confirmation span {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    text-align: center;
    display: block;
    margin-bottom: 4px; }
  .navigation-confirmation button {
    width: 80%;
    margin: 5px 0px; }
    .navigation-confirmation button.button-stay {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0;
      height: 22px;
      display: inline-block;
      color: #ffffff;
      cursor: pointer;
      text-align: center;
      text-decoration: none;
      padding: 0 10px;
      border: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-background-clip: padding;
      -moz-background-clip: padding;
      background-clip: padding-box;
      width: 100%;
      height: 34px;
      line-height: 36px;
      position: relative;
      background-color: #333333;
      width: 80%; }
      .navigation-confirmation button.button-stay.focused, .navigation-confirmation button.button-stay:focus {
        background-color: #333333; }
      .navigation-confirmation button.button-stay.pressed, .navigation-confirmation button.button-stay:active {
        background-color: #4873bb; }
      .navigation-confirmation button.button-stay.disabled, .navigation-confirmation button.button-stay:disabled {
        background-color: #999999; }

.navigation-confirmation {
  display: none; }
  .navigation-confirmation.expanded {
    display: block;
    position: absolute;
    z-index: 2;
    margin-top: 10px;
    z-index: 1002;
    border: 1px solid #999999;
    background: #ffffff;
    padding: 20px;
    text-align: left;
    width: 420px;
    -webkit-box-shadow: 0px 0px 23px -8px rgba(0, 0, 0, 0.37);
    -moz-box-shadow: 0px 0px 23px -8px rgba(0, 0, 0, 0.37);
    box-shadow: 0px 0px 23px -8px rgba(0, 0, 0, 0.37); }
  .navigation-confirmation .icon-arrow {
    position: absolute;
    top: -8px;
    left: 0; }
    .navigation-confirmation .icon-arrow:after, .navigation-confirmation .icon-arrow:before {
      content: '';
      position: absolute;
      left: 0;
      top: 4px;
      background: #333333;
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .navigation-confirmation .icon-arrow:after {
      width: 9px;
      height: 1px; }
    .navigation-confirmation .icon-arrow:before {
      width: 1px;
      height: 9px;
      top: 0;
      left: 10px; }
  .navigation-confirmation span {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    text-align: center;
    display: block;
    margin-bottom: 15px; }
  .navigation-confirmation button {
    width: 48%; }
    .navigation-confirmation button.button-stay {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0;
      height: 22px;
      display: inline-block;
      color: #ffffff;
      cursor: pointer;
      text-align: center;
      text-decoration: none;
      padding: 0 10px;
      border: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-background-clip: padding;
      -moz-background-clip: padding;
      background-clip: padding-box;
      width: 100%;
      height: 34px;
      line-height: 36px;
      position: relative;
      background-color: #333333;
      width: 48%; }
      .navigation-confirmation button.button-stay.focused, .navigation-confirmation button.button-stay:focus {
        background-color: #333333; }
      .navigation-confirmation button.button-stay.pressed, .navigation-confirmation button.button-stay:active {
        background-color: #4873bb; }
      .navigation-confirmation button.button-stay.disabled, .navigation-confirmation button.button-stay:disabled {
        background-color: #999999; }
    .navigation-confirmation button:last-of-type {
      float: right; }
@charset "UTF-8";
/**
* Confirmation Thanks Display (Desktop)
**/
/**
* Confirmation Thanks Display (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/* Componente de Thanks que contiene Numero y Fecha de Orden */
.confirmation-thanks {
  background-color: #ffffff;
  position: relative;
  text-align: center;
  padding: 16px 16px 21px;
  width: calc(100% + 32px);
  margin: 0px -16px;
  border: 0;
  margin-bottom: 6px;
  /* Título del componente Thanks */ }
  .confirmation-thanks h1 {
    text-transform: none; }
  .confirmation-thanks h3 {
    text-transform: none; }

.pending-notification {
  padding-bottom: 10px; }

.confirmation-title .pending-notification {
  margin: 20px 0px; }

.confirmation-email {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333;
  margin: 15px auto 29px;
  text-transform: none; }
  .confirmation-email > strong {
    display: block; }
    .confirmation-email > strong.mixed-order-message {
      display: inline-block; }

/* Componente de Thanks que contiene Numero y Fecha de Orden */
.confirmation-thanks {
  padding: 0px 110px 0px;
  width: 100%;
  margin: 0px;
  border: 0;
  /* Título del componente Thanks */ }
  .confirmation-thanks h1 {
    margin: 0px 0 16px;
    text-transform: none; }

.confirmation-title {
  padding-top: 88px; }

.pending-notification {
  padding-bottom: 10px; }

/* Subheading de Thanks */
.confirmation-email {
  width: 100%;
  margin: 8px auto 31px; }
@charset "UTF-8";
/**
* Confirmation Item Display (Desktop)
**/
/**
* Confirmation Item Display (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.confirmation-item-container {
  display: block;
  margin: 0 auto; }

.confirmation-item {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333;
  display: inline-block;
  text-align: center;
  position: relative;
  padding: 0px 15px;
  /* Order number y Order date */
  /* Número de orden de compra */ }
  .confirmation-item:after {
    content: '';
    width: 1px;
    height: 32px;
    right: 0;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #333333;
    display: inline-block; }
  .confirmation-item:last-of-type:after {
    display: none; }
  .confirmation-item strong {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    line-height: 22px;
    text-transform: none;
    display: block; }
  .confirmation-item > a {
    color: #333333;
    text-decoration: underline; }

.confirmation-item-container {
  padding-bottom: 20px; }
@charset "UTF-8";
/**
* Confirmation Order Number Display (Desktop)
**/
/**
* Confirmation Order Number Display (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
@charset "UTF-8";
/**
* Confirmation Create Account Form (Desktop)
**/
/**
* Confirmation Create Account Form (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.confirmation-section,
.confirmation {
  /* Componente de Create account (contenedor) */ }
  .confirmation-section .create-account,
  .confirmation .create-account {
    padding: 0px 9px;
    padding-top: 27px;
    text-align: center;
    /* Subheading de Create account */
    /* Contenedor del Título y mail del usuario no registrado */
    /* Inputs password */
    /* Checkbox de términos y condiciones */ }
    .confirmation-section .create-account input,
    .confirmation .create-account input {
      height: inherit; }
    .confirmation-section .create-account .get-bonus,
    .confirmation .create-account .get-bonus {
      margin: 6px 0;
      position: relative; }
      .confirmation-section .create-account .get-bonus.get-bonus-open:after,
      .confirmation .create-account .get-bonus.get-bonus-open:after {
        content: '';
        position: fixed;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: transparent;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px; }
      .confirmation-section .create-account .get-bonus .tooltip-container,
      .confirmation .create-account .get-bonus .tooltip-container {
        width: auto;
        margin-top: 20px;
        padding: 10px;
        left: 0px;
        right: 0px; }
        .confirmation-section .create-account .get-bonus .tooltip-container:after, .confirmation-section .create-account .get-bonus .tooltip-container:before,
        .confirmation .create-account .get-bonus .tooltip-container:after,
        .confirmation .create-account .get-bonus .tooltip-container:before {
          content: "";
          display: block;
          z-index: 1;
          position: absolute;
          border-width: 10px;
          border-style: solid;
          border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; }
        .confirmation-section .create-account .get-bonus .tooltip-container:after,
        .confirmation .create-account .get-bonus .tooltip-container:after {
          z-index: 2;
          border-color: transparent transparent #ffffff transparent;
          margin-left: -8px;
          border-width: 8px;
          bottom: -16px; }
        .confirmation-section .create-account .get-bonus .tooltip-container img,
        .confirmation .create-account .get-bonus .tooltip-container img {
          width: 100%; }
        .confirmation-section .create-account .get-bonus .tooltip-container a,
        .confirmation .create-account .get-bonus .tooltip-container a {
          width: 100%;
          display: inline-block; }
        .confirmation-section .create-account .get-bonus .tooltip-container:before,
        .confirmation .create-account .get-bonus .tooltip-container:before {
          left: calc(50% - 10px);
          top: -20px;
          bottom: initial;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg); }
        .confirmation-section .create-account .get-bonus .tooltip-container:after,
        .confirmation .create-account .get-bonus .tooltip-container:after {
          left: calc(50%);
          top: -16px;
          bottom: initial;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg); }
    .confirmation-section .create-account .user-email,
    .confirmation .create-account .user-email {
      margin: 33px 0 46px;
      /* Título */
      /* Mail */ }
      .confirmation-section .create-account .user-email h4,
      .confirmation .create-account .user-email h4 {
        font-family: 'Avenir';
        font-weight: 900;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 1.67;
        color: #333333; }
      .confirmation-section .create-account .user-email p,
      .confirmation .create-account .user-email p {
        margin-top: 10px; }
    .confirmation-section .create-account .input-password,
    .confirmation .create-account .input-password {
      margin-bottom: 20px; }
    .confirmation-section .create-account .input-common,
    .confirmation .create-account .input-common {
      text-align: left; }
    .confirmation-section .create-account .checkbox-terms-and-conditions,
    .confirmation .create-account .checkbox-terms-and-conditions {
      margin: 32px 0 38px;
      /* Legenda del checkbox */ }
      .confirmation-section .create-account .checkbox-terms-and-conditions .input-title,
      .confirmation .create-account .checkbox-terms-and-conditions .input-title {
        text-align: left; }
      .confirmation-section .create-account .checkbox-terms-and-conditions .inline-error-message,
      .confirmation .create-account .checkbox-terms-and-conditions .inline-error-message {
        white-space: normal; }
    .confirmation-section .create-account .link-whats-this,
    .confirmation .create-account .link-whats-this {
      text-decoration: underline;
      display: block;
      margin: 0 auto;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.53;
      color: #333333;
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      text-decoration: underline; }
    .confirmation-section .create-account .contact-us-link,
    .confirmation-section .create-account .link-terms,
    .confirmation .create-account .contact-us-link,
    .confirmation .create-account .link-terms {
      color: #333333;
      text-decoration: underline; }
  .confirmation-section .input-checkbox-title a, .confirmation-section .input-checkbox-title button,
  .confirmation .input-checkbox-title a,
  .confirmation .input-checkbox-title button {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-decoration: underline; }

.confirmation-section,
.confirmation {
  /* Componente de Create account (contenedor) */ }
  .confirmation-section .create-account,
  .confirmation .create-account {
    padding: 0px;
    display: block;
    width: 50%;
    margin: 57px auto 62px;
    /* Subheading de Create account */
    /* Contenedor del Título y mail del usuario no registrado */
    /* Checkbox de términos y condiciones */
    /* Botón de Create account */ }
    .confirmation-section .create-account .get-bonus .tooltip-container,
    .confirmation .create-account .get-bonus .tooltip-container {
      width: 100%;
      max-width: 550px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
    .confirmation-section .create-account .user-email,
    .confirmation .create-account .user-email {
      margin: 38px 0 43px; }
    .confirmation-section .create-account .inputs-create-account,
    .confirmation .create-account .inputs-create-account {
      margin: 0 -7px; }
    .confirmation-section .create-account .label-error .inline-error-message,
    .confirmation .create-account .label-error .inline-error-message {
      white-space: normal;
      clear: both;
      text-align: left; }
    .confirmation-section .create-account .checkbox-terms-and-conditions .inline-error-message,
    .confirmation .create-account .checkbox-terms-and-conditions .inline-error-message {
      padding-left: 33px;
      text-align: left; }
    .confirmation-section .create-account .input-password,
    .confirmation-section .create-account .input-confirm-password,
    .confirmation .create-account .input-password,
    .confirmation .create-account .input-confirm-password {
      margin: 15px auto auto;
      width: 50%;
      display: block;
      vertical-align: top; }
    .confirmation-section .create-account .checkbox-terms-and-conditions,
    .confirmation .create-account .checkbox-terms-and-conditions {
      width: 84%; }
      .confirmation-section .create-account .checkbox-terms-and-conditions .input-title,
      .confirmation .create-account .checkbox-terms-and-conditions .input-title {
        padding-left: 10px; }
        .confirmation-section .create-account .checkbox-terms-and-conditions .input-title a,
        .confirmation .create-account .checkbox-terms-and-conditions .input-title a {
          color: #333333; }
    .confirmation-section .create-account .button-primary,
    .confirmation .create-account .button-primary {
      width: 56%;
      left: -3px; }
@charset "UTF-8";
/**
* Confirmation Fullfillment Center Item Display (Desktop)
**/
/**
* Confirmation Fullfillment Center Item Display (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.confirmation-fullfillmentlist-item {
  margin: 0px auto 20px; }

.confirmation-fullfillment-type {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.25px;
  line-height: 1.38;
  color: #666666;
  font-family: 'Avenir';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  line-height: 28px; }

.confirmation-fullfillment-details {
  margin-bottom: 10px; }

.confirmation-fullfillment-store {
  margin-bottom: 10px;
  color: #333333; }

.tooltip-store {
  margin-left: 10px;
  position: relative; }
  .tooltip-store .tooltip-container :before {
    left: 49%; }
  .tooltip-store h3 {
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    color: #333333;
    margin-bottom: 10px; }
  .tooltip-store p {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    text-transform: none; }
@charset "UTF-8";
/**
* Confirmation Order Numbers By Fullfillment List (Desktop)
**/
/**
* Confirmation Order Numbers By Fullfillment List (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.confirmation-next-steps {
  margin-top: 20px;
  display: inline-block;
  width: 100%;
  text-align: left;
  /* Paragraph */
  /* Title of paragraph after paragraph */ }
  .confirmation-next-steps p {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333; }
    .confirmation-next-steps p > strong {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
  .confirmation-next-steps p + h3 {
    margin-top: 30px; }

.confirmation-steps-title {
  font-family: 'Avenir';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.15;
  color: #333333;
  margin-bottom: 15px; }

.confirmation-next-steps {
  margin: 40px auto; }
@charset "UTF-8";
/**
* Confirmation Page (Desktop)
**/
/**
* Confirmation
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
.confirmation-section,
.confirmation {
  background-color: #f7f7f7;
  padding: 22px 16px;
  /* Contenedor de componentes Thanks y Order Summary */ }
  .confirmation-section .checkout-content,
  .confirmation .checkout-content {
    margin-bottom: 21px;
    position: relative; }
  .confirmation-section .confirmation-mini-banner,
  .confirmation-section .points-earned,
  .confirmation-section .progress-points,
  .confirmation .confirmation-mini-banner,
  .confirmation .points-earned,
  .confirmation .progress-points {
    display: inline-block;
    vertical-align: top; }
  .confirmation-section .mini-espot-confirmation,
  .confirmation .mini-espot-confirmation {
    background: #999999;
    display: inline-block;
    width: 210px;
    height: 60px; }

/*
.confirmation-thanks {
  background: $color-global-white;
  border: 4px solid $color-primary-five;
  padding: 50px 0;
  text-align: center;

  h3 {
    text-transform: none;
  }

  p.confirmation-email {
    @include body-primary-text();
    width: 175px;
    margin: 8px auto 35px;
    text-transform: none;
  }

  p.confirmation-item {
    @include body-primary-text();
    width: 80px;
    margin-left: 14px;
    display: inline-block;
    text-align: center;

    &:last-of-type {
      border-left: 1px solid $color-primary-one;
      width: 125px;
      padding-left: 18px;
      margin-left: 28px;
      margin-right: 0;
    }

    strong {
      @include subheading-primary-text();
      color: $color-primary-one;
    }
  }
*/
/* Order sumary section ONLY under Confirmation section, in Confirmation page
  + .order-summary {
    padding-top: 50px;
    margin-bottom: 22px;
 */
/* Create account section ONLY under Order Sumary section, in Confirmation page
    + .create-account {
      border-bottom: 0;
      border-top: 10px solid $color-global-white;
    }

    ol {
      margin-top: 21px;
    }
  }
}
*/
/* Banner of confirmation page */
.confirmation-banner {
  color: #ffffff;
  text-align: center;
  position: relative;
  margin-top: 40px;
  text-align: center; }
  .confirmation-banner img {
    width: 100%; }

.confirmation-section .checkout-order-summary,
.confirmation .checkout-order-summary {
  width: calc(100% + 32px);
  margin: 0px -16px; }

/* Confirmation step from Checkout */
.confirmation-section,
.confirmation {
  padding: 42px 36px 10px;
  /* Contenedor de componentes Thanks y Order Summary */ }
  .confirmation-section .checkout-order-summary,
  .confirmation .checkout-order-summary {
    display: inline-block;
    width: 410px;
    float: right; }
  .confirmation-section .checkout-content,
  .confirmation .checkout-content {
    padding: 0px; }
@charset "UTF-8";
/*
* Check Out Desktop
*/
/*
* Check Out (Mobile)
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.checkout-wizard-container {
  padding: 22px 16px; }

.checkout-container {
  background-color: #f7f7f7;
  display: inline-block;
  min-height: 100vh;
  width: 100%; }
  .checkout-container .button-next-step {
    margin-top: 20px; }
  .checkout-container .button-previous-step {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    color: #333333;
    position: relative;
    display: block;
    margin: 20px auto;
    line-height: 30px;
    padding: 0px 10px; }
    .checkout-container .button-previous-step:before {
      content: '';
      width: 13px;
      height: 13px;
      top: 2px;
      left: -12px;
      display: inline-block;
      position: relative;
      border-left: solid 1px #333333;
      border-top: solid 1px #333333;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .checkout-container .button-previous-step:after {
      content: '';
      height: 1px;
      background: #333333;
      width: 90%;
      display: block;
      position: relative;
      bottom: 10px;
      left: 15px; }
  .checkout-container .submit-order-next-spinner {
    width: 45px;
    height: 45px;
    display: block;
    margin: 0 auto; }
  .checkout-container .term-and-conditions-checkout {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    opacity: .5;
    color: #333333;
    width: 100%;
    display: block;
    text-align: center;
    margin: 10px 0px; }
    .checkout-container .term-and-conditions-checkout .term-and-conditions-link {
      color: #333333; }
    .checkout-container .term-and-conditions-checkout .privacy-policy-link {
      color: #333333; }
  .checkout-container .checkout-order-summary .term-and-conditions-checkout {
    text-align: center;
    float: none;
    margin-bottom: 14px; }
  .checkout-container .checkout-shipping-container,
  .checkout-container .checkout-billing-container,
  .checkout-container .checkout-review-container,
  .checkout-container .checkout-confirmation-container {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333; }
    .checkout-container .checkout-shipping-container .checkout-progress-list + .error-box,
    .checkout-container .checkout-billing-container .checkout-progress-list + .error-box,
    .checkout-container .checkout-review-container .checkout-progress-list + .error-box,
    .checkout-container .checkout-confirmation-container .checkout-progress-list + .error-box {
      margin-bottom: 20px; }
  .checkout-container .checkout-section-title {
    display: inline-block; }
    .checkout-container .checkout-section-title h3 {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 20px;
      letter-spacing: 0;
      line-height: 1.25;
      text-transform: none;
      text-decoration: none;
      color: #333333;
      line-height: 22px; }
  .checkout-container .button-edit-address {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    color: #333333;
    text-decoration: underline;
    position: absolute;
    right: 8px;
    top: calc(50% + 35px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

.button-add-new {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.28;
  text-transform: none;
  color: #333333;
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }

.overlay-container .button-add-new {
  padding: 20px 0px;
  border-bottom: 1px solid #e3e3e3;
  display: block;
  width: 100%;
  text-align: left; }

.item-highlighted .button-add-new {
  color: #ffffff; }

.checkout-container .error-box:before,
.checkout-container .warning-box:before,
.checkout-container .success-box:before {
  background: #f7f7f7; }

.checkout-container .checkout-summary .error-box:before,
.checkout-container .checkout-summary .warning-box:before,
.checkout-container .checkout-summary .success-box:before {
  background: #ffffff; }

.checkout-container .my-bag .error-box:before,
.checkout-container .my-bag .warning-box:before,
.checkout-container .my-bag .success-box:before {
  background: #f7f7f7; }

.checkout-container .mobile-checkout-field .checkout-summary-edit {
  top: 0;
  right: 5px; }

.checkout-container .mobile-checkout-field .checkout-review-payment-method {
  width: 210px; }

.checkout-container .mobile-checkout-field .express-cvv-container {
  float: right;
  width: 35%;
  padding: 0; }
  .checkout-container .mobile-checkout-field .express-cvv-container::before {
    display: none; }
  .checkout-container .mobile-checkout-field .express-cvv-container .title-cvv {
    margin-bottom: 10px; }
  .checkout-container .mobile-checkout-field .express-cvv-container .input-cvv-express-checkout input {
    height: 33px; }
  .checkout-container .mobile-checkout-field .express-cvv-container .input-cvv-express-checkout.label-error input {
    height: 33px;
    border: 2px solid #c60808; }
  .checkout-container .mobile-checkout-field .express-cvv-container .input-cvv-express-checkout .input-title {
    display: none; }

.checkout-container .mobile-checkout-field .input-cvv.label-error input {
  border: 2px solid #c60808; }

.checkout-container .mobile-checkout-field .input-cvv input {
  margin-top: 0; }

.checkout-wizard-container {
  padding: 32px 0px; }
  .checkout-wizard-container .checkout-summary {
    margin-bottom: 30px; }

.checkout-container {
  /* Box message */
  /* Two box or more messages, one under the other */
  /* Container of Button "Next Step" */
  /* Botón siguiente en Checkout */ }
  .checkout-container .checkout-summary {
    display: inline-block;
    width: 410px;
    margin-top: 21px;
    float: right; }
  .checkout-container .checkout-summary + .error-box,
  .checkout-container .error-box + .error-box {
    position: relative;
    width: calc(100% - 500px);
    display: inline-block;
    margin-left: 40px;
    margin-right: 50px;
    margin-top: 40px; }
  .checkout-container .error-box + .error-box {
    margin-top: 20px; }
  .checkout-container .container-button {
    width: calc(100% - 410px);
    display: inline-block;
    padding: 14px 0px 20px;
    padding-right: 50px;
    padding-left: 40px;
    position: relative;
    margin-top: 40px; }
    .checkout-container .container-button:before {
      content: '';
      position: absolute;
      width: calc(100% - 90px);
      height: 1px;
      top: 0px;
      left: 40px;
      opacity: .5;
      background: #333333; }
  .checkout-container .button-next-step {
    width: auto;
    padding: 0px 35px;
    float: right;
    margin: 0px; }
  .checkout-container .term-and-conditions-checkout {
    float: right;
    margin: 0px;
    width: 100%;
    text-align: right;
    margin: 0px 0px 10px; }
  .checkout-container .checkout-order-summary .term-and-conditions-checkout {
    margin-bottom: 14px; }
  .checkout-container .button-previous-step {
    padding-left: 16px;
    position: absolute;
    margin: 0px;
    display: inline-block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .checkout-container .button-previous-step:before {
      left: -12px; }
  .checkout-container .submit-order-next-spinner {
    margin: 0 37.5px; }
  .checkout-container .checkout-section-title {
    margin-right: 30px;
    margin-bottom: 10px;
    /* NOTE: reset styles */ }
    .checkout-container .checkout-section-title h3 {
      margin: 0px; }
  .checkout-container .button-edit-address {
    position: relative;
    right: auto;
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }

.checkout-content {
  position: relative;
  width: calc(100% - 410px);
  display: inline-block;
  padding-right: 50px;
  padding-left: 40px; }

.checkout-review-section {
  *zoom: 1; }
  .checkout-review-section:after {
    content: "";
    display: table;
    clear: both; }

.checkout-container .checkout-summary .error-box:before,
.checkout-container .checkout-summary .warning-box:before,
.checkout-container .checkout-summary .success-box:before {
  background: #f7f7f7; }
.borders-free-container {
  position: relative; }
  .borders-free-container #__frame {
    position: absolute; }
  .borders-free-container iframe {
    width: 100%; }
@charset "UTF-8";
/**
* Modal: Print And View (Rewards) (Desktop)
**/
/**
* Modal: Print And View (Rewards) (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.overlay-coupon-printable .coupon-item {
  margin-top: 20px;
  border: solid 1px #333333;
  padding: 20px;
  text-align: center; }

.overlay-coupon-printable .logo-image-coupon {
  width: 100px;
  display: block;
  margin: 0px auto 25px; }

.overlay-coupon-printable .reward-value {
  font-family: 'Avenir';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 32px;
  line-height: 32px;
  display: block;
  position: relative;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px; }

.overlay-coupon-printable .barcode-vector {
  overflow-x: auto; }
  .overlay-coupon-printable .barcode-vector svg {
    max-width: 100%; }
  .overlay-coupon-printable .barcode-vector text {
    display: none; }

.overlay-coupon-printable .web-code-container {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.28;
  text-transform: none;
  color: #333333;
  display: block;
  position: relative;
  font-size: 14px;
  top: -0.7em; }

.overlay-coupon-printable .claim-text {
  text-align: left;
  font-size: 9px;
  /* not mixin for this */
  margin-top: 10px; }

.overlay-coupon-printable .button-coupon-print {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #4873bb;
  margin-top: 20px; }
  .overlay-coupon-printable .button-coupon-print.focused, .overlay-coupon-printable .button-coupon-print:focus {
    background-color: #4873bb; }
  .overlay-coupon-printable .button-coupon-print.pressed, .overlay-coupon-printable .button-coupon-print:active {
    background-color: #4873bb; }
  .overlay-coupon-printable .button-coupon-print.disabled, .overlay-coupon-printable .button-coupon-print:disabled {
    background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
  .overlay-coupon-printable .button-coupon-print.loading:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F11B";
    -webkit-animation: 2s rotate linear infinite;
    animation: 2s rotate linear infinite; }

.overlay-coupon-printable .button-coupon-cancel {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #333333;
  margin-top: 20px; }
  .overlay-coupon-printable .button-coupon-cancel.focused, .overlay-coupon-printable .button-coupon-cancel:focus {
    background-color: #333333; }
  .overlay-coupon-printable .button-coupon-cancel.pressed, .overlay-coupon-printable .button-coupon-cancel:active {
    background-color: #333333; }
  .overlay-coupon-printable .button-coupon-cancel.disabled, .overlay-coupon-printable .button-coupon-cancel:disabled {
    background-color: #999999; }

@media print {
  html, body {
    width: 500px; }
  .overlay-coupon-printable {
    max-height: none;
    height: auto;
    overflow: visible; }
    .overlay-coupon-printable .coupon-item {
      border: 0; }
    .overlay-coupon-printable .barcode-vector {
      overflow-x: visible; }
  #sk_tcp_mobileFooter {
    display: none; } }

.overlay-coupon-printable {
  /* Reset styles for this case, only */ }
  .overlay-coupon-printable .overlay-center .overlay-container {
    width: auto;
    min-width: 500px;
    max-width: 1024px;
    overflow-x: auto; }
@charset "UTF-8";
/**
* My Account Coupons (Desktop)
**/
/**
* My Account Coupons (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.uncondense-empty-coupons-summary {
  text-align: center;
  padding: 20px 0; }

/* Coupon section in global My Account */
.uncondense-coupon-summary-container {
  display: inline-block;
  width: 100%;
  padding-top: 30px;
  position: relative; }
  .uncondense-coupon-summary-container .link-view-all-rewards {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    text-align: center;
    display: block;
    text-transform: none;
    text-decoration: underline;
    color: #666666; }

/* Title of section */
.uncondense-coupon-summary-title {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 5px;
  text-align: left;
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.28;
  text-transform: none;
  color: #333333;
  width: 100%;
  display: block; }

/* List of Coupons */
.uncondense-list-coupons {
  margin: 10px auto;
  position: relative;
  width: calc(62% + 16px);
  display: block;
  white-space: nowrap;
  overflow-x: scroll; }

/* Coupon or reward Item */
.uncondense-coupon {
  background: #f7f7f7;
  width: calc(100% - 16px);
  white-space: normal;
  padding: 10px;
  text-align: center;
  position: relative;
  display: inline-block;
  margin-right: 8px;
  margin-left: 8px; }
  .uncondense-coupon svg {
    width: 100%;
    margin-top: 0;
    max-height: 75px;
    margin-left: -4px;
    background: none; }
    .uncondense-coupon svg text {
      display: none; }
  .uncondense-coupon .web-code-container {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    display: block;
    font-size: 10px;
    position: relative;
    top: -0.7em; }
  .uncondense-coupon .web-code-disabled .web-code-container {
    display: none; }

/* Image of coupon */
.uncondense-image-coupon {
  position: relative; }
  .uncondense-image-coupon img {
    width: 100%;
    display: block;
    position: relative; }
  .uncondense-image-coupon .coupon-value {
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: normal; }

/* Expiration Information */
.uncondense-information-coupon {
  position: absolute;
  bottom: 0;
  width: calc(100% - 50px);
  left: 25px; }

.uncondense-expire-information {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.45;
  color: #333333;
  margin: 15px 0px 10px;
  display: block;
  text-align: center; }

/* Button Apply */
.uncondense-apply-coupons-button, .uncondense-view-and-print-button, .uncondense-applied-coupons-button {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0;
  height: 22px;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 34px;
  line-height: 36px;
  position: relative;
  background-color: #333333;
  margin-top: 5px; }
  .uncondense-apply-coupons-button.focused, .focused.uncondense-view-and-print-button, .focused.uncondense-applied-coupons-button, .uncondense-apply-coupons-button:focus, .uncondense-view-and-print-button:focus, .uncondense-applied-coupons-button:focus {
    background-color: #333333; }
  .uncondense-apply-coupons-button.pressed, .pressed.uncondense-view-and-print-button, .pressed.uncondense-applied-coupons-button, .uncondense-apply-coupons-button:active, .uncondense-view-and-print-button:active, .uncondense-applied-coupons-button:active {
    background-color: #4873bb; }
  .uncondense-apply-coupons-button.disabled, .disabled.uncondense-view-and-print-button, .disabled.uncondense-applied-coupons-button, .uncondense-apply-coupons-button:disabled, .uncondense-view-and-print-button:disabled, .uncondense-applied-coupons-button:disabled {
    background-color: #999999; }

/* Button View and Print */
/* Button Remove */
/* Button of View All */
.uncondense-button-view-all {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.42;
  text-transform: uppercase;
  color: #333333;
  text-transform: none;
  display: block;
  margin: 0 auto;
  text-decoration: underline;
  margin-top: 13px; }

.coupon-dots {
  text-align: center; }
  .coupon-dots .button-pagination-dot {
    font-size: 0;
    border: 1px solid #000000;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    margin-right: 5px; }
    .coupon-dots .button-pagination-dot.active {
      margin-top: 1px;
      width: 6px;
      height: 6px;
      background-color: #000000; }

.coupon-barcode {
  height: 65px;
  overflow: hidden;
  margin-bottom: 10px; }

/* NOTE: just for coupon's print */
@media print {
  .my-account-container {
    display: none; }
  .overlay-coupon-printable {
    width: 50%;
    overflow: hidden; }
    .overlay-coupon-printable .overlay-container {
      overflow-y: hidden; }
    .overlay-coupon-printable .button-coupon-cancel,
    .overlay-coupon-printable .button-coupon-print {
      display: none; }
  .footer-global {
    display: none; } }

/*
* Re-design Coupon Icon
*/
.uncondense-image-coupon {
  position: relative; }
  .uncondense-image-coupon.reward-type:before {
    background: #ff681d; }
  .uncondense-image-coupon.reward-type .uncondense-information-coupon {
    background: #ff681d; }
  .uncondense-image-coupon.place-type:before {
    background: #71d64c; }
  .uncondense-image-coupon.place-type .uncondense-information-coupon {
    background: #71d64c; }
  .uncondense-image-coupon.saving-type:before {
    background: #ee40aa; }
  .uncondense-image-coupon.saving-type .uncondense-information-coupon {
    background: #ee40aa; }
  .uncondense-image-coupon:before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%; }
  .uncondense-image-coupon:after {
    content: '';
    background: transparent url("/wcsstore/static/images/pt-white-stripes.png") repeat 0 0;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%; }
  .uncondense-image-coupon .uncondense-icon-container {
    padding: 9px;
    position: relative;
    z-index: 1; }
  .uncondense-image-coupon .uncondense-information-coupon {
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    width: auto;
    left: auto;
    padding: 12px 12px 5px; }
    .uncondense-image-coupon .uncondense-information-coupon img {
      width: 85%;
      max-width: 90px;
      display: block;
      margin: 0 auto; }
  .uncondense-image-coupon.uncondense-image-coupon .coupon-value {
    margin-top: 10px;
    display: block; }
  .uncondense-image-coupon .uncondense-expire-information {
    line-height: 11px;
    display: block; }
  .uncondense-image-coupon .coupon-value {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
    line-height: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block; }

/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Coupon section in global My Account */
.uncondense-coupon-summary-container {
  border-bottom: solid 1px rgba(51, 51, 51, 0.11);
  padding-top: 0px;
  padding-bottom: 30px; }
  .uncondense-coupon-summary-container .link-view-all-rewards {
    font-size: 16px; }

/* Account Overview
 * NOTE: border and padding are necessary when the notifications are displaying above the coupons.
 */
div + .uncondense-coupon-summary-container {
  border-top: solid 1px rgba(51, 51, 51, 0.11);
  padding-top: 30px; }

.my-account-section-for-canada-content .uncondense-coupon-summary-container {
  border-top: none;
  padding-top: 0px; }

.earned-rewards .uncondense-coupons-container {
  overflow-x: hidden; }

.earned-rewards .uncondense-list-coupons {
  padding: 0px;
  width: calc(100% + 40px);
  left: -20px; }

/* Title of section */
.uncondense-coupon-summary-title {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #333333;
  text-align: center;
  margin-bottom: 13px;
  border-bottom: 0px;
  padding-bottom: 0px; }

.uncondense-list-coupons {
  margin: 10px 0px;
  padding: 0px 40px;
  width: 100%;
  white-space: normal;
  overflow-x: initial; }

.uncondense-coupon {
  width: calc(33.33% - 40px);
  margin: 0px 20px 15px;
  max-width: 213px;
  vertical-align: top; }

.uncondense-coupon-ineligible {
  margin: 20px 0px; }

.overlay-coupon-printable:before {
  z-index: 10; }

.overlay-coupon-printable svg {
  display: block;
  margin: 0 auto; }

.overlay-coupon-printable .overlay-container {
  padding: 30px;
  z-index: 11;
  overflow-y: auto;
  margin-top: 30px;
  height: calc(72vh); }

.overlay-coupon-printable img {
  display: block;
  margin: 0 auto;
  width: 140px; }

.overlay-coupon-printable h1 {
  font-size: 40px;
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-align: center;
  margin-top: 10px; }

.overlay-coupon-printable p {
  padding: 10px;
  border: solid 1px #999999;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.36;
  text-decoration: none;
  text-transform: none;
  color: #666666; }

.overlay-coupon-printable .print-coupon {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #4873bb;
  margin: 10px auto; }
  .overlay-coupon-printable .print-coupon.focused, .overlay-coupon-printable .print-coupon:focus {
    background-color: #4873bb; }
  .overlay-coupon-printable .print-coupon.pressed, .overlay-coupon-printable .print-coupon:active {
    background-color: #4873bb; }
  .overlay-coupon-printable .print-coupon.disabled, .overlay-coupon-printable .print-coupon:disabled {
    background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
  .overlay-coupon-printable .print-coupon.loading:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F11B";
    -webkit-animation: 2s rotate linear infinite;
    animation: 2s rotate linear infinite; }

.overlay-coupon-printable .cancel-print {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #333333; }
  .overlay-coupon-printable .cancel-print.focused, .overlay-coupon-printable .cancel-print:focus {
    background-color: #333333; }
  .overlay-coupon-printable .cancel-print.pressed, .overlay-coupon-printable .cancel-print:active {
    background-color: #333333; }
  .overlay-coupon-printable .cancel-print.disabled, .overlay-coupon-printable .cancel-print:disabled {
    background-color: #999999; }

@media print {
  .ReactModal__Body--open {
    overflow: visible; }
  .react-overlay {
    position: static; }
  .overlay-container {
    overflow: hidden; }
  .overlay-coupon-printable {
    overflow: visible; }
    .overlay-coupon-printable:before {
      display: none; }
    .overlay-coupon-printable .overlay-container {
      max-height: none;
      height: auto;
      overflow: visible;
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      right: 0;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
  .header-global, .my-account-container {
    display: none; }
  .footer-global {
    display: none; }
  .overlay-coupon-printable .button-coupon-print, .overlay-coupon-printable .button-coupon-cancel {
    display: none; } }
@charset "UTF-8";
/**
* My Account Navigation (Desktop)
**/
/**
* My Account Navigation (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* My Account Navigation container (<ul>) */
.my-account-navigation-container {
  position: relative; }

/* My Account Navigation Item (<li>) */
.my-account-navigation-item {
  position: relative;
  border-bottom: solid 1px #e3e3e3; }
  .my-account-navigation-item:last-of-type {
    border-bottom: 0; }

/* My Account Navigation Link (<a>) */
.navigation-item-link {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #999999;
  display: inline-block;
  width: 100%;
  padding: 10px 0px;
  cursor: pointer; }
  .navigation-item-link.navigation-item-link-selected, .navigation-item-link:hover, .navigation-item-link:active, .navigation-item-link:focus {
    color: #333333;
    outline: none; }

/* FPO name of class */
.navigation-item-link-mobile {
  padding: 20px 0px; }
  .navigation-item-link-mobile:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F10C"; }
  .navigation-item-link-mobile:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 13px;
    height: 8px;
    font-size: 7px;
    position: absolute;
    right: 0px;
    top: 30px; }

/* My Account Navigation container */
/* My Account Navigation container (<ul>) */
.my-account-navigation-container {
  padding: 0px; }

/* My Account Navigation Item (<li>) */
.my-account-navigation-item {
  border: 0px; }

/* My Account Navigation Link (<a>) */
@charset "UTF-8";
/**
* My Account Section: Account Overview (Desktop)
**/
/**
* My Account Section: Account Overview (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Welcome message inline (out of header) */
.welcome-message-inline-section {
  text-align: center;
  border: solid 1px rgba(51, 51, 51, 0.11);
  margin-top: 30px;
  padding: 20px 10px; }
  .welcome-message-inline-section .welcome-message-title {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 5px; }
  .welcome-message-inline-section .welcome-message-text {
    padding: 0px 30px;
    line-height: 20px; }

.default-information-summary {
  position: relative;
  text-align: center;
  padding: 30px 0px;
  margin-bottom: 30px;
  border-bottom: solid 1px rgba(51, 51, 51, 0.11); }
  .default-information-summary .button-update, .default-information-summary .button-add-address, .default-information-summary .button-add-payment-method, .default-information-summary .button-find-store {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #333333;
    margin: 0 auto;
    width: 78%;
    display: inline-block;
    float: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    .default-information-summary .button-update.focused, .default-information-summary .focused.button-add-address, .default-information-summary .focused.button-add-payment-method, .default-information-summary .focused.button-find-store, .default-information-summary .button-update:focus, .default-information-summary .button-add-address:focus, .default-information-summary .button-add-payment-method:focus, .default-information-summary .button-find-store:focus {
      background-color: #333333; }
    .default-information-summary .button-update.pressed, .default-information-summary .pressed.button-add-address, .default-information-summary .pressed.button-add-payment-method, .default-information-summary .pressed.button-find-store, .default-information-summary .button-update:active, .default-information-summary .button-add-address:active, .default-information-summary .button-add-payment-method:active, .default-information-summary .button-find-store:active {
      background-color: #4873bb; }
    .default-information-summary .button-update.disabled, .default-information-summary .disabled.button-add-address, .default-information-summary .disabled.button-add-payment-method, .default-information-summary .disabled.button-find-store, .default-information-summary .button-update:disabled, .default-information-summary .button-add-address:disabled, .default-information-summary .button-add-payment-method:disabled, .default-information-summary .button-find-store:disabled {
      background-color: #999999; }

.default-payment-method-container,
.default-shipping-address-container,
.default-store-container {
  position: relative;
  min-height: 180px;
  display: inline-block;
  vertical-align: top; }
  .default-payment-method-container .card-info,
  .default-payment-method-container .address-information,
  .default-payment-method-container .address-additional,
  .default-payment-method-container .address-details,
  .default-payment-method-container .store-address,
  .default-payment-method-container .store-phone-number,
  .default-shipping-address-container .card-info,
  .default-shipping-address-container .address-information,
  .default-shipping-address-container .address-additional,
  .default-shipping-address-container .address-details,
  .default-shipping-address-container .store-address,
  .default-shipping-address-container .store-phone-number,
  .default-store-container .card-info,
  .default-store-container .address-information,
  .default-store-container .address-additional,
  .default-store-container .address-details,
  .default-store-container .store-address,
  .default-store-container .store-phone-number {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333; }

.default-payment-method-title,
.default-shipping-address-title,
.default-store-title {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #333333;
  line-height: 20px;
  margin-bottom: 20px;
  display: inline-block; }

.default-payment-method-container .type-card-name {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #333333;
  text-transform: capitalize;
  display: block;
  line-height: 18px; }

.default-shipping-address-container .user-name {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #333333;
  text-transform: capitalize;
  display: block;
  line-height: 18px; }

.default-shipping-address-container .address-additional {
  display: block;
  margin-top: 0;
  line-height: 18px; }

.default-store-container .store-name,
.default-store-container .store-name a {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #333333;
  text-transform: capitalize;
  line-height: 18px;
  display: block; }

.default-store-container .store-address {
  text-transform: capitalize; }

/* Title of empty method default */
.empty-shipping-address-title, .empty-payment-method-title, .empty-favorite-store-title {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #333333;
  display: block;
  width: calc(100% + 80px);
  left: -40px;
  position: relative; }

/* Message of empty method default */
.empty-shipping-address-message, .empty-favorite-store-message, .empty-payment-method-message {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.15;
  text-decoration: none;
  text-transform: none;
  color: #333333; }

/* Account Overview Section */
.my-account-overview-section .uncondense-coupons-container {
  margin-top: 40px; }

.personal-information-container {
  /** My favorite store */
  /** Empty store favorite */
  /** store name*/
  /** Button update */ }
  .personal-information-container .birthday-information-container {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e3e3e3; }
  .personal-information-container .default-store-title {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333; }
  .personal-information-container .empty-favorite-store-title {
    left: 0;
    margin-bottom: 10px; }
  .personal-information-container .store-name {
    margin-bottom: 10px; }
  .personal-information-container .button-update, .personal-information-container .default-information-summary .button-add-address, .default-information-summary .personal-information-container .button-add-address, .personal-information-container
  .default-information-summary .button-add-payment-method,
  .default-information-summary .personal-information-container .button-add-payment-method, .personal-information-container
  .default-information-summary .button-find-store,
  .default-information-summary .personal-information-container .button-find-store {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #ffffff;
    background-color: #333333;
    margin-top: 16px;
    width: 200px;
    height: 35px;
    line-height: 37px;
    text-transform: uppercase;
    margin-top: 20px; }

.default-shipping-address-container,
.default-payment-method-container,
.default-store-container {
  width: 30%; }
  .default-shipping-address-container .name,
  .default-payment-method-container .name,
  .default-store-container .name {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333; }

.default-payment-method-container,
.default-shipping-address-container,
.default-store-container {
  min-height: 195px; }

/* Title of empty method default */
.empty-shipping-address-title, .empty-payment-method-title, .empty-favorite-store-title {
  width: auto;
  left: auto; }

/* Account Overview Section */
.my-account-overview-section .uncondense-coupons-container {
  margin-top: 20px; }
@charset "UTF-8";
/**
* My Rewards Navigation (Desktop)
**/
/**
* My Rewards Navigation (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.my-rewards-navigation-container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: 2px;
  border-bottom: solid 1px #e3e3e3;
  margin-top: 30px;
  margin-bottom: 30px; }

.rewards-navigation-item-link {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #999999;
  display: inline-block;
  padding-bottom: 5px;
  position: relative;
  z-index: 2; }
  .rewards-navigation-item-link.rewards-navigation-item-link-selected {
    color: #333333; }
    .rewards-navigation-item-link.rewards-navigation-item-link-selected:after {
      content: '';
      background: #333333;
      height: 2px;
      width: 100%;
      display: inline-block;
      position: absolute;
      bottom: 0px;
      left: 0px; }

.my-rewards-navigation-container {
  display: block; }

.my-rewards-navigation-item {
  display: inline-block;
  margin-right: 40px; }
@charset "UTF-8";
/*
** Rewards: Footer Links (Desktop)
*/
/*
** Rewards: Footer Links (Mobile)
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Rewards Footer */
.my-rewards-footer-container {
  margin: 30px 0 20px;
  text-align: center; }

.my-rewards-footer-item {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.45;
  color: #666666;
  display: inline-block;
  vertical-align: middle;
  padding-right: 14px;
  margin-right: 14px;
  position: relative; }
  .my-rewards-footer-item:after {
    content: '';
    background: #666666;
    width: 1px;
    height: 9px;
    top: 2px;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    right: 0px; }
  .my-rewards-footer-item:last-of-type {
    margin: 0px;
    padding: 0px; }
    .my-rewards-footer-item:last-of-type::after {
      display: none; }

/* Rewards Footer */
.my-rewards-footer-container {
  margin: 30px 0px;
  text-align: center; }
@charset "UTF-8";
/**
* Rewards Overview Section (Desktop)
**/
/**
* Rewards Overview Section (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.my-account-section-content.my-rewards-section {
  padding-bottom: 0px; }

.monthly-coupons-container,
.month-rewards-container {
  min-height: 290px; }

/* Montly Rewards */
.monthly-coupons-container .uncondense-list-coupons {
  margin: 16px auto;
  width: 65%; }

.month-rewards-container {
  display: inline-block;
  width: 100%; }
  .month-rewards-container.next-month-rewards {
    margin-top: 9px; }

.month-rewards-title {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #333333; }

.month-rewards-message {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.25px;
  line-height: 1.38;
  color: #666666;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  opacity: 0.9; }
  .month-rewards-message .rewards-points {
    color: #333333;
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }

.monthly-coupons-container .uncondense-list-coupons {
  display: block;
  padding: 0px;
  margin: 16px 0px;
  width: 100%;
  white-space: normal;
  overflow: hidden; }

.monthly-coupons-container .uncondense-coupon {
  width: 24%;
  margin: 10px .5%;
  position: relative;
  left: -1%; }
@charset "UTF-8";
/**
* Legal Information From Rewards (Desktop)
**/
/**
* Legal Information From Rewards (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Information */
.rewards-information-container {
  border-bottom: solid 1px rgba(51, 51, 51, 0.11);
  margin-top: 20px;
  /* Reset position to button tooltip */
  /* Button tooltip */ }
  .rewards-information-container .accordion h4 {
    position: relative; }
  .rewards-information-container .button-info,
  .rewards-information-container .button-info-wire {
    position: relative;
    margin-left: 10px; }

.rewards-information-text {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333;
  margin: 15px 0px; }

.rewards-information-text-title {
  display: block;
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  opacity: .8; }

.button-submit-point-claim,
.button-merge-account-request {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333;
  text-decoration: underline; }

.rewards-questions-list {
  list-style: disc inside; }

.rewards-information-container {
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: solid 1px #f7f7f7; }

.rewards-information-title {
  position: relative;
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #333333; }
  .rewards-information-title .button-tooltip-container {
    position: absolute;
    right: auto;
    margin-left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
@charset "UTF-8";
/**
* Points History Section (Desktop)
**/
/**
* Points History Section (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.points-summary-list-container .navigation-carrousel-container {
  border: 0px;
  margin: 20px 0px; }

.points-summary-list-table {
  width: 100%; }
  .points-summary-list-table th, .points-summary-list-table td {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    width: 33%; }
  .points-summary-list-table th {
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: uppercase; }
  .points-summary-list-table td {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    padding: 15px 0px;
    text-transform: capitalize; }

.points-summary-row-title th {
  padding-bottom: 20px; }

.points-summary-list-table {
  margin-top: 40px;
  width: 70%;
  margin-bottom: 20px; }

.empty-points-history {
  min-height: 290px; }
/**
* Offers And Coupons Section (Desktop)
**/
/**
* Offers and Coupons Section (Desktop)
**/
.my-rewards-navigation-container + .offers-and-coupons-section {
  margin-top: 20px; }

.offers-and-coupons-section .welcome-message-text {
  text-align: center;
  padding: 20px 0px 40% 0px; }

.offers-and-coupons-section .uncondense-coupons-container {
  position: relative; }

.offers-and-coupons-section .uncondense-list-coupons {
  padding: 0px;
  margin: 30px -20px 15px; }

.offers-and-coupons-section .welcome-message-text {
  text-align: left;
  padding: 20px 0px 25% 0px; }
.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  margin-left: -8px;
  position: absolute; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle {
  top: 0;
  margin-top: -8px; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #f0f0f0; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #aeaeae; }

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px; }
  .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color: #fff; }
  .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    bottom: -1px;
    border-top-color: #aeaeae; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  margin-left: -8px;
  position: absolute; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle {
  top: 0;
  margin-top: -8px; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #f0f0f0; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #aeaeae; }

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px; }
  .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color: #fff; }
  .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    bottom: -1px;
    border-top-color: #aeaeae; }

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative; }

.react-datepicker__triangle {
  position: absolute;
  left: 50px; }

.react-datepicker__tether-element-attached-bottom.react-datepicker__tether-element {
  margin-top: -20px; }

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative; }

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px; }

.react-datepicker__current-month {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem; }

.react-datepicker__navigation {
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  border: 0.45rem solid transparent;
  z-index: 1; }
  .react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc; }
    .react-datepicker__navigation--previous:hover {
      border-right-color: #b3b3b3; }
  .react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc; }
    .react-datepicker__navigation--next:hover {
      border-left-color: #b3b3b3; }
  .react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .react-datepicker__navigation--years-previous {
      top: 4px;
      border-top-color: #ccc; }
      .react-datepicker__navigation--years-previous:hover {
        border-top-color: #b3b3b3; }
    .react-datepicker__navigation--years-upcoming {
      top: -4px;
      border-bottom-color: #ccc; }
      .react-datepicker__navigation--years-upcoming:hover {
        border-bottom-color: #b3b3b3; }

.react-datepicker__month-container {
  display: inline;
  float: left; }

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center; }

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__day-name,
.react-datepicker__day {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__day {
  cursor: pointer; }
  .react-datepicker__day:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0; }
  .react-datepicker__day--today {
    font-weight: bold; }
  .react-datepicker__day--highlighted {
    border-radius: 0.3rem;
    background-color: #3dcc4a;
    color: #fff; }
    .react-datepicker__day--highlighted:hover {
      background-color: #32be3f; }
  .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff; }
    .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
      background-color: #1d5d90; }
  .react-datepicker__day--keyboard-selected {
    border-radius: 0.3rem;
    background-color: #2a87d0;
    color: #fff; }
    .react-datepicker__day--keyboard-selected:hover {
      background-color: #1d5d90; }
  .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
    background-color: rgba(33, 107, 165, 0.5); }
  .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000; }
  .react-datepicker__day--disabled {
    cursor: default;
    color: #ccc; }
    .react-datepicker__day--disabled:hover {
      background-color: transparent; }

.react-datepicker__input-container {
  position: relative;
  display: block; }

.react-datepicker__year-read-view,
.react-datepicker__month-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem; }
  .react-datepicker__year-read-view:hover,
  .react-datepicker__month-read-view:hover {
    cursor: pointer; }
    .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow {
      border-top-color: #b3b3b3; }
  .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: 0.45rem; }

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae; }
  .react-datepicker__year-dropdown:hover,
  .react-datepicker__month-dropdown:hover {
    cursor: pointer; }
  .react-datepicker__year-dropdown--scrollable,
  .react-datepicker__month-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll; }

.react-datepicker__year-option,
.react-datepicker__month-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .react-datepicker__year-option:first-of-type,
  .react-datepicker__month-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem; }
  .react-datepicker__year-option:last-of-type,
  .react-datepicker__month-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem; }
  .react-datepicker__year-option:hover,
  .react-datepicker__month-option:hover {
    background-color: #ccc; }
    .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming {
      border-bottom-color: #b3b3b3; }
    .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous {
      border-top-color: #b3b3b3; }
  .react-datepicker__year-option--selected,
  .react-datepicker__month-option--selected {
    position: absolute;
    left: 15px; }

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle; }
  .react-datepicker__close-icon::after {
    background-color: #216ba5;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    content: "\D7";
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 1;
    margin: -8px auto 0;
    padding: 2px;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 50%; }

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left; }

.react-datepicker__tether-element {
  z-index: 2147483647; }

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647; }
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day {
    width: 3rem;
    line-height: 3rem; }
  @media (max-width: 400px), (max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__day {
      width: 2rem;
      line-height: 2rem; } }
  .react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem; }
  .react-datepicker__portal .react-datepicker__navigation {
    border: 0.81rem solid transparent; }
  .react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc; }
    .react-datepicker__portal .react-datepicker__navigation--previous:hover {
      border-right-color: #b3b3b3; }
  .react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc; }
    .react-datepicker__portal .react-datepicker__navigation--next:hover {
      border-left-color: #b3b3b3; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle {
  margin-left: -8px;
  position: absolute; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle {
  top: 0;
  margin-top: -8px; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #f0f0f0; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #aeaeae; }

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px; }
  .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color: #fff; }
  .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before {
    bottom: -1px;
    border-top-color: #aeaeae; }

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative; }

.react-datepicker__triangle {
  position: absolute;
  left: 50px; }

.react-datepicker__tether-element-attached-bottom.react-datepicker__tether-element {
  margin-top: -20px; }

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative; }

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px; }

.react-datepicker__current-month {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem; }

.react-datepicker__navigation {
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  border: 0.45rem solid transparent;
  z-index: 1; }
  .react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc; }
    .react-datepicker__navigation--previous:hover {
      border-right-color: #b3b3b3; }
  .react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc; }
    .react-datepicker__navigation--next:hover {
      border-left-color: #b3b3b3; }
  .react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .react-datepicker__navigation--years-previous {
      top: 4px;
      border-top-color: #ccc; }
      .react-datepicker__navigation--years-previous:hover {
        border-top-color: #b3b3b3; }
    .react-datepicker__navigation--years-upcoming {
      top: -4px;
      border-bottom-color: #ccc; }
      .react-datepicker__navigation--years-upcoming:hover {
        border-bottom-color: #b3b3b3; }

.react-datepicker__month-container {
  display: inline;
  float: left; }

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center; }

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__day-name,
.react-datepicker__day {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__day {
  cursor: pointer; }
  .react-datepicker__day:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0; }
  .react-datepicker__day--today {
    font-weight: bold; }
  .react-datepicker__day--highlighted {
    border-radius: 0.3rem;
    background-color: #3dcc4a;
    color: #fff; }
    .react-datepicker__day--highlighted:hover {
      background-color: #32be3f; }
  .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff; }
    .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
      background-color: #1d5d90; }
  .react-datepicker__day--keyboard-selected {
    border-radius: 0.3rem;
    background-color: #2a87d0;
    color: #fff; }
    .react-datepicker__day--keyboard-selected:hover {
      background-color: #1d5d90; }
  .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
    background-color: rgba(33, 107, 165, 0.5); }
  .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000; }
  .react-datepicker__day--disabled {
    cursor: default;
    color: #ccc; }
    .react-datepicker__day--disabled:hover {
      background-color: transparent; }

.react-datepicker__input-container {
  position: relative;
  display: block; }

.react-datepicker__year-read-view,
.react-datepicker__month-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem; }
  .react-datepicker__year-read-view:hover,
  .react-datepicker__month-read-view:hover {
    cursor: pointer; }
    .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow {
      border-top-color: #b3b3b3; }
  .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: 0.45rem; }

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae; }
  .react-datepicker__year-dropdown:hover,
  .react-datepicker__month-dropdown:hover {
    cursor: pointer; }
  .react-datepicker__year-dropdown--scrollable,
  .react-datepicker__month-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll; }

.react-datepicker__year-option,
.react-datepicker__month-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .react-datepicker__year-option:first-of-type,
  .react-datepicker__month-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem; }
  .react-datepicker__year-option:last-of-type,
  .react-datepicker__month-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem; }
  .react-datepicker__year-option:hover,
  .react-datepicker__month-option:hover {
    background-color: #ccc; }
    .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming {
      border-bottom-color: #b3b3b3; }
    .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous {
      border-top-color: #b3b3b3; }
  .react-datepicker__year-option--selected,
  .react-datepicker__month-option--selected {
    position: absolute;
    left: 15px; }

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle; }
  .react-datepicker__close-icon::after {
    background-color: #216ba5;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    content: "\D7";
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 1;
    margin: -8px auto 0;
    padding: 2px;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 50%; }

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left; }

.react-datepicker__tether-element {
  z-index: 2147483647; }

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647; }
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day {
    width: 3rem;
    line-height: 3rem; }
  @media (max-width: 400px), (max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__day {
      width: 2rem;
      line-height: 2rem; } }
  .react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem; }
  .react-datepicker__portal .react-datepicker__navigation {
    border: 0.81rem solid transparent; }
  .react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc; }
    .react-datepicker__portal .react-datepicker__navigation--previous:hover {
      border-right-color: #b3b3b3; }
  .react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc; }
    .react-datepicker__portal .react-datepicker__navigation--next:hover {
      border-left-color: #b3b3b3; }
@charset "UTF-8";
/**
* My Account Section: My Rewards (Desktop)
**/
/**
* My Account Section: My Rewards (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.my-rewards-section .uncondense-coupon-ineligible .uncondense-image-coupon {
  position: relative; }
  .my-rewards-section .uncondense-coupon-ineligible .uncondense-image-coupon:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #333333;
    opacity: .7;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1; }
  .my-rewards-section .uncondense-coupon-ineligible .uncondense-image-coupon:after {
    content: 'Pending';
    color: #ffffff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 2; }

.my-rewards-section .uncondense-coupons-container {
  margin: 30px 0px;
  position: relative; }

.my-rewards-section .information-container {
  margin: 20px 0px 40px; }

.my-rewards-section .account-information {
  margin-bottom: 10px;
  position: relative; }

.my-rewards-section .account-information-title,
.my-rewards-section .account-information-content {
  display: inline-block;
  width: 50%;
  vertical-align: top; }

.my-rewards-section .account-information-content {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }

.my-rewards-section .account-information-content {
  padding-left: 15px;
  text-transform: capitalize; }
  .my-rewards-section .account-information-content span,
  .my-rewards-section .account-information-content strong {
    display: block;
    width: 100%;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .my-rewards-section .account-information-content strong {
    text-transform: lowercase; }

.my-rewards-section .button-cancel {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #4873bb; }
  .my-rewards-section .button-cancel.focused, .my-rewards-section .button-cancel:focus {
    background-color: #4873bb; }
  .my-rewards-section .button-cancel.pressed, .my-rewards-section .button-cancel:active {
    background-color: #4873bb; }
  .my-rewards-section .button-cancel.disabled, .my-rewards-section .button-cancel:disabled {
    background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
  .my-rewards-section .button-cancel.loading:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F11B";
    -webkit-animation: 2s rotate linear infinite;
    animation: 2s rotate linear infinite; }

.my-rewards-section .button-submit-request {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #333333;
  margin-top: 10px;
  margin-bottom: 20px; }
  .my-rewards-section .button-submit-request.focused, .my-rewards-section .button-submit-request:focus {
    background-color: #333333; }
  .my-rewards-section .button-submit-request.pressed, .my-rewards-section .button-submit-request:active {
    background-color: #333333; }
  .my-rewards-section .button-submit-request.disabled, .my-rewards-section .button-submit-request:disabled {
    background-color: #999999; }

.my-rewards-section .success-box {
  margin-top: 10px; }

.my-rewards-section .no-rewards-message {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333; }

/* Section of Points Claim */
.points-claim-container .points-claim-form-title {
  margin: 20px auto 10px; }

.points-claim-container .merge-accounts-request-text {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.42;
  text-transform: uppercase;
  color: #666666;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none; }

.points-claim-container .input-store-number,
.points-claim-container .input-register-number,
.points-claim-container .input-transaction-date,
.points-claim-container .input-transaction-number,
.points-claim-container .input-order-number,
.points-claim-container .input-order-date {
  margin-bottom: 25px; }

.points-claim-container .custom-select-common {
  margin-top: 20px; }

.points-claim-container .receipt-sample {
  margin-top: 20px;
  width: 70%;
  border: solid #ff6719 2px; }
  .points-claim-container .receipt-sample img {
    width: 100%; }

.points-claim-container .receipt-sample-title {
  background-color: #ff6719;
  width: 100%;
  display: block;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  padding-left: 10px; }

/* Section of Merge Accounts Request */
.merge-accounts-request-container {
  /* Reset style */ }
  .merge-accounts-request-container .account-information {
    margin: 20px 0px; }
  .merge-accounts-request-container .merge-accounts-request-text {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #666666;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: none; }
  .merge-accounts-request-container .merge-accounts-request-aclaration {
    color: #666666;
    margin: 20px 0px; }
  .merge-accounts-request-container .mobile-phone-number-note {
    margin-top: 7px; }
  .merge-accounts-request-container .input-first-name {
    margin-top: 0px; }
  .merge-accounts-request-container .input-alternate-email,
  .merge-accounts-request-container .input-alternate-phone-number,
  .merge-accounts-request-container .textarea-comments {
    margin-bottom: 25px; }
  .merge-accounts-request-container .textarea-comments {
    display: block; }

.my-rewards-section {
  padding-bottom: 40px;
  /* Form */ }
  .my-rewards-section .uncondense-coupons-container {
    margin: 10px 0px; }
  .my-rewards-section .button-cancel,
  .my-rewards-section .button-submit-request {
    width: 40%;
    display: inline-block; }
  .my-rewards-section .button-cancel {
    margin-right: 3%; }
  .my-rewards-section .input-store-number,
  .my-rewards-section .input-register-number,
  .my-rewards-section .input-transaction-date,
  .my-rewards-section .input-transaction-number,
  .my-rewards-section .input-order-date,
  .my-rewards-section .input-order-number {
    width: 48%;
    display: inline-block;
    vertical-align: top; }
  .my-rewards-section .form-content {
    width: 100%; }
  .my-rewards-section .input-order-number,
  .my-rewards-section .input-store-number,
  .my-rewards-section .input-transaction-date {
    margin-right: 4%; }
  .my-rewards-section .account-information {
    margin-bottom: 0px; }
  .my-rewards-section .no-rewards-message {
    min-height: 365px; }

.rewards-navigation-item-link:hover {
  color: #333333; }
  .rewards-navigation-item-link:hover:after {
    content: '';
    background: #333333;
    height: 2px;
    width: 100%;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 0px; }

/* Section of Points Claim */
.points-claim-container .points-claim-form-title {
  margin: 20px 0px; }

.points-claim-container .select-transaction-type {
  width: 20%; }

.points-claim-container .custom-select-common {
  width: 25%; }

.points-claim-container .account-information {
  width: calc(50% + 30px);
  padding-right: 30px;
  display: inline-block;
  vertical-align: top; }

.points-claim-container .receipt-sample {
  display: inline-block;
  vertical-align: top;
  margin-top: 0px;
  width: 265px; }

/* Add or edit credit card */
.my-account-content .credit-card-add-edit-form .fieldset-address-editable,
.account-address-book-section .fieldset-address-editable {
  margin-top: 0px;
  padding-top: 0px; }

.account-address-book-section .fieldset-address-editable {
  padding-bottom: 0px; }

/* FIXME and NOTE: this shouldn't be stay here, but both have the same styling */
/* Add or edit address */
.account-address-book-section .fieldset-address-editable .fieldset-address-editable,
.my-account-content .credit-card-add-edit-form .fieldset-address-editable,
.merge-accounts-request-container .fieldset-address-editable {
  padding-bottom: 0px; }

.account-address-book-section .fieldset-address-editable .input-first-name,
.account-address-book-section .fieldset-address-editable .input-last-name,
.account-address-book-section .fieldset-address-editable .input-address-line1,
.account-address-book-section .fieldset-address-editable .input-address-line2,
.my-account-content .credit-card-add-edit-form .input-first-name,
.my-account-content .credit-card-add-edit-form .input-last-name,
.my-account-content .credit-card-add-edit-form .input-address-line1,
.my-account-content .credit-card-add-edit-form .input-address-line2,
.merge-accounts-request-container .input-first-name,
.merge-accounts-request-container .input-last-name,
.merge-accounts-request-container .input-address-line1,
.merge-accounts-request-container .input-address-line2 {
  width: 48%;
  vertical-align: top; }

.account-address-book-section .fieldset-address-editable .input-first-name,
.account-address-book-section .fieldset-address-editable .input-address-line1,
.my-account-content .credit-card-add-edit-form .input-first-name,
.my-account-content .credit-card-add-edit-form .input-address-line1,
.merge-accounts-request-container .input-first-name,
.merge-accounts-request-container .input-address-line1 {
  margin-right: 4%; }

.account-address-book-section .fieldset-address-editable .input-city,
.my-account-content .credit-card-add-edit-form .input-city,
.merge-accounts-request-container .input-city {
  width: 48%;
  margin-right: 4%;
  vertical-align: top; }

.account-address-book-section .fieldset-address-editable .select-state,
.my-account-content .credit-card-add-edit-form .select-state,
.merge-accounts-request-container .select-state {
  width: 22%;
  padding: 0px;
  margin-right: 4%; }

.account-address-book-section .fieldset-address-editable .input-zip-code,
.my-account-content .credit-card-add-edit-form .input-zip-code,
.merge-accounts-request-container .input-zip-code {
  width: 22%;
  padding: 0px; }

.account-address-book-section .fieldset-address-editable .select-country,
.my-account-content .credit-card-add-edit-form .select-country,
.merge-accounts-request-container .select-country {
  vertical-align: top;
  padding: 0px;
  width: 48%;
  margin-right: 4%; }

.account-address-book-section .fieldset-address-editable .input-alternate-email,
.account-address-book-section .fieldset-address-editable .input-alternate-phone-number,
.my-account-content .credit-card-add-edit-form .input-alternate-email,
.my-account-content .credit-card-add-edit-form .input-alternate-phone-number,
.merge-accounts-request-container .input-alternate-email,
.merge-accounts-request-container .input-alternate-phone-number {
  width: 47%;
  display: inline-block; }

.account-address-book-section .fieldset-address-editable .input-alternate-email,
.my-account-content .credit-card-add-edit-form .input-alternate-email,
.merge-accounts-request-container .input-alternate-email {
  margin-right: 4%; }

.account-address-book-section .fieldset-address-editable .textarea-common textarea,
.my-account-content .credit-card-add-edit-form .textarea-common textarea,
.merge-accounts-request-container .textarea-common textarea {
  min-height: 230px; }
@charset "UTF-8";
/**
* My Account Section: Payment & Gift Card (Mobile) AddressBook
*
**/
/**
* AddressBook (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.my-account-section-content .address-book-content .address-container .aux-char {
  display: none; }

.address-book-section {
  /* FIXME */ }
  .address-book-section .address-book-content {
    position: relative; }
  .address-book-section .name {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .address-book-section .payment-add-new-button {
    position: absolute;
    top: -72px;
    left: 118px;
    width: auto; }
  .address-book-section .default-shipping-method,
  .address-book-section .button-default-shipping-method {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    text-align: left; }

.overlay-confirmation .address-book-confirm-address-delete .credit-card-associated-warning {
  text-align: center;
  color: #c60808; }

.address-book-section .button-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: 30px; }
  .address-book-section .button-container .button-select-shipping-address.select, .address-book-section .button-container .button-select-shipping-address.cancel {
    margin-top: 0px;
    width: 23%; }
  .address-book-section .button-container .button-select-shipping-address.cancel {
    margin-right: 1%;
    margin-left: 0px; }

.address-book-section .box-ghost {
  float: right;
  margin-top: -70px; }

.address-book-section .address-items {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.overlay-confirmation .address-book-confirm-address-delete {
  padding-left: 40px;
  padding-right: 40px; }
  .overlay-confirmation .address-book-confirm-address-delete + .overlay-button-container {
    padding-left: 40px;
    padding-right: 40px; }
    .overlay-confirmation .address-book-confirm-address-delete + .overlay-button-container .button-cancel,
    .overlay-confirmation .address-book-confirm-address-delete + .overlay-button-container .button-confirm {
      width: 100%; }
    .overlay-confirmation .address-book-confirm-address-delete + .overlay-button-container .button-confirm {
      margin-left: 0%;
      margin-top: 10px; }
  .overlay-confirmation .address-book-confirm-address-delete .address-container {
    width: calc(100% + 160px);
    position: relative;
    left: -80px;
    padding: 20px;
    text-align: center;
    background: #f7f7f7;
    margin-bottom: 20px;
    margin-top: 20px;
    display: inline-block; }
    .overlay-confirmation .address-book-confirm-address-delete .address-container .name {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
@charset "UTF-8";
/**
* Profile Information Title (Desktop)
*/
/**
* Profile Information Title (Mobile)
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.profile-information-header .profile-information-only-title {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #333333; }

.profile-information-header .profile-information-title {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.28;
  text-transform: none;
  color: #333333;
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  display: inline-block; }

.profile-information-header .button-action {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #333333;
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-decoration: underline;
  line-height: 28px;
  position: relative; }

.profile-information-header .button-edit,
.profile-information-header .button-container {
  float: right; }

.profile-information-container {
  position: relative; }
  .profile-information-container .profile-information-title {
    display: none; }
  .profile-information-container .button-container,
  .profile-information-container .button-edit {
    position: absolute;
    right: 0px;
    top: -64px; }

.personal-information-container .button-cancel-information {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #333333; }
  .personal-information-container .button-cancel-information.focused, .personal-information-container .button-cancel-information:focus {
    background-color: #333333; }
  .personal-information-container .button-cancel-information.pressed, .personal-information-container .button-cancel-information:active {
    background-color: #333333; }
  .personal-information-container .button-cancel-information.disabled, .personal-information-container .button-cancel-information:disabled {
    background-color: #999999; }

.personal-information-container .button-save {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #4873bb; }
  .personal-information-container .button-save.focused, .personal-information-container .button-save:focus {
    background-color: #4873bb; }
  .personal-information-container .button-save.pressed, .personal-information-container .button-save:active {
    background-color: #4873bb; }
  .personal-information-container .button-save.disabled, .personal-information-container .button-save:disabled {
    background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
  .personal-information-container .button-save.loading:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F11B";
    -webkit-animation: 2s rotate linear infinite;
    animation: 2s rotate linear infinite; }

.personal-information-container .button-cancel-information,
.personal-information-container .button-save {
  height: 42px;
  line-height: 46px;
  margin: 20px 30px 0 0;
  font-size: 14px; }

.profile-information-container {
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 30px; }
  .profile-information-container .address-additional {
    margin-top: 0; }

.profile-information-header .profile-information-title {
  display: inline-block;
  margin-right: 20px; }

.profile-information-header .button-edit,
.profile-information-header .button-container {
  float: none;
  display: inline-block;
  position: relative;
  right: auto;
  top: auto; }

/* Is Personal Information? */
.personal-information-container .button-edit {
  padding-left: 20px; }
  .personal-information-container .button-edit:before {
    content: '';
    background: #333333;
    height: 15px;
    width: 1px;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 4px; }

.personal-information-container .button-cancel-information,
.personal-information-container .button-save {
  width: 290px;
  margin: 0 30px 0 0; }
@charset "UTF-8";
/**
* Change Password (Desktop)
*/
/**
* Change Password (Mobile)
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Change Password section */
.change-password-container {
  /* All Label */ }
  .change-password-container .message-password {
    margin: 15px 0px 20px; }
  .change-password-container label {
    margin-bottom: 25px; }
    .change-password-container label:last-of-type {
      margin-bottom: 0px; }
  .change-password-container .personal-information-form .button-container {
    padding: 10px 0 20px; }

.change-password-container .message-password {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.15;
  text-decoration: none;
  text-transform: none;
  color: #333333;
  margin-bottom: 30px; }

.change-password-container label {
  display: block;
  margin-right: 50px;
  margin-top: 20px;
  vertical-align: top; }

.change-password-container .personal-information-form .button-container {
  padding-top: 30px; }
@charset "UTF-8";
/**
* Personal Information (Desktop)
*/
/**
* Personal Information (Mobile)
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.personal-information-container {
  /* Reset styles */ }
  .personal-information-container .address-container {
    margin: 0px;
    padding: 0px;
    float: none; }

.personal-information-form {
  /* Reset Styles */
  /* All Label */ }
  .personal-information-form .user-name,
  .personal-information-form .address-details,
  .personal-information-form .address-additional {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .personal-information-form .input-first-name,
  .personal-information-form .input-last-name,
  .personal-information-form .email-address,
  .personal-information-form .phone-number,
  .personal-information-form .air-miles-card,
  .personal-information-form .checkbox-employee {
    margin-bottom: 25px; }
    .personal-information-form .input-first-name sup,
    .personal-information-form .input-last-name sup,
    .personal-information-form .email-address sup,
    .personal-information-form .phone-number sup,
    .personal-information-form .air-miles-card sup,
    .personal-information-form .checkbox-employee sup {
      font-size: .8em;
      margin: 0px; }
  .personal-information-form .input-associated {
    margin-bottom: 25px; }
  .personal-information-form .label-error .inline-error-message {
    white-space: normal; }
  .personal-information-form .button-container {
    padding-bottom: 50px; }

.personal-information-container {
  /* Reset styles */
  /* Reset styles */ }
  .personal-information-container .my-account-title-section {
    margin: 0px;
    padding: 0px;
    border: 0px;
    margin-bottom: 20px; }
  .personal-information-container .profile-information-title {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333; }
  .personal-information-container .user-name {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }

.personal-information-form {
  /* All Label */ }
  .personal-information-form .input-first-name,
  .personal-information-form .input-last-name,
  .personal-information-form .email-address,
  .personal-information-form .phone-number,
  .personal-information-form .checkbox-employee,
  .personal-information-form .air-miles-card,
  .personal-information-form .input-associated {
    margin-bottom: 25px;
    width: 47%;
    vertical-align: top; }
  .personal-information-form .input-first-name,
  .personal-information-form .input-last-name {
    margin-bottom: 30px; }
  .personal-information-form .checkbox-employee {
    width: 100%; }
  .personal-information-form .input-first-name,
  .personal-information-form .email-address,
  .personal-information-form .input-associated {
    margin-right: 6%; }
  .personal-information-form .input-common > span,
  .personal-information-form .input-common .input-title {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.28;
    text-transform: none;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 17px; }
    .personal-information-form .input-common > span.input-title-placeholder,
    .personal-information-form .input-common .input-title.input-title-placeholder {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.36;
      text-decoration: none;
      text-transform: none;
      color: #666666;
      line-height: 1.45;
      display: block;
      text-transform: none;
      color: #666666;
      font-size: 15px;
      top: 21px;
      opacity: .8; }
      .personal-information-form .input-common > span.input-title-placeholder.disabled, .personal-information-form .input-common > span.input-title-placeholder:disabled,
      .personal-information-form .input-common .input-title.input-title-placeholder.disabled,
      .personal-information-form .input-common .input-title.input-title-placeholder:disabled {
        color: #333333; }
  .personal-information-form .input-with-button {
    width: 40%; }
    .personal-information-form .input-with-button .button-show-password {
      top: 48px; }
  .personal-information-form .email-address,
  .personal-information-form .air-miles-card {
    margin-top: -19px; }
    .personal-information-form .email-address strong,
    .personal-information-form .air-miles-card strong {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 1.42;
      text-transform: uppercase;
      color: #999999;
      text-transform: none;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      width: 100%;
      display: block;
      line-height: normal; }
    .personal-information-form .email-address .message-email,
    .personal-information-form .air-miles-card .message-email {
      margin-top: 8px; }
  .personal-information-form .email-address .hint-text {
    margin-top: 5px; }
@charset "UTF-8";
/**
* Favorite Sotore (Desktop)
*/
/**
* Profile Information / Favorite Sotore
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Favorite Store section */
.favorite-store-container .message-store {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.25px;
  line-height: 1.38;
  color: #333333;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }

/* Favorite Store section */
.favorite-store-container .message-store {
  margin-top: 2px; }
@charset "UTF-8";
/**
* Profile Information / Birthdays Information
*/
/**
* Profile Information / Birthdays Information
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Add or delete Birthday */
/* Birthday section */
.birthday-savings-container .add-birthday-message,
.birthday-information-container .add-birthday-message {
  margin-bottom: 20px;
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #333333;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }

.birthday-savings-container .title-container,
.birthday-information-container .title-container {
  margin-bottom: 20px; }

.birthday-savings-container .birthdays-list-container,
.birthday-information-container .birthdays-list-container {
  display: inline-block;
  width: calc(100% - 45px);
  margin-top: 10px; }
  .birthday-savings-container .birthdays-list-container + .button-information,
  .birthday-information-container .birthdays-list-container + .button-information {
    margin-top: 0px; }

.birthday-savings-container .birthday-item,
.birthday-information-container .birthday-item {
  background: #f7f7f7;
  padding: 13px 20px;
  margin-bottom: 10px;
  position: relative; }

.birthday-savings-container .child-name,
.birthday-information-container .child-name {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }

.birthday-savings-container .birthday-date,
.birthday-information-container .birthday-date {
  float: right; }

.birthday-savings-container .button-add-new-child,
.birthday-information-container .button-add-new-child {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #333333;
  margin-bottom: 10px; }
  .birthday-savings-container .button-add-new-child.focused, .birthday-savings-container .button-add-new-child:focus,
  .birthday-information-container .button-add-new-child.focused,
  .birthday-information-container .button-add-new-child:focus {
    background-color: #333333; }
  .birthday-savings-container .button-add-new-child.pressed, .birthday-savings-container .button-add-new-child:active,
  .birthday-information-container .button-add-new-child.pressed,
  .birthday-information-container .button-add-new-child:active {
    background-color: #333333; }
  .birthday-savings-container .button-add-new-child.disabled, .birthday-savings-container .button-add-new-child:disabled,
  .birthday-information-container .button-add-new-child.disabled,
  .birthday-information-container .button-add-new-child:disabled {
    background-color: #999999; }

.birthday-savings-container .button-delete,
.birthday-information-container .button-delete {
  position: relative;
  vertical-align: middle;
  height: 22px;
  width: 22px;
  position: absolute;
  right: 20px;
  width: 15px;
  height: 15px; }
  .birthday-savings-container .button-delete:before, .birthday-savings-container .button-delete:after,
  .birthday-information-container .button-delete:before,
  .birthday-information-container .button-delete:after {
    content: '';
    position: relative;
    display: block;
    background: #333333;
    margin: auto; }
  .birthday-savings-container .button-delete:before, .birthday-savings-container .button-delete:after,
  .birthday-information-container .button-delete:before,
  .birthday-information-container .button-delete:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .birthday-savings-container .button-delete:before,
  .birthday-information-container .button-delete:before {
    width: 18px;
    height: 2px;
    top: 8px; }
  .birthday-savings-container .button-delete:after,
  .birthday-information-container .button-delete:after {
    height: 18px;
    width: 2px;
    top: -2px; }
  .birthday-savings-container .button-delete:before,
  .birthday-information-container .button-delete:before {
    width: 16px;
    top: 8px; }
  .birthday-savings-container .button-delete:after,
  .birthday-information-container .button-delete:after {
    height: 16px;
    top: -1px; }

.birthday-savings-container .button-delete + .birthday-date,
.birthday-information-container .button-delete + .birthday-date {
  margin-right: 30px; }

.message-deleted-birthday .button-cancel-process, .message-deleted-birthday .button-remove {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #333333;
  width: 47%;
  vertical-align: top;
  margin-right: 6%; }
  .message-deleted-birthday .button-cancel-process.focused, .message-deleted-birthday .focused.button-remove, .message-deleted-birthday .button-cancel-process:focus, .message-deleted-birthday .button-remove:focus {
    background-color: #333333; }
  .message-deleted-birthday .button-cancel-process.pressed, .message-deleted-birthday .pressed.button-remove, .message-deleted-birthday .button-cancel-process:active, .message-deleted-birthday .button-remove:active {
    background-color: #333333; }
  .message-deleted-birthday .button-cancel-process.disabled, .message-deleted-birthday .disabled.button-remove, .message-deleted-birthday .button-cancel-process:disabled, .message-deleted-birthday .button-remove:disabled {
    background-color: #999999; }

.message-deleted-birthday .button-remove {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #4873bb;
  width: 47%;
  vertical-align: top; }
  .message-deleted-birthday .button-remove.focused, .message-deleted-birthday .button-remove:focus {
    background-color: #4873bb; }
  .message-deleted-birthday .button-remove.pressed, .message-deleted-birthday .button-remove:active {
    background-color: #4873bb; }
  .message-deleted-birthday .button-remove.disabled, .message-deleted-birthday .button-remove:disabled {
    background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
  .message-deleted-birthday .button-remove.loading:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F11B";
    -webkit-animation: 2s rotate linear infinite;
    animation: 2s rotate linear infinite; }

/* Add or delete Birthday */
/* Birthday section */
.birthday-savings-container .birthdays-list-container,
.birthday-information-container .birthdays-list-container {
  width: 100%; }

.birthday-savings-container .birthday-item,
.birthday-savings-container .birthday-unused-item,
.birthday-information-container .birthday-item,
.birthday-information-container .birthday-unused-item {
  width: 47%;
  display: inline-block;
  vertical-align: top; }
  .birthday-savings-container .birthday-item:nth-child(even),
  .birthday-savings-container .birthday-unused-item:nth-child(even),
  .birthday-information-container .birthday-item:nth-child(even),
  .birthday-information-container .birthday-unused-item:nth-child(even) {
    margin-left: 6%; }

.birthday-savings-container .buttons-container,
.birthday-information-container .buttons-container {
  margin: 0px;
  width: 47%;
  vertical-align: top;
  display: inline-block; }

.birthday-savings-container .birthdays-container,
.birthday-information-container .birthdays-container {
  margin-right: 6%; }

.birthday-savings-container .button-add-new-child,
.birthday-information-container .button-add-new-child {
  margin: 0px;
  margin-bottom: 10px; }

.message-deleted-birthday {
  margin-top: 30px; }
  .message-deleted-birthday .subheading-deleted-birthday {
    margin-bottom: 20px; }
  .message-deleted-birthday .button-cancel-process, .message-deleted-birthday .button-remove {
    width: 47%;
    vertical-align: top;
    margin-right: 6%; }
  .message-deleted-birthday .button-remove {
    margin: 0px; }
@charset "UTF-8";
/**
* Birthdays Add new (Desktop)
*/
/**
* Birthdays Add new (Mobile)
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Form Container */
.birthday-add-new-container .label-error .inline-error-message {
  white-space: normal; }

.birthday-add-new-container .add-a-child-title {
  margin-top: 20px; }

.birthday-add-new-container .field-container {
  margin-top: 20px; }

.birthday-add-new-container .digital-signature-title {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #666666;
  margin-bottom: 20px; }

.birthday-add-new-container .input-child-name,
.birthday-add-new-container .input-first-name {
  margin-top: 0px;
  margin-bottom: 25px; }

.birthday-add-new-container .select-birthday-container {
  margin-bottom: 25px; }

.birthday-add-new-container .select-birthday-title {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  line-height: 1.42;
  display: block; }

.birthday-add-new-container .select-month, .birthday-add-new-container .select-year {
  width: 38%;
  margin-right: 4%;
  display: inline-block;
  vertical-align: top; }

.birthday-add-new-container .select-year {
  width: 58%;
  margin-right: 0%; }

.birthday-add-new-container .timestamp-container {
  margin: 10px 0px 40px;
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #666666; }

.birthday-add-new-container .timestamp-date {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }

.birthday-add-new-container .term-and-conditions-link {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.36;
  text-decoration: none;
  text-transform: none;
  color: #666666;
  line-height: 1.45;
  display: block;
  text-transform: none;
  line-height: 21px;
  color: #333333;
  vertical-align: middle;
  text-decoration: underline;
  display: inline-block; }

.birthday-add-new-container .button-container {
  width: 100%;
  display: inline-block;
  margin-top: 25px; }

.birthday-add-new-container .button-add {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #4873bb; }
  .birthday-add-new-container .button-add.focused, .birthday-add-new-container .button-add:focus {
    background-color: #4873bb; }
  .birthday-add-new-container .button-add.pressed, .birthday-add-new-container .button-add:active {
    background-color: #4873bb; }
  .birthday-add-new-container .button-add.disabled, .birthday-add-new-container .button-add:disabled {
    background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
  .birthday-add-new-container .button-add.loading:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F11B";
    -webkit-animation: 2s rotate linear infinite;
    animation: 2s rotate linear infinite; }

.birthday-add-new-container .button-cancel-information {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #333333;
  margin-bottom: 20px; }
  .birthday-add-new-container .button-cancel-information.focused, .birthday-add-new-container .button-cancel-information:focus {
    background-color: #333333; }
  .birthday-add-new-container .button-cancel-information.pressed, .birthday-add-new-container .button-cancel-information:active {
    background-color: #333333; }
  .birthday-add-new-container .button-cancel-information.disabled, .birthday-add-new-container .button-cancel-information:disabled {
    background-color: #999999; }

.birthday-add-new-container {
  margin-top: 30px;
  border-top: solid 1px rgba(51, 51, 51, 0.11); }
  .birthday-add-new-container .add-a-child-title {
    margin-top: 28px;
    margin-bottom: 20px; }
  .birthday-add-new-container .field-container {
    width: 47%;
    vertical-align: top;
    display: inline-block;
    margin-top: 37px;
    margin-right: 6%; }
    .birthday-add-new-container .field-container.field-container-with-signature {
      margin-top: 0px;
      margin-right: 0px; }
  .birthday-add-new-container .select-year {
    width: 25%; }
  .birthday-add-new-container .input-gender {
    width: 38%;
    margin-right: 4%; }
  .birthday-add-new-container .button-add {
    width: 23%; }
  .birthday-add-new-container .button-cancel-information {
    margin-bottom: 0px;
    width: 23%;
    margin-right: 1%; }
  .birthday-add-new-container .button-container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end; }
@charset "UTF-8";
/**
* My Account Section: Profile Information (Desktop)
*/
/**
* My Account Section: Profile Information (Mobile)
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.favorite-store-container,
.change-password-container {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e3e3e3; }
  .favorite-store-container.no-favorite-store-showed,
  .change-password-container.no-favorite-store-showed {
    border-bottom: none; }

.button-information {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #333333;
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.45;
  color: #ffffff;
  margin-top: 16px;
  width: 200px;
  height: 35px;
  line-height: 37px;
  text-transform: uppercase; }
  .button-information.focused, .button-information:focus {
    background-color: #333333; }
  .button-information.pressed, .button-information:active {
    background-color: #333333; }
  .button-information.disabled, .button-information:disabled {
    background-color: #999999; }

.profile-information-container {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 30px;
  margin-bottom: 30px; }
  .profile-information-container .air-miles-message,
  .profile-information-container .rewards-message {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }

.button-information {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.45;
  color: #ffffff;
  margin-top: 16px;
  width: 200px;
  height: 35px;
  line-height: 37px;
  text-transform: uppercase; }
@charset "UTF-8";
/**
*  Orders / Order List
**/
/**
*  Orders / Order List
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.orders-section .my-account-title-section {
  margin-bottom: 10px; }

.order-list-container {
  display: inline-block;
  width: 100%; }

.product-list-container {
  position: relative; }

.table-orders {
  width: 100%;
  margin: 15px 0px 20px;
  /* Head and items of table */ }
  .table-orders tbody tr td {
    text-transform: capitalize; }
  .table-orders tr {
    border-top: solid 1px rgba(51, 51, 51, 0.11);
    display: inline-block;
    width: 100%;
    padding: 16px 0px 12px; }
    .table-orders tr:last-of-type {
      border-bottom: solid 1px rgba(51, 51, 51, 0.11); }
    .table-orders tr:only-child {
      border-bottom: 0px; }
  .table-orders th {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    text-transform: uppercase; }
  .table-orders td {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    display: inline-block;
    width: 42%;
    padding: 5px 0px;
    /* Price item | Points item */
    /* Order Number / Status */ }
    .table-orders td.total-container, .table-orders td.order-points-container {
      text-align: right;
      width: 16%; }
    .table-orders td.order-number-container, .table-orders td.status-container {
      width: 40%; }
  .table-orders .order-number {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    text-decoration: underline; }
  .table-orders .item-shopping-cart:nth-child(2) {
    border-top: 1px solid #e3e3e3; }
  .table-orders .order-list-container {
    display: inline-block;
    width: 100%; }

.orders-section .my-account-title-section {
  margin-bottom: 30px; }

.orders-products-list {
  margin-bottom: 40px; }

.order-list-container {
  padding-bottom: 20px;
  margin-bottom: 20px;
  min-height: 340px; }

.order-or-reservation-list {
  width: 100%; }
  .order-or-reservation-list a {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    text-decoration: underline; }
  .order-or-reservation-list thead th {
    padding-bottom: 18px; }
    .order-or-reservation-list thead th.order-or-reservation-total {
      text-align: right; }
  .order-or-reservation-list tbody tr td {
    padding: 14px 0px 20px;
    text-transform: capitalize; }
    .order-or-reservation-list tbody tr td.order-or-reservation-total {
      text-align: right; }
@charset "UTF-8";
/**
*  Order Details (Desktop)
**/
/**
*  Order Details (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.order-status-container .tracking-number {
  width: 100%;
  display: inline-block;
  vertical-align: top; }
  .order-status-container .tracking-number .title-description, .order-status-container .tracking-number .button-tracking-number {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    display: inline-block;
    padding-right: 10px;
    vertical-align: top; }
  .order-status-container .tracking-number .button-tracking-number {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-decoration: underline;
    width: 65%;
    display: inline-block;
    text-align: left;
    vertical-align: top; }

.order-details-section.my-account-section-content {
  padding-bottom: 0px; }

.order-details-section .accordion-element {
  margin-top: 0px; }

.order-details-section .notification-list {
  margin-top: 15px;
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.25px;
  line-height: 1.38;
  color: #333333;
  text-transform: none; }

.order-details-section .notification-list + .table-products {
  margin-top: 5px; }

.unavailable-order-details .general-loading.order-details-loading, .unavailable-reservation-details .general-loading.order-details-loading {
  width: 100%;
  border: 0px; }

.unavailable-order-details h1, .unavailable-reservation-details h1 {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1.21;
  text-transform: uppercase;
  color: #333333;
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-transform: lowercase;
  text-align: center;
  margin: 50px auto; }
  .unavailable-order-details h1:first-letter, .unavailable-reservation-details h1:first-letter {
    text-transform: capitalize; }

.notification-container + .actual-order-display {
  border-top: 1px solid rgba(51, 51, 51, 0.11);
  padding-top: 30px; }

.order-details-section .notification-list + .table-products {
  margin-top: 25px;
  margin-bottom: 20px; }

.my-account-section-content.order-details-section th {
  text-transform: none; }

.order-status-container .tracking-number {
  width: auto;
  text-align: left;
  float: right;
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #333333; }
  .order-status-container .tracking-number .title-description, .order-status-container .tracking-number .button-tracking-number {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    display: inline-block;
    width: auto;
    vertical-align: top;
    padding-right: 10px; }
  .order-status-container .tracking-number .button-tracking-number {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-decoration: underline;
    vertical-align: top;
    padding-right: 0px; }

.unavailable-order-details h1, .unavailable-reservation-details h1 {
  margin: 150px auto; }
@charset "UTF-8";
/**
*  Order Display (Mobile)
**/
/**
*  Order Display (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.actual-order-display .order-number,
.actual-order-display .order-date,
.actual-order-display .order-hour,
.actual-order-display .store-name {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.42;
  text-transform: uppercase;
  color: #333333;
  font-family: 'Avenir';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none; }

.actual-order-display .order-date {
  font-family: 'Avenir';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }

.actual-order-display .order-hour,
.actual-order-display .address-information,
.actual-order-display .card-info,
.actual-order-display .giftcard-list-display,
.actual-order-display .container-items,
.actual-order-display .address-details,
.actual-order-display .address-additional {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }

.actual-order-display .address-details,
.actual-order-display .address-information {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }

.actual-order-display .address-details span {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }

.actual-order-display .card-info {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.42;
  text-transform: uppercase;
  color: #333333;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 10px;
  margin-bottom: 20px; }

.actual-order-display .balance {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.42;
  text-transform: uppercase;
  color: #333333;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1.5; }

.actual-order-display .order-number,
.actual-order-display .order-date,
.actual-order-display .order-hour {
  display: block; }

.actual-order-display .order-hour {
  margin-left: 0px; }

.actual-order-display .order-number,
.actual-order-display .order-hour {
  margin-bottom: 20px; }
@charset "UTF-8";
/**
*  Actual Order Display (Desktop)
**/
/**
*  Actual Order Display (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.actual-order-display {
  width: 100%;
  margin-bottom: 30px;
  position: relative;
  /* Pickup / Store information */ }
  .actual-order-display .order-display,
  .actual-order-display .shipping-section,
  .actual-order-display .billing-section {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px; }
  .actual-order-display .title-description,
  .actual-order-display .address-title,
  .actual-order-display .title-gift-card-applied {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: none;
    color: #666666; }
  .actual-order-display .gift-cards-container {
    display: inline-block;
    width: 100%; }
  .actual-order-display .title-description,
  .actual-order-display .address-title,
  .actual-order-display .title-gift-card-applied {
    width: 35%;
    display: inline-block;
    text-align: right;
    padding-right: 20px;
    vertical-align: top; }
    .actual-order-display .title-description.title-order-summary,
    .actual-order-display .address-title.title-order-summary,
    .actual-order-display .title-gift-card-applied.title-order-summary {
      width: 100%;
      padding: 0px;
      float: none;
      text-align: left;
      margin-top: 20px; }
  .actual-order-display .address-additional,
  .actual-order-display .store-info-data,
  .actual-order-display .checkout-review-shipping-address,
  .actual-order-display .giftcard-list-display,
  .actual-order-display .order-number,
  .actual-order-display .order-date,
  .actual-order-display .button-tracking-number,
  .actual-order-display .card-info {
    width: 65%;
    display: inline-block;
    vertical-align: top;
    float: right;
    text-align: left; }
    .actual-order-display .address-additional .store-name,
    .actual-order-display .address-additional .person-name,
    .actual-order-display .store-info-data .store-name,
    .actual-order-display .store-info-data .person-name,
    .actual-order-display .checkout-review-shipping-address .store-name,
    .actual-order-display .checkout-review-shipping-address .person-name,
    .actual-order-display .giftcard-list-display .store-name,
    .actual-order-display .giftcard-list-display .person-name,
    .actual-order-display .order-number .store-name,
    .actual-order-display .order-number .person-name,
    .actual-order-display .order-date .store-name,
    .actual-order-display .order-date .person-name,
    .actual-order-display .button-tracking-number .store-name,
    .actual-order-display .button-tracking-number .person-name,
    .actual-order-display .card-info .store-name,
    .actual-order-display .card-info .person-name {
      text-transform: capitalize; }
  .actual-order-display .card-type {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    margin-bottom: 5px;
    display: block; }
  .actual-order-display .card-suffix {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: none; }
  .actual-order-display .person-name,
  .actual-order-display .address-details,
  .actual-order-display .address-additional,
  .actual-order-display .giftcard-list-display,
  .actual-order-display .store-info-data {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: none; }
  .actual-order-display .button-tracking-number {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-decoration: underline; }
  .actual-order-display .store-address {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    margin-bottom: 5px;
    text-transform: capitalize; }
  .actual-order-display .distance-and-open-information {
    display: inline-block;
    width: 100%; }
  .actual-order-display .calculate-distance-button, .actual-order-display .button-get-directions, .actual-order-display .button-see-store-details {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: none;
    text-decoration: underline;
    display: block;
    margin-bottom: 5px; }
  .actual-order-display .buttons-actions {
    margin-top: 5px; }
  .actual-order-display .button-get-directions, .actual-order-display .button-see-store-details {
    margin-bottom: 0px; }

.order-details-section {
  /* Shipping */
  /* Shipping */
  /* Billing */
  /* Order Summary */ }
  .order-details-section .shipping-section .address-container > .address-title {
    display: none; }
  .order-details-section .shipping-section .pickup-person-container,
  .order-details-section .shipping-section .address-container {
    border: 0px;
    padding: 0px;
    float: none;
    margin: 0px;
    display: inline-block;
    width: 65%; }
  .order-details-section .shipping-section .pickup-information {
    margin-top: 10px;
    display: inline-block;
    width: 100%; }
  .order-details-section .shipping-section .pickup-alternate {
    clear: both;
    margin-top: 10px;
    display: inline-block;
    float: none;
    width: 100%; }
    .order-details-section .shipping-section .pickup-alternate .person-name {
      vertical-align: top; }
  .order-details-section .checkout-review-shipping-address span,
  .order-details-section .checkout-review-shipping-address .address-additional {
    line-height: 1.5; }
  .order-details-section .checkout-review-shipping-address .user-name {
    display: block; }
  .order-details-section .billing-section .title-payment-method,
  .order-details-section .billing-section img {
    display: none; }
  .order-details-section .billing-section .card-info-figure-and-title {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    display: block;
    text-transform: capitalize; }
  .order-details-section .billing-section .card-info {
    margin-bottom: 0; }
  .order-details-section .billing-section .address-container {
    width: 65%;
    float: right;
    margin: 5px 0 10px; }
  .order-details-section .order-summary {
    margin-top: 10px;
    width: 75%; }
    .order-details-section .order-summary li,
    .order-details-section .order-summary li strong,
    .order-details-section .order-summary li span,
    .order-details-section .order-summary .estimated-total strong {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 1.42;
      text-transform: uppercase;
      color: #333333;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      text-transform: none;
      line-height: 1.5; }
    .order-details-section .order-summary .container-items .container-items-with-tax {
      border: none;
      margin: 0; }
    .order-details-section .order-summary .container-tax {
      margin: 0;
      padding: 0;
      border: none; }
      .order-details-section .order-summary .container-tax li {
        line-height: 31px; }
    .order-details-section .order-summary .container-total-amounts .estimated-total span {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 1.42;
      text-transform: uppercase;
      color: #333333;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      text-transform: none; }
    .order-details-section .order-summary .container-total-amounts .estimated-total strong {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 1.42;
      text-transform: uppercase;
      color: #333333;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      text-transform: none;
      line-height: 1.5;
      margin-top: 8px; }
    .order-details-section .order-summary .container-total-shipping li:last-of-type {
      padding-bottom: 0; }
    .order-details-section .order-summary .container-items.container-items-with-tax {
      border-bottom: 0px;
      margin-bottom: 0;
      padding: 0; }

.actual-order-display {
  border-bottom: 1px solid rgba(51, 51, 51, 0.11);
  width: 100%;
  padding-bottom: 30px;
  margin-bottom: 30px;
  position: relative;
  /* Reset styles */ }
  .actual-order-display .title-description,
  .actual-order-display .address-title {
    margin-bottom: 10px; }
  .actual-order-display .order-display,
  .actual-order-display .shipping-section,
  .actual-order-display .billing-section {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #666666;
    text-transform: none;
    padding-right: 15px; }
    .actual-order-display .order-display.ledger-section,
    .actual-order-display .shipping-section.ledger-section,
    .actual-order-display .billing-section.ledger-section {
      padding-right: 0px; }
  .actual-order-display .title-description,
  .actual-order-display .address-title,
  .actual-order-display .title-gift-card-applied {
    width: 100%;
    display: block;
    padding-right: 0px;
    text-align: left; }
    .actual-order-display .title-description.title-order-summary,
    .actual-order-display .address-title.title-order-summary,
    .actual-order-display .title-gift-card-applied.title-order-summary {
      margin-top: 0px;
      position: relative;
      top: auto;
      left: auto;
      right: auto; }
  .actual-order-display .checkout-review-payment-method {
    width: 100%; }
  .actual-order-display .shipping-section .pickup-person-container,
  .actual-order-display .checkout-review-shipping-address,
  .actual-order-display .giftcard-list-display,
  .actual-order-display .order-number,
  .actual-order-display .card-info,
  .actual-order-display .store-info-data,
  .actual-order-display .billing-section .address-container {
    width: 100%;
    float: none; }
  .actual-order-display .order-date {
    width: 100%;
    float: none;
    height: 54px; }
  .actual-order-display .order-summary {
    width: 100%; }
@charset "UTF-8";
/**
*  Order Products (Mobile)
**/
/**
*  Order Products (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Product List */
.table-products thead,
.table-products tbody {
  display: inline-block;
  width: 100%; }

.table-products.out-of-stock-list {
  /* Producto Sold Out */ }
  .table-products.out-of-stock-list .container-image .button-add-to-wishlist,
  .table-products.out-of-stock-list .container-image .product-description,
  .table-products.out-of-stock-list .container-image img {
    opacity: 0.4; }
  .table-products.out-of-stock-list .container-image:after {
    content: 'Sold Out'; }

.table-products .container-image:after {
  background: #cc3300;
  color: #f7f7f7;
  font-size: 9px;
  height: 20px;
  line-height: 20px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  text-transform: uppercase;
  width: 100%; }

/* Product list into Accordions */
.accordion-products-list {
  width: 100%;
  display: inline-block;
  /* Information of Item */
  /* Reset styles of Cart */ }
  .accordion-products-list .information-principal {
    position: relative; }
  .accordion-products-list .product-title-in-table {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .accordion-products-list .text-color,
  .accordion-products-list .text-size,
  .accordion-products-list .text-fit,
  .accordion-products-list .text-qty,
  .accordion-products-list .text-upc {
    display: block;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #666666;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: none; }
  .accordion-products-list .subtotal-table {
    position: absolute;
    top: 20px;
    right: 0px;
    width: auto;
    padding: 0px;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333; }
  .accordion-products-list .product-list-price {
    margin-right: 0px; }
    .accordion-products-list .product-list-price.product-price-within-offer {
      text-decoration: none; }
  .accordion-products-list .button-write-review {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    text-decoration: underline;
    margin-top: 4px; }
  .accordion-products-list td {
    display: block;
    width: 100%;
    padding-left: 84px; }
    .accordion-products-list td:first-of-type {
      display: inline-block;
      padding: 0px; }
    .accordion-products-list td.product-list-price, .accordion-products-list td.product-offer-table {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0.25px;
      line-height: 1.38;
      color: #999999;
      display: inline-block;
      width: auto;
      text-decoration: line-through;
      margin-top: 3px; }
    .accordion-products-list td.product-offer-table {
      color: #333333;
      text-decoration: none;
      margin-left: 10px;
      padding: 0px; }
    .accordion-products-list td.button-write-review-container {
      padding: 0px;
      width: auto;
      float: right;
      margin-right: -12px; }
  .accordion-products-list .item-shopping-cart {
    width: 100%;
    display: inline-block;
    padding: 19px 14px;
    position: relative; }
    .accordion-products-list .item-shopping-cart:last-of-type {
      border-bottom: 0px; }
    .accordion-products-list .item-shopping-cart .product-description {
      width: calc(100% - 115px);
      margin-left: 13px; }
    .accordion-products-list .item-shopping-cart .container-image {
      width: 70px;
      height: 70px; }
    .accordion-products-list .item-shopping-cart .container-description-view {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0.25px;
      line-height: 1.38;
      color: #333333;
      margin-bottom: 0px;
      bottom: 0; }

.my-account-section-content {
  /* Reset styles */ }
  .my-account-section-content .accordion-products-list.accordion {
    border-bottom: 0px; }
    .my-account-section-content .accordion-products-list.accordion.accordion-expanded {
      padding-bottom: 0px; }
    .my-account-section-content .accordion-products-list.accordion:last-of-type {
      border-bottom: solid 1px rgba(51, 51, 51, 0.11); }

/* Product list into Table */
.table-products-list {
  display: inline-block;
  width: 100%;
  margin-top: 21px;
  /* Reset styles of Cart */ }
  .table-products-list .product-title-in-table {
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .table-products-list .container-titles {
    display: inline-block;
    width: 100%;
    border-bottom: solid 1px rgba(51, 51, 51, 0.11);
    margin-bottom: 6px; }
    .table-products-list .container-titles th {
      text-transform: none;
      width: calc(50% / 5);
      display: inline-block; }
      .table-products-list .container-titles th:nth-child(1) {
        width: 50%; }
  .table-products-list .text-upc {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #999999;
    position: relative;
    display: inline-block; }
  .table-products-list .button-write-review {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    text-decoration: underline;
    white-space: nowrap; }
  .table-products-list .item-shopping-cart {
    width: 100%;
    display: inline-block;
    padding: 14px 0px 21px; }
    .table-products-list .item-shopping-cart td {
      width: calc(50% / 5);
      position: relative;
      vertical-align: top;
      display: inline-block; }
      .table-products-list .item-shopping-cart td:nth-child(1) {
        width: 50%; }
    .table-products-list .item-shopping-cart .product-list-price {
      margin: 0px; }
      .table-products-list .item-shopping-cart .product-list-price.product-price-within-offer {
        text-decoration: none; }
    .table-products-list .item-shopping-cart .container-description-view {
      width: calc(100% - 132px);
      display: inline-block;
      vertical-align: top;
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0.25px;
      line-height: 1.38;
      color: #333333;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      position: absolute;
      left: 100px;
      bottom: 0px;
      margin-bottom: 0px; }
    .table-products-list .item-shopping-cart .container-image {
      width: 80px;
      height: 80px; }
@charset "UTF-8";
/**
* Orders Section (Desktop)
**/
/**
* Orders Section (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.show-orders-container {
  background-color: #f7f7f7;
  padding: 10px 15px;
  margin-top: 6px;
  position: relative; }
  .show-orders-container .button-show-order, .show-orders-container .button-show-international-order {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    text-decoration: underline;
    width: 50%;
    text-align: center;
    display: inline-block;
    padding-right: 6px; }
  .show-orders-container .button-show-international-order {
    padding-right: 1px; }

.show-orders-container {
  background-color: #f7f7f7;
  padding: 10px 15px;
  position: relative; }
  .show-orders-container .button-show-order, .show-orders-container .button-show-international-order {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    text-decoration: underline;
    margin-right: 30px;
    width: auto; }
@charset "UTF-8";
/**
* Hello Message from My Account (Desktop)
**/
/**
* Hello Message from My Account (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.hello-message-container {
  width: 100%;
  display: inline-block;
  padding: 10px 30px;
  background: #ffffff;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  text-transform: none;
  color: #333333; }

.hello-title {
  display: inline-block;
  width: calc(100% - 8px);
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1.21;
  text-transform: uppercase;
  color: #333333;
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.hello-message-for-no-rewards {
  width: 100%;
  padding: 20px;
  position: relative; }
  .hello-message-for-no-rewards .hello-title {
    top: auto;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); }

/* Hello Message Section */
.hello-message-container {
  width: 13.33%;
  border-right: solid 1px #e3e3e3;
  padding-left: 9px;
  padding-top: 23px;
  padding-bottom: 27px;
  min-width: 254px;
  position: relative;
  background: #f7f7f7; }

.hello-title {
  position: absolute; }

.hello-message-for-no-rewards {
  width: 20%;
  padding: 0px;
  padding-left: 9px;
  padding-right: 20px;
  position: relative;
  float: left; }
  .hello-message-for-no-rewards .hello-title {
    position: relative; }
  .hello-message-for-no-rewards + .my-account-navigation-container {
    float: left;
    clear: left; }
@charset "UTF-8";
/**
* Rewards from My Account (Desktop)
**/
/**
* Rewards from My Account (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Rewards Section of Global My Account Header */
.my-account-rewards-section {
  display: inline-block;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

/* Reward status container of Global My Account */
.rewards-status-container {
  position: relative;
  display: inline-block;
  width: 100%;
  background: #ffffff;
  padding: 10px 16px;
  /* Title of big component of Reward Status in Global My Account */
  /* Container of total points and available rewards in Global My Account */
  /* Total points item */
  /* Button for open accordion (Mobile only) */ }
  .rewards-status-container .point-earned-title {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    top: -1px;
    position: relative;
    opacity: .88; }
  .rewards-status-container .rewards-summary {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    width: calc(100% - 25px);
    line-height: 17px;
    position: relative;
    top: -2px;
    letter-spacing: 0.1px; }
  .rewards-status-container .total-points {
    position: relative; }
    .rewards-status-container .total-points:after {
      content: '';
      display: inline-block;
      width: 1px;
      height: 12px;
      position: relative;
      margin: 0px 6px;
      top: -1px;
      background: #333333;
      vertical-align: middle; }
  .rewards-status-container .button-open-reward-status {
    cursor: pointer;
    z-index: 1;
    /* for plus icon, show this with visibility visible */
    position: absolute;
    right: 15px;
    top: 25px; }
    .rewards-status-container .button-open-reward-status:before, .rewards-status-container .button-open-reward-status:after {
      content: '';
      position: relative;
      display: block;
      background: #333333;
      margin: auto; }
    .rewards-status-container .button-open-reward-status:before {
      width: 10px;
      height: 2px;
      top: 5px; }
    .rewards-status-container .button-open-reward-status:after {
      width: 2px;
      height: 10px;
      visibility: hidden;
      top: -3px; }
    .rewards-status-container .button-open-reward-status.button-plus:after {
      visibility: visible; }
    .rewards-status-container .button-open-reward-status:focus {
      outline: 0px; }
    .rewards-status-container .button-open-reward-status:before {
      width: 14px;
      background: #f56319; }
    .rewards-status-container .button-open-reward-status:after {
      visibility: visible;
      height: 14px;
      top: -3px;
      background: #f56319; }
    .rewards-status-container .button-open-reward-status.expanded:after {
      visibility: hidden; }
  .rewards-status-container .pending-rewards-tooltip-container {
    position: relative;
    margin-left: 5px;
    top: -1px; }
    .rewards-status-container .pending-rewards-tooltip-container .tooltip-container {
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
      .rewards-status-container .pending-rewards-tooltip-container .tooltip-container:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
      .rewards-status-container .pending-rewards-tooltip-container .tooltip-container:after {
        left: 50%;
        -webkit-transform: translateX(calc(-50% + 8px));
        -moz-transform: translateX(calc(-50% + 8px));
        -ms-transform: translateX(calc(-50% + 8px));
        -o-transform: translateX(calc(-50% + 8px));
        transform: translateX(calc(-50% + 8px)); }
    .rewards-status-container .pending-rewards-tooltip-container .button-close {
      font-size: 0px;
      position: relative;
      vertical-align: middle;
      height: 22px;
      width: 22px;
      position: absolute;
      right: 13px;
      top: 19px; }
      .rewards-status-container .pending-rewards-tooltip-container .button-close:before, .rewards-status-container .pending-rewards-tooltip-container .button-close:after {
        content: '';
        position: relative;
        display: block;
        background: #333333;
        margin: auto; }
      .rewards-status-container .pending-rewards-tooltip-container .button-close:before, .rewards-status-container .pending-rewards-tooltip-container .button-close:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .rewards-status-container .pending-rewards-tooltip-container .button-close:before {
        width: 18px;
        height: 2px;
        top: 8px; }
      .rewards-status-container .pending-rewards-tooltip-container .button-close:after {
        height: 18px;
        width: 2px;
        top: -2px; }
      .rewards-status-container .pending-rewards-tooltip-container .button-close:after {
        height: 14px;
        width: 2px;
        top: 0px; }
      .rewards-status-container .pending-rewards-tooltip-container .button-close:before {
        width: 14px;
        height: 2px;
        top: 8px; }

/* Reward earned container of Global My Account */
.reward-earned-container {
  text-align: center;
  padding: 10px 30px;
  display: inline-block;
  width: 100%;
  background: #ffffff;
  /* Title of Rewards earned */
  /* Subtitle or message of rewards earned */
  /* Button of View all rewards */ }
  .reward-earned-container .reward-earned-title {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333; }
  .reward-earned-container .reward-accreditation-message {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .reward-earned-container .button-view-all-rewards {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #333333;
    display: inline-block;
    margin-top: 10px;
    width: 160px; }
    .reward-earned-container .button-view-all-rewards.focused, .reward-earned-container .button-view-all-rewards:focus {
      background-color: #333333; }
    .reward-earned-container .button-view-all-rewards.pressed, .reward-earned-container .button-view-all-rewards:active {
      background-color: #4873bb; }
    .reward-earned-container .button-view-all-rewards.disabled, .reward-earned-container .button-view-all-rewards:disabled {
      background-color: #999999; }

/* Resets
   ========================================================================== */
.rewards-status-container .rewards-status {
  margin-top: 10px;
  padding: 0px;
  width: 100%;
  /* Check level of sass */ }
  .rewards-status-container .rewards-status .rewards-bar {
    width: 100%;
    padding: 0px;
    margin-top: 10px; }
    .rewards-status-container .rewards-status .rewards-bar:after {
      display: none; }

.rewards-status-container .tooltip-container:before {
  left: 49%; }

.rewards-status-container .reward-image {
  width: 70%;
  display: block;
  margin: 0 auto 10px; }
  .rewards-status-container .reward-image img {
    width: 100%; }

.rewards-status-container .reward-title-tooltip {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.28;
  text-transform: none;
  color: #333333;
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-transform: uppercase; }

/* Espot from Account Header */
.account-header-reward-espot {
  text-align: left;
  position: relative; }
  .account-header-reward-espot .image-container > div {
    max-height: 100px;
    overflow-y: hidden; }
  .account-header-reward-espot img {
    width: 100%; }
  .account-header-reward-espot .espot-plcc-message-container {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .account-header-reward-espot .espot-plcc-message {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .account-header-reward-espot .plcc-link {
    text-decoration: underline;
    color: #333333; }

/* Rewards Section of Global My Account Header */
.my-account-rewards-section {
  width: 86.66%;
  vertical-align: top; }

/* Reward status container of Global My Account */
.rewards-status-container {
  padding: 15px 0px 15px 30px;
  min-width: 330px;
  width: 50%;
  vertical-align: top;
  background: #f7f7f7;
  /* Title of big component of Reward Status in Global My Account */
  /* Container of total points and available rewards in Global My Account */
  /* Total points item */ }
  .rewards-status-container .point-earned-title {
    position: absolute;
    left: 30px;
    z-index: 1;
    top: auto;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333; }
  .rewards-status-container .rewards-summary {
    width: 100%;
    top: auto;
    margin-top: -3px; }
  .rewards-status-container .total-points {
    position: relative; }
    .rewards-status-container .total-points:after {
      display: none; }

/* Reward earned container of Global My Account */
.reward-earned-container {
  width: 70%;
  vertical-align: top;
  padding-top: 13px;
  border-right: solid 1px #e3e3e3;
  background: #f7f7f7; }

/* Resets
   ========================================================================== */
.rewards-status-container .rewards-status {
  margin-top: 0px;
  background: #f7f7f7; }

.rewards-status .rewards-bar .points {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0; }
  .rewards-status .rewards-bar .points strong {
    font-size: 26px; }
@charset "UTF-8";
/**
* My Account Section: Add Gift Card (Desktop)
**/
/**
* My Account Section: Add Gift Card (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.add-giftcard-or-merchandise-container .gift-card-number,
.add-giftcard-or-merchandise-container .gift-card-pin {
  width: 100%;
  float: none; }

.add-giftcard-or-merchandise-container .gift-card-pin {
  margin-bottom: 20px; }

.add-giftcard-or-merchandise-container .recaptcha {
  display: block;
  margin-bottom: 0px; }

.add-giftcard-or-merchandise-container .add-giftcard-message-container {
  margin: 0px; }

.add-giftcard-or-merchandise-container .gift-card-add-submit {
  width: 100%; }

.add-giftcard-or-merchandise-container .gift-card-balance {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #4873bb;
  margin-top: 20px; }
  .add-giftcard-or-merchandise-container .gift-card-balance.focused, .add-giftcard-or-merchandise-container .gift-card-balance:focus {
    background-color: #4873bb; }
  .add-giftcard-or-merchandise-container .gift-card-balance.pressed, .add-giftcard-or-merchandise-container .gift-card-balance:active {
    background-color: #4873bb; }
  .add-giftcard-or-merchandise-container .gift-card-balance.disabled, .add-giftcard-or-merchandise-container .gift-card-balance:disabled {
    background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
  .add-giftcard-or-merchandise-container .gift-card-balance.loading:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F11B";
    -webkit-animation: 2s rotate linear infinite;
    animation: 2s rotate linear infinite; }

.add-giftcard-or-merchandise-container .gift-card-save {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #333333;
  margin-top: 15px; }
  .add-giftcard-or-merchandise-container .gift-card-save.focused, .add-giftcard-or-merchandise-container .gift-card-save:focus {
    background-color: #333333; }
  .add-giftcard-or-merchandise-container .gift-card-save.pressed, .add-giftcard-or-merchandise-container .gift-card-save:active {
    background-color: #333333; }
  .add-giftcard-or-merchandise-container .gift-card-save.disabled, .add-giftcard-or-merchandise-container .gift-card-save:disabled {
    background-color: #999999; }

.add-giftcard-or-merchandise-container .gift-card-number {
  width: 48%; }

.add-giftcard-or-merchandise-container .gift-card-pin {
  width: 48%;
  margin-left: 4%; }

.add-giftcard-or-merchandise-container .gift-card-balance {
  width: 38%; }

.add-giftcard-or-merchandise-container .gift-card-save {
  width: 38%; }

.add-giftcard-or-merchandise-container .button-cancel {
  width: 38%;
  margin-left: 0; }
@charset "UTF-8";
/**
* My Account Section: Gift Card Balance
**/
/**
* My Account Section: Gift Card Balance (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.check-giftcard-balance-container {
  margin-top: 20px; }
  .check-giftcard-balance-container .gift-card-balance {
    background-color: #ffffff;
    padding: 0 35px; }
@charset "UTF-8";
/**
* My Account Section: Payment & Gift Card (Desktop)
**/
/**
* My Account Section: Payment & Gift Card (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* REVIEW: Address Book */
.account-address-book-section,
.payment-and-giftcard-section {
  position: relative;
  padding-bottom: 25px;
  /* Icon of button close for boxes */ }
  .account-address-book-section .my-place-rewards-banner + .success-box,
  .payment-and-giftcard-section .my-place-rewards-banner + .success-box {
    margin-top: 20px; }
  .account-address-book-section .button-close,
  .payment-and-giftcard-section .button-close {
    position: relative;
    vertical-align: middle;
    height: 22px;
    width: 22px;
    position: absolute;
    right: 20px;
    width: 15px;
    height: 15px;
    top: 18px; }
    .account-address-book-section .button-close:before, .account-address-book-section .button-close:after,
    .payment-and-giftcard-section .button-close:before,
    .payment-and-giftcard-section .button-close:after {
      content: '';
      position: relative;
      display: block;
      background: #333333;
      margin: auto; }
    .account-address-book-section .button-close:before, .account-address-book-section .button-close:after,
    .payment-and-giftcard-section .button-close:before,
    .payment-and-giftcard-section .button-close:after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .account-address-book-section .button-close:before,
    .payment-and-giftcard-section .button-close:before {
      width: 18px;
      height: 2px;
      top: 8px; }
    .account-address-book-section .button-close:after,
    .payment-and-giftcard-section .button-close:after {
      height: 18px;
      width: 2px;
      top: -2px; }
    .account-address-book-section .button-close:before,
    .payment-and-giftcard-section .button-close:before {
      width: 16px;
      top: 7px;
      right: 0px; }
    .account-address-book-section .button-close:after,
    .payment-and-giftcard-section .button-close:after {
      height: 16px;
      right: -1px; }
  .account-address-book-section .balance,
  .payment-and-giftcard-section .balance {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1.21;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 26px;
    text-transform: none; }
    .account-address-book-section .balance strong,
    .payment-and-giftcard-section .balance strong {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
  .account-address-book-section .gift-card-add-submit,
  .payment-and-giftcard-section .gift-card-add-submit {
    padding-top: 20px; }
    .account-address-book-section .gift-card-add-submit .general-loading,
    .payment-and-giftcard-section .gift-card-add-submit .general-loading {
      top: 0;
      min-height: auto;
      padding: 0;
      border: 0; }

/* REVIEW: Address Book */
.address-item-container,
.credit-card-item-container,
.gift-card-item-container {
  background: #f7f7f7;
  display: inline-block;
  width: 100%;
  position: relative;
  padding: 16px 20px 22px;
  margin-bottom: 20px;
  /* Edit button of boxes (Credit and debit card) */
  /* Ending in... */
  /* Expiration date of credit card */
  /* Tag of Default Payment Method (Display only) */
  /* REVIEW: Address Book */
  /* REVIEW: Address Book */ }
  .address-item-container .button-edit,
  .address-item-container .edit,
  .credit-card-item-container .button-edit, .gift-card-item-container .button-edit,
  .credit-card-item-container .edit, .gift-card-item-container .edit {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    text-decoration: underline;
    position: absolute;
    right: 20px;
    top: 51px;
    z-index: 2; }
  .address-item-container .card-info,
  .credit-card-item-container .card-info, .gift-card-item-container .card-info {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333; }
    .address-item-container .card-info img,
    .credit-card-item-container .card-info img, .gift-card-item-container .card-info img {
      width: 44px;
      height: 28.2px;
      vertical-align: middle; }
  .address-item-container .ending-numbers,
  .credit-card-item-container .ending-numbers, .gift-card-item-container .ending-numbers {
    margin-left: 17px; }
  .address-item-container .expires-message,
  .credit-card-item-container .expires-message, .gift-card-item-container .expires-message {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    margin-left: 60px;
    display: block; }
  .address-item-container .default-payment-method,
  .address-item-container .default-shipping-method,
  .credit-card-item-container .default-payment-method, .gift-card-item-container .default-payment-method,
  .credit-card-item-container .default-shipping-method, .gift-card-item-container .default-shipping-method {
    margin-left: 60px;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333; }
  .address-item-container .button-default-shipping-method,
  .address-item-container .button-default-payment-method,
  .credit-card-item-container .button-default-shipping-method, .gift-card-item-container .button-default-shipping-method,
  .credit-card-item-container .button-default-payment-method, .gift-card-item-container .button-default-payment-method {
    margin-left: 60px;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    text-decoration: underline; }
  .address-item-container .default-shipping-method,
  .address-item-container .button-default-shipping-method,
  .credit-card-item-container .default-shipping-method, .gift-card-item-container .default-shipping-method,
  .credit-card-item-container .button-default-shipping-method, .gift-card-item-container .button-default-shipping-method {
    margin-left: 0px; }

/* Reset styles of Address Container */
.my-account-section-content .address-item-container .address-container {
  padding-right: 40px; }

.my-account-section-content .credit-card-item-container, .my-account-section-content .gift-card-item-container {
  /* Container of Address details */
  /* Contact Info Details */ }
  .my-account-section-content .credit-card-item-container .address-container, .my-account-section-content .gift-card-item-container .address-container {
    width: calc(100% - 60px);
    margin-left: 60px;
    margin-top: 10px;
    margin-bottom: 20px;
    /* Name of user */ }
    .my-account-section-content .credit-card-item-container .address-container .name, .my-account-section-content .gift-card-item-container .address-container .name {
      display: block; }
  .my-account-section-content .credit-card-item-container .address-details, .my-account-section-content .gift-card-item-container .address-details,
  .my-account-section-content .credit-card-item-container .address-aditional,
  .my-account-section-content .gift-card-item-container .address-aditional {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    line-height: 22px; }
    .my-account-section-content .credit-card-item-container .address-details br, .my-account-section-content .gift-card-item-container .address-details br,
    .my-account-section-content .credit-card-item-container .address-aditional br,
    .my-account-section-content .gift-card-item-container .address-aditional br {
      display: none; }

.my-account-section-content .address-container .aux-char {
  display: inline-block;
  margin-right: 4px; }

/* Boxes of Merchandise and Credit Gift cards */
.gift-card-item-container .remaining-balance-title {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.36;
  text-decoration: none;
  text-transform: none;
  color: #666666;
  margin-top: 32px;
  margin-bottom: 5px;
  margin-left: 60px;
  display: inline-block;
  width: calc(100% - 60px); }

.gift-card-item-container .total-balance {
  font-size: 42px;
  /* There isn't mixin for this */
  display: inline-block;
  margin-left: 60px;
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }

/* Container of title and button "Add New" */
.payment-section-title-container {
  margin-top: 28px;
  padding: 4px 0px;
  border-bottom: solid 1px #e3e3e3;
  position: relative;
  margin-bottom: 30px; }

/* Subtitles of section (Second level) */
.payment-section-title {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.28;
  text-transform: none;
  color: #333333;
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  display: inline-block; }

/* Button "Add New" */
.payment-add-new-button {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0;
  height: 22px;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 34px;
  line-height: 36px;
  position: relative;
  background-color: #333333;
  width: 100px;
  position: relative;
  vertical-align: middle;
  margin-left: 30px; }
  .payment-add-new-button.focused, .payment-add-new-button:focus {
    background-color: #333333; }
  .payment-add-new-button.pressed, .payment-add-new-button:active {
    background-color: #4873bb; }
  .payment-add-new-button.disabled, .payment-add-new-button:disabled {
    background-color: #999999; }

/* Titles of boxes */
.payment-card-title {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #666666;
  display: inline-block;
  margin-bottom: 11px; }

/* Add new card Form */
.credit-and-debit-cards-container .label-error .inline-error-message {
  white-space: normal; }

.credit-and-debit-cards-container .address-billing {
  margin-top: 20px; }

.credit-and-debit-cards-container .checkout-registered-shipping-section {
  border-top: solid 1px rgba(51, 51, 51, 0.11);
  border-bottom: 0px;
  padding-bottom: 0px;
  margin-bottom: 20px;
  margin-top: 10px;
  padding-top: 30px; }

.credit-and-debit-cards-container .button-add-address {
  margin: 10px 0px 20px; }

.credit-and-debit-cards-container .title-billing-address {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.28;
  text-transform: none;
  color: #333333;
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  display: inline-block; }

.credit-and-debit-cards-container .container-billing-section-title {
  display: inline-block;
  position: relative; }

.credit-and-debit-cards-container .container-billing-section-title {
  display: inline-block;
  position: relative;
  float: right;
  top: -23px; }

.credit-and-debit-cards-container .button-edit-address {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.15;
  text-decoration: none;
  text-transform: none;
  color: #666666;
  text-decoration: underline;
  position: relative; }

.credit-and-debit-cards-container .select-exp-mm {
  width: 38%; }

.credit-and-debit-cards-container .select-exp-yy {
  width: 58%;
  margin-left: 4%; }

.credit-and-debit-cards-container .button-cancel {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #333333;
  vertical-align: top;
  display: inline-block;
  margin-top: 0px; }
  .credit-and-debit-cards-container .button-cancel.focused, .credit-and-debit-cards-container .button-cancel:focus {
    background-color: #333333; }
  .credit-and-debit-cards-container .button-cancel.pressed, .credit-and-debit-cards-container .button-cancel:active {
    background-color: #333333; }
  .credit-and-debit-cards-container .button-cancel.disabled, .credit-and-debit-cards-container .button-cancel:disabled {
    background-color: #999999; }

.credit-and-debit-cards-container .button-add-new-card, .credit-and-debit-cards-container .button-edit-card, .credit-and-debit-cards-container .button-save-changes {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 100%;
  height: 48.3px;
  line-height: 50.3px;
  background-color: #4873bb;
  vertical-align: top;
  display: inline-block;
  margin-top: 20px; }
  .credit-and-debit-cards-container .button-add-new-card.focused, .credit-and-debit-cards-container .focused.button-edit-card, .credit-and-debit-cards-container .focused.button-save-changes, .credit-and-debit-cards-container .button-add-new-card:focus, .credit-and-debit-cards-container .button-edit-card:focus, .credit-and-debit-cards-container .button-save-changes:focus {
    background-color: #4873bb; }
  .credit-and-debit-cards-container .button-add-new-card.pressed, .credit-and-debit-cards-container .pressed.button-edit-card, .credit-and-debit-cards-container .pressed.button-save-changes, .credit-and-debit-cards-container .button-add-new-card:active, .credit-and-debit-cards-container .button-edit-card:active, .credit-and-debit-cards-container .button-save-changes:active {
    background-color: #4873bb; }
  .credit-and-debit-cards-container .button-add-new-card.disabled, .credit-and-debit-cards-container .disabled.button-edit-card, .credit-and-debit-cards-container .disabled.button-save-changes, .credit-and-debit-cards-container .button-add-new-card:disabled, .credit-and-debit-cards-container .button-edit-card:disabled, .credit-and-debit-cards-container .button-save-changes:disabled {
    background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
  .credit-and-debit-cards-container .button-add-new-card.loading:before, .credit-and-debit-cards-container .loading.button-edit-card:before, .credit-and-debit-cards-container .loading.button-save-changes:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F11B";
    -webkit-animation: 2s rotate linear infinite;
    animation: 2s rotate linear infinite; }

/* Empty credit card method */
.cards-empty-container {
  margin-bottom: 20px; }

/* REVIEW: Address Book */
.empty-address-book,
.cards-empty-container,
.giftcard-empty-container {
  /* REVIEW: Address Book */
  /* REVIEW: Address Book */
  /* REVIEW: Address Book */ }
  .empty-address-book .empty-content-and-button,
  .empty-address-book .empty-address-book-and-button,
  .cards-empty-container .empty-content-and-button,
  .cards-empty-container .empty-address-book-and-button,
  .giftcard-empty-container .empty-content-and-button,
  .giftcard-empty-container .empty-address-book-and-button {
    padding: 20px;
    background-color: #f7f7f7; }
  .empty-address-book .address-empty-message,
  .empty-address-book .cards-empty-message,
  .empty-address-book .giftcard-empty-message,
  .cards-empty-container .address-empty-message,
  .cards-empty-container .cards-empty-message,
  .cards-empty-container .giftcard-empty-message,
  .giftcard-empty-container .address-empty-message,
  .giftcard-empty-container .cards-empty-message,
  .giftcard-empty-container .giftcard-empty-message {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    margin-bottom: 10px; }
  .empty-address-book .cards-empty-title,
  .empty-address-book .giftcard-empty-title,
  .cards-empty-container .cards-empty-title,
  .cards-empty-container .giftcard-empty-title,
  .giftcard-empty-container .cards-empty-title,
  .giftcard-empty-container .giftcard-empty-title {
    margin-bottom: 15px;
    padding-left: 58px;
    position: relative; }
  .empty-address-book .address-empty-title,
  .cards-empty-container .address-empty-title,
  .giftcard-empty-container .address-empty-title {
    margin-bottom: 15px;
    position: relative; }
  .empty-address-book .giftcard-figure,
  .empty-address-book .card-figure,
  .cards-empty-container .giftcard-figure,
  .cards-empty-container .card-figure,
  .giftcard-empty-container .giftcard-figure,
  .giftcard-empty-container .card-figure {
    margin-right: 15px;
    max-width: 45.7px;
    height: 28.2px;
    position: absolute;
    top: -5px;
    left: 0; }
  .empty-address-book .button-add-edit-address,
  .empty-address-book .button-new-method,
  .empty-address-book .button-add-new-giftcard,
  .cards-empty-container .button-add-edit-address,
  .cards-empty-container .button-new-method,
  .cards-empty-container .button-add-new-giftcard,
  .giftcard-empty-container .button-add-edit-address,
  .giftcard-empty-container .button-new-method,
  .giftcard-empty-container .button-add-new-giftcard {
    margin: 0px auto;
    display: block; }

/* Reset styles of Address Container */
.my-account-section-content {
  /* Empty addresses */
  /* Add new card Form */ }
  .my-account-section-content .credit-card-add-edit-form > .title-billing-address {
    margin-top: 30px;
    margin-bottom: 20px; }
  .my-account-section-content .credit-card-add-edit-form .error-box {
    margin-bottom: 20px; }
  .my-account-section-content .fieldset-creditcard-editable {
    margin-top: 0px; }

/* REVIEW: Address Book */
.address-item-container,
.credit-card-item-container,
.gift-card-item-container,
.gift-card-item-container {
  display: inline-block;
  width: 49%;
  vertical-align: top; }
  .address-item-container:nth-child(even),
  .credit-card-item-container:nth-child(even),
  .gift-card-item-container:nth-child(even),
  .gift-card-item-container:nth-child(even) {
    margin-left: 2%; }
  .address-item-container .my-place-rewards-banner a,
  .credit-card-item-container .my-place-rewards-banner a, .gift-card-item-container .my-place-rewards-banner a,
  .gift-card-item-container .my-place-rewards-banner a {
    display: inline-block; }
  .address-item-container .my-place-rewards-banner img,
  .credit-card-item-container .my-place-rewards-banner img, .gift-card-item-container .my-place-rewards-banner img,
  .gift-card-item-container .my-place-rewards-banner img {
    width: 100%; }

/* Reset styles of Address Container */
.my-account-section-content .select-or-new-billing-address {
  /* Container of Address details */ }
  .my-account-section-content .select-or-new-billing-address .address-container {
    margin-bottom: 20px; }
  .my-account-section-content .select-or-new-billing-address .custom-select-common .address-container {
    margin-bottom: 0px; }

/* Add new card Form */
.credit-and-debit-cards-container .address-billing .custom-select-common {
  width: calc(50% - 20px); }

.credit-and-debit-cards-container .title-billing-address {
  display: block; }

.credit-and-debit-cards-container .fieldset-creditcard-editable {
  width: 80%; }

.credit-and-debit-cards-container .input-cc {
  width: 48%;
  margin-right: 0px;
  padding-right: 0px; }

.credit-and-debit-cards-container .select-exp-mm {
  width: 20%;
  margin-left: 2%;
  padding-right: 0px; }

.credit-and-debit-cards-container .select-exp-yy {
  width: 20%;
  margin-left: 2%;
  padding-right: 0px; }

.credit-and-debit-cards-container .button-cancel {
  width: 38%; }

.credit-and-debit-cards-container .button-add-new-card, .credit-and-debit-cards-container .button-edit-card, .credit-and-debit-cards-container .button-save-changes {
  width: 38%;
  margin-left: 4%;
  margin-top: 0px; }

/* REVIEW: Address Book */
.empty-address-book,
.cards-empty-container,
.giftcard-empty-container {
  /* REVIEW: Address Book */
  /* REVIEW: Address Book */
  /* REVIEW: Address Book */ }
  .empty-address-book .empty-content-and-button,
  .empty-address-book .empty-address-book-and-button,
  .cards-empty-container .empty-content-and-button,
  .cards-empty-container .empty-address-book-and-button,
  .giftcard-empty-container .empty-content-and-button,
  .giftcard-empty-container .empty-address-book-and-button {
    padding: 0px;
    background-color: transparent; }
  .empty-address-book .address-empty-content,
  .empty-address-book .cards-empty-message,
  .empty-address-book .giftcard-empty-message,
  .cards-empty-container .address-empty-content,
  .cards-empty-container .cards-empty-message,
  .cards-empty-container .giftcard-empty-message,
  .giftcard-empty-container .address-empty-content,
  .giftcard-empty-container .cards-empty-message,
  .giftcard-empty-container .giftcard-empty-message {
    padding: 20px;
    background-color: #f7f7f7; }
  .empty-address-book .cards-empty-message,
  .empty-address-book .giftcard-empty-message,
  .cards-empty-container .cards-empty-message,
  .cards-empty-container .giftcard-empty-message,
  .giftcard-empty-container .cards-empty-message,
  .giftcard-empty-container .giftcard-empty-message {
    margin-bottom: 0px; }
  .empty-address-book .address-empty-title,
  .cards-empty-container .address-empty-title,
  .giftcard-empty-container .address-empty-title {
    margin-bottom: 0px; }
  .empty-address-book .button-add-edit-address,
  .empty-address-book .button-new-method,
  .empty-address-book .button-add-new-giftcard,
  .cards-empty-container .button-add-edit-address,
  .cards-empty-container .button-new-method,
  .cards-empty-container .button-add-new-giftcard,
  .giftcard-empty-container .button-add-edit-address,
  .giftcard-empty-container .button-new-method,
  .giftcard-empty-container .button-add-new-giftcard {
    margin-top: 20px;
    display: inline-block;
    width: 45%; }
@charset "UTF-8";
/**
*  Reservation List (Desktop)
**/
/**
*  Reservation List (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.table-reservation {
  width: 100%;
  display: inline-block;
  margin: 16px 0px 20px; }
  .table-reservation thead,
  .table-reservation tbody {
    display: inline-block;
    width: 100%; }
  .table-reservation tr {
    display: inline-block;
    width: 100%; }
  .table-reservation td {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    vertical-align: top;
    width: 33.33%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap; }
  .table-reservation .reservation-item {
    border-top: solid 1px rgba(51, 51, 51, 0.11);
    padding: 21px 0px 17px; }
    .table-reservation .reservation-item:last-of-type {
      border-bottom: solid 1px rgba(51, 51, 51, 0.11); }
  .table-reservation .status-reservation {
    text-align: right; }
  .table-reservation .expiration-date-item {
    margin-top: 7px;
    width: 100%; }
  .table-reservation .reservation-number {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    text-decoration: underline; }

.reservation-list-container .order-or-reservation-list {
  width: 90%; }
@charset "UTF-8";
/**
*  Reservation Details (Desktop)
**/
/**
*  Reservation Details (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.reservation-details-section.my-account-section-content {
  padding-bottom: 0px; }

.reservation-details-section .accordion-element {
  margin-top: 0px; }

.reservation-display {
  margin-bottom: 20px; }
  .reservation-display .item-information {
    margin: 6px 0px; }
  .reservation-display .title-description {
    width: 30%;
    margin-bottom: 10px;
    text-align: right;
    display: inline-block;
    vertical-align: top;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #666666;
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: none; }
  .reservation-display .reservation-item,
  .reservation-display .button-get-direction {
    margin-bottom: 10px; }
  .reservation-display .reservation-item,
  .reservation-display .pickup-information-container {
    width: 70%;
    display: inline-block;
    text-align: left;
    padding-left: 20px;
    vertical-align: top;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: none; }
  .reservation-display .name-store {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: none;
    text-decoration: underline; }
  .reservation-display .name-store,
  .reservation-display .address-store,
  .reservation-display .schedule-store,
  .reservation-display .phone-store,
  .reservation-display .button-get-direction {
    display: block; }
  .reservation-display .button-get-direction {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: none;
    text-decoration: underline; }
  .reservation-display .date-info,
  .reservation-display .expiration-info,
  .reservation-display .schedule-store,
  .reservation-display .phone-store {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .reservation-display .schedule-store {
    margin-top: 3px; }
  .reservation-display .phone-store {
    margin-bottom: 3px; }

.reservation-display {
  margin-bottom: 20px;
  border-bottom: solid 1px rgba(51, 51, 51, 0.11); }
  .reservation-display .item-information {
    display: inline-block;
    width: 35%;
    vertical-align: top; }
  .reservation-display .reservation-item,
  .reservation-display .pickup-information-container {
    padding: 0px; }
  .reservation-display .title-description {
    width: auto;
    text-align: left;
    display: block;
    margin-bottom: 0px; }
  .reservation-display .reservation-item,
  .reservation-display .pickup-information-container {
    width: auto; }

/* Style reset */
.reservation-details-section .table-products-list .container-titles th {
  text-align: right; }
  .reservation-details-section .table-products-list .container-titles th:nth-child(1) {
    text-align: left; }

.reservation-details-section .table-products-list .item-shopping-cart td {
  text-align: right; }
  .reservation-details-section .table-products-list .item-shopping-cart td:nth-child(1) {
    text-align: left; }
@charset "UTF-8";
/**
* My Account Section: Reservation (Desktop)
**/
/**
* My Account Section: Reservation (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.comm-prefs iframe {
  width: 100%;
  min-height: 730px; }
@charset "UTF-8";
/**
* My Account Section: Rewards Credit Card (Desktop)
**/
/**
* My Account Section: Rewards Credit Card (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.my-place-rewards-landing a {
  display: inline-block; }

.my-place-rewards-landing img {
  width: 100%; }

.my-place-rewards-landing a {
  display: inline-block; }

.my-place-rewards-landing img {
  width: 100%; }
@charset "UTF-8";
/**
* My Account Section (Desktop)
**/
/**
* My Account Section: Payment & Gift Card (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* My Account Header Mobile container */
.my-account-header-mobile {
  border-bottom: solid 1px rgba(51, 51, 51, 0.11);
  /* Reset Style */ }
  .my-account-header-mobile .rewards-status {
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 0px; }

/* My Account Section */
.my-account-content {
  background: #f7f7f7; }
  .my-account-content .breadcrum-container {
    margin-top: 20px; }
  .my-account-content .error-box,
  .my-account-content .success-box {
    margin-bottom: 20px; }

/* Container of Navigation */
.my-account-navigation-container {
  border-top: solid 1px rgba(51, 51, 51, 0.11);
  display: inline-block;
  width: 100%;
  padding: 0 16px;
  margin: 0 -16px;
  width: calc(100% + 32px);
  background: #f7f7f7;
  margin-top: 40px; }

/* All internal sections of My Account */
.my-account-section-content {
  display: inline-block;
  width: 100%;
  background: #ffffff;
  padding: 0px 16px 0px;
  margin-top: 20px;
  border-top: solid 1px rgba(51, 51, 51, 0.11);
  /* points claim */
  /* Reset styles */
  /* In Order and Reservation Section */
  /* Reset styles */ }
  .my-account-section-content .points-claim-section {
    margin-top: 20px; }
  .my-account-section-content .accordion {
    border-top: solid 1px rgba(51, 51, 51, 0.11);
    border-bottom: solid 1px rgba(51, 51, 51, 0.11);
    width: 100%;
    padding: 26px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    /* Toggle icon un-expanded */
    /* Toggle icon expanded */
    /* In Order and Reservation Section */ }
    .my-account-section-content .accordion .accordion-toggle:before {
      top: -3px; }
    .my-account-section-content .accordion.accordion-expanded .accordion-toggle:before {
      top: 0px; }
    .my-account-section-content .accordion.processing-list .accordion-toggle {
      right: 10px;
      top: 11px;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
    .my-account-section-content .accordion .header-status {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.53;
      color: #333333; }
  .my-account-section-content .internal-notification {
    background: #f7f7f7;
    padding: 10px 14px;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    margin-bottom: 30px;
    /* When the message is showed with your title */ }
    .my-account-section-content .internal-notification .status, .my-account-section-content .internal-notification .message {
      display: inline-block;
      width: 40%;
      vertical-align: top;
      padding-right: 10px; }
    .my-account-section-content .internal-notification .message {
      padding-right: 0px;
      width: 100%;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
      .my-account-section-content .internal-notification .message.button-tracking-number {
        font-family: 'Avenir';
        font-weight: 900;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none;
        font-size: 15px;
        letter-spacing: 0;
        line-height: 1.53;
        color: #333333;
        font-family: 'Avenir';
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none;
        text-decoration: underline;
        padding-right: 0px; }
    .my-account-section-content .internal-notification .status + .message, .my-account-section-content .internal-notification .message + .message {
      width: 60%; }
  .my-account-section-content .address-container {
    width: 100%;
    border: 0px;
    padding: 0px;
    float: none;
    margin: 0px; }
    .my-account-section-content .address-container .name {
      max-width: 300px;
      word-break: break-all;
      display: inline-block; }

/* Section title */
.my-account-section-content .breadcrum-container {
  margin-top: 22px;
  padding: 5px 0px 8px;
  border-bottom: solid 1px #e3e3e3;
  position: relative;
  margin-bottom: 0px; }

.my-account-section-content .breadcrum-link {
  display: inline-block;
  /* TODO: define className for this tag */ }
  .my-account-section-content .breadcrum-link a {
    margin-right: 10px;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.28;
    text-transform: none;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-decoration: underline; }
  .my-account-section-content .breadcrum-link:last-of-type {
    /* TODO: define className for this tag */ }
    .my-account-section-content .breadcrum-link:last-of-type a {
      margin-right: 0px;
      margin-left: 5px;
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 18px;
      letter-spacing: 0;
      line-height: 1.28;
      text-transform: none;
      color: #333333;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      pointer-events: none;
      /* FIXME: should be done at component level */
      cursor: default; }
  .my-account-section-content .breadcrum-link:only-of-type {
    /* TODO: define className for this tag */ }
    .my-account-section-content .breadcrum-link:only-of-type a {
      margin: 0px; }

.my-account-section-content .breadcrum-container + section,
.my-account-section-content .breadcrum-container + form {
  margin-top: 30px;
  margin-bottom: 30px; }
  .my-account-section-content .breadcrum-container + section.order-details-section, .my-account-section-content .breadcrum-container + section.reservation-details-section,
  .my-account-section-content .breadcrum-container + form.order-details-section,
  .my-account-section-content .breadcrum-container + form.reservation-details-section {
    margin-bottom: 0px; }

.order-details-guest-title, .reservation-details-guest-title {
  padding: 3px 0px 7px;
  border-bottom: solid 1px #e3e3e3;
  position: relative;
  margin-right: 0px;
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.28;
  text-transform: none;
  color: #333333;
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-decoration: none;
  margin-bottom: 30px; }

/*
* Guest Order Details
* Guest Reservation Details
*/
.guest-order-content,
.guest-reservation-content {
  padding: 0 16px;
  padding-top: 16px; }
  .guest-order-content.my-account-section-content,
  .guest-reservation-content.my-account-section-content {
    margin-top: 0px;
    border-top: 0px; }
  .guest-order-content .order-details-section,
  .guest-reservation-content .order-details-section {
    min-height: 400px;
    position: relative; }
  .guest-order-content .order-details-section-title, .guest-order-content .reservation-details-section-title,
  .guest-reservation-content .order-details-section-title, .guest-reservation-content .reservation-details-section-title {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.28;
    text-transform: none;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }

/* My Account Header container */
.my-account-header {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background: #f7f7f7; }

/* My Account Section */
.my-account-content {
  padding: 20px 0px;
  background-color: #ffffff; }
  .my-account-content .breadcrum-container {
    margin-top: 0px; }

/* My Account Section when had the header above */
.my-account-header + .my-account-content {
  border-top: solid 1px #e3e3e3; }

/* My Account */
/* Container of Navigation */
.my-account-navigation-container {
  /* Reset styles */
  padding: 0px;
  margin: 0px;
  background: transparent;
  width: 20%;
  vertical-align: top;
  border-top: 0px;
  margin-top: 10px;
  padding-left: 9px; }

.my-account-container {
  background-color: #f7f7f7; }
  .my-account-container .my-account-section-content {
    width: 80%; }
  .my-account-container .general-loading {
    width: 80%;
    display: inline-block;
    min-height: 600px;
    border: solid 1px rgba(51, 51, 51, 0.11);
    padding: 240px 0px; }

.my-account-content > .my-account-section-content {
  border: 0px;
  padding: 0px; }

.viewport-container.my-account-content {
  padding: 20px; }

/* All internal sections of My Account */
.my-account-section-content {
  width: 100%;
  margin: 0px;
  vertical-align: top;
  padding: 25px 72px 60px;
  min-height: 600px;
  border: solid 1px rgba(51, 51, 51, 0.11);
  /* For sections that do not allow rewards only the message "Hello Message" is displayed above the navigation */ }
  .my-account-section-content.my-account-section-no-rewards-content {
    margin-top: -74px; }

.guest-order-content,
.guest-reservation-content,
.my-account-section-content {
  /* All header of tables */
  /* All item of tables */
  /* In Order and Reservation Section */ }
  .guest-order-content th,
  .guest-reservation-content th,
  .my-account-section-content th {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    text-transform: uppercase;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .guest-order-content td,
  .guest-reservation-content td,
  .my-account-section-content td {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333; }
  .guest-order-content .internal-notification,
  .guest-reservation-content .internal-notification,
  .my-account-section-content .internal-notification {
    background: transparent;
    padding: 0px;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    margin-bottom: 10px;
    display: inline-block;
    /* When the message is showed with your title */ }
    .guest-order-content .internal-notification .status, .guest-order-content .internal-notification .message,
    .guest-reservation-content .internal-notification .status, .guest-reservation-content .internal-notification .message,
    .my-account-section-content .internal-notification .status, .my-account-section-content .internal-notification .message {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      display: inline-block;
      width: auto;
      vertical-align: top;
      padding-right: 10px; }
    .guest-order-content .internal-notification .message,
    .guest-reservation-content .internal-notification .message,
    .my-account-section-content .internal-notification .message {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
    .guest-order-content .internal-notification .status + .message, .guest-order-content .internal-notification .message + .message,
    .guest-reservation-content .internal-notification .status + .message, .guest-reservation-content .internal-notification .message + .message,
    .my-account-section-content .internal-notification .status + .message, .my-account-section-content .internal-notification .message + .message {
      width: auto; }
  .guest-order-content .header-status,
  .guest-reservation-content .header-status,
  .my-account-section-content .header-status {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333; }
    .guest-order-content .header-status strong,
    .guest-reservation-content .header-status strong,
    .my-account-section-content .header-status strong {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }

/* Section title */
.my-account-title-section {
  margin-top: 0px;
  padding-top: 0px; }

/* Section title */
.my-account-section-content .breadcrum-container {
  padding: 3px 0px 7px; }

.my-account-section-content .breadcrum-container + section,
.my-account-section-content .breadcrum-container + form {
  margin-top: 28px; }
@charset "UTF-8";
/**
* General Store Open Hours (Destop)
**/
/**
* General Store Open Hours (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/** Container date and hour of store */
.store-day-and-time .day-and-time-item-container {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.15;
  text-decoration: none;
  text-transform: none;
  color: #333333;
  margin-bottom: 4px;
  display: block; }

.store-day-and-time .day-name-container {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.15;
  text-decoration: none;
  text-transform: none;
  color: #333333;
  display: inline-block;
  width: auto;
  vertical-align: top;
  text-transform: capitalize;
  word-break: break-all; }

.store-day-and-time .hours-range-container,
.store-day-and-time .closed-notification {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.15;
  text-decoration: none;
  text-transform: none;
  color: #333333;
  display: inline-block;
  width: auto;
  text-align: right;
  vertical-align: top; }

.store-day-and-time.from-store-item .day-and-date-container {
  width: 42%;
  display: inline-block; }

.store-day-and-time.from-store-item .hours-range-container,
.store-day-and-time.from-store-item .closed-notification {
  width: 58%; }

/** Container date and hour of store */
.store-day-and-time .hours-range-container,
.store-day-and-time .closed-notification,
.store-day-and-time .day-and-date-container {
  width: 100%; }

.store-day-and-time .hours-range-container {
  text-align: left; }

.store-day-and-time .hours-range-container,
.store-day-and-time .closed-notification {
  text-align: right; }

.store-day-and-time.from-store-item .day-and-date-container {
  width: 40%; }

.store-day-and-time.from-store-item .hours-range-container,
.store-day-and-time.from-store-item .closed-notification {
  width: 60%; }

@media (min-width: 1250px) {
  .store-day-and-time .day-and-date-container {
    display: inline-block;
    width: 40%; }
  .store-day-and-time .hours-range-container,
  .store-day-and-time .closed-notification {
    display: inline-block;
    width: 60%; } }
@charset "UTF-8";
/*
* Store Locator (Desktop)
*/
/**
* Mobile Store Details
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.container-store-info {
  margin-top: 20px; }

.store-location {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  padding: 0px 16px;
  /** Title - name of Store */
  /** Information about address store */
  /** Button calculate distance*/
  /** Text indicate distance of store */
  /** text Open until*/
  /** container of store information icons */
  /** retail store */
  /** Outlet store */
  /** in-store-pick-up-availability */
  /** Container list hours of store */
  /** title store hours */
  /** Store open Hours */
  /** Button get directions */ }
  .store-location .store-name {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 15px; }
  .store-location .store-address {
    text-transform: capitalize; }
  .store-location .calculate-distance-button {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    margin-bottom: 5px;
    text-decoration: underline;
    display: inline-block;
    width: 100%; }
  .store-location .distance-and-open-information {
    margin-top: 20px;
    display: block; }
  .store-location .today-schedule {
    color: #417505; }
  .store-location .store-information {
    margin-top: 20px; }
  .store-location .retail-store, .store-location .outlet-store,
  .store-location .store-store {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    text-transform: uppercase;
    display: block; }
    .store-location .retail-store:before, .store-location .outlet-store:before,
    .store-location .store-store:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F12C"; }
    .store-location .retail-store:before, .store-location .outlet-store:before,
    .store-location .store-store:before {
      font-size: 32px;
      position: relative;
      color: #ca0088;
      width: auto;
      height: auto;
      line-height: 32px;
      vertical-align: middle;
      top: -2px;
      text-indent: -7px; }
  .store-location .in-store-pick-up-availability {
    display: block;
    line-height: 32px; }
    .store-location .in-store-pick-up-availability .check-icon {
      font-size: 0px;
      display: inline-block;
      width: 19px;
      height: 20px;
      margin-right: 5px;
      position: relative;
      top: 5px;
      float: left; }
      .store-location .in-store-pick-up-availability .check-icon:before {
        display: inline-block;
        font-family: "icons";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        content: "\F12E"; }
      .store-location .in-store-pick-up-availability .check-icon:before {
        font-size: 20px;
        color: #ffffff;
        position: relative;
        top: -1px;
        z-index: 2; }
      .store-location .in-store-pick-up-availability .check-icon:after {
        content: '';
        background: #417505;
        display: inline-block;
        position: absolute;
        left: 2px;
        top: 2px;
        width: 15px;
        height: 12px;
        z-index: 1;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
  .store-location .time-schedules {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #e3e3e3; }
  .store-location .store-schedule-title {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    position: relative;
    width: 100%;
    text-transform: uppercase; }
    .store-location .store-schedule-title:before {
      content: '';
      width: 12px;
      height: 12px;
      position: absolute;
      display: inline-block;
      right: 6px;
      border-bottom: 1px solid black;
      border-left: 1px solid black;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .store-location .store-schedule-title.expanded:before {
      top: 6px;
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg); }
  .store-location .store-day-and-time {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-top: 20px; }
    .store-location .store-day-and-time li {
      display: inline-block;
      width: 100%;
      margin-bottom: 15px;
      text-transform: capitalize; }
    .store-location .store-day-and-time .hours-range-container,
    .store-location .store-day-and-time .closed-notification {
      text-align: right;
      width: 40%;
      display: inline-block; }
    .store-location .store-day-and-time .hours-date {
      text-transform: capitalize; }
  .store-location .day-and-date-container {
    width: 60%;
    display: inline-block; }
  .store-location .button-directions {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #4873bb;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px; }
    .store-location .button-directions.focused, .store-location .button-directions:focus {
      background-color: #4873bb; }
    .store-location .button-directions.pressed, .store-location .button-directions:active {
      background-color: #4873bb; }
    .store-location .button-directions.disabled, .store-location .button-directions:disabled {
      background-color: #999999; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
    .store-location .button-directions.loading:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F11B";
      -webkit-animation: 2s rotate linear infinite;
      animation: 2s rotate linear infinite; }
  .store-location .store-info-data-detailed-single .store-name {
    text-transform: capitalize; }

/** Store type */
.store-type {
  width: 100%;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #e3e3e3; }
  .store-type .title-type {
    width: 45%;
    display: inline-block; }

/* Google Map container */
.google-map {
  width: 100%;
  display: block;
  margin: 20px auto 0;
  height: 230px; }

.bottom-map {
  background: #e3e3e3;
  margin: 10px 0px;
  display: inline-block;
  width: 100%;
  height: 146px;
  overflow: hidden;
  white-space: nowrap; }

.nearest-stores-from-selected-store {
  width: 100%;
  margin: 20px 0;
  padding: 20px 0;
  border-top: solid 1px #e3e3e3;
  border-bottom: solid 1px #e3e3e3;
  position: relative; }
  .nearest-stores-from-selected-store .near-stores-title {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: uppercase;
    position: relative; }
    .nearest-stores-from-selected-store .near-stores-title:before {
      content: '';
      width: 12px;
      height: 12px;
      position: absolute;
      display: inline-block;
      right: 6px;
      top: 8px;
      border-top: 1px solid black;
      border-right: 1px solid black;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .nearest-stores-from-selected-store .near-stores-title.collapsed:before {
      top: 6px;
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg); }
  .nearest-stores-from-selected-store .store-name,
  .nearest-stores-from-selected-store .store-name a {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    color: #333333;
    text-transform: capitalize; }
  .nearest-stores-from-selected-store .calculate-distance-button {
    margin-bottom: 0px; }
  .nearest-stores-from-selected-store .store-info-data-condensed {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e3e3e3; }
    .nearest-stores-from-selected-store .store-info-data-condensed:first-child {
      border: none;
      padding: 0; }
  .nearest-stores-from-selected-store .today-schedule {
    color: #333333;
    margin-bottom: 0px;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .nearest-stores-from-selected-store .button-see-store-details {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #333333;
    margin-top: 20px; }
    .nearest-stores-from-selected-store .button-see-store-details.focused, .nearest-stores-from-selected-store .button-see-store-details:focus {
      background-color: #333333; }
    .nearest-stores-from-selected-store .button-see-store-details.pressed, .nearest-stores-from-selected-store .button-see-store-details:active {
      background-color: #333333; }
    .nearest-stores-from-selected-store .button-see-store-details.disabled, .nearest-stores-from-selected-store .button-see-store-details:disabled {
      background-color: #999999; }
  .nearest-stores-from-selected-store .store-address {
    text-transform: capitalize; }

.content-store-info .time-schedules {
  width: 100%; }

.store-location {
  /** Content of store */
  /** Store open Hours */ }
  .store-location p,
  .store-location address {
    line-height: 25px; }
  .store-location .button-directions {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #333333;
    background-color: #4873bb;
    font-size: 15px;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    height: 36px;
    line-height: 40px;
    width: auto;
    padding: 0px 20px;
    margin-top: 10px; }
    .store-location .button-directions.focused, .store-location .button-directions:focus {
      background-color: #333333; }
    .store-location .button-directions.pressed, .store-location .button-directions:active {
      background-color: #4873bb; }
    .store-location .button-directions.disabled, .store-location .button-directions:disabled {
      background-color: #999999; }
  .store-location .retail-store, .store-location .outlet-store,
  .store-location .store-store,
  .store-location .outlet-store {
    width: 50%;
    display: inline-block;
    margin-top: 0px; }
  .store-location .in-store-pick-up-availability {
    width: 50%;
    display: inline-block; }
  .store-location .store-schedule-title {
    text-decoration: underline; }
    .store-location .store-schedule-title:before {
      width: 7px;
      height: 7px;
      border-bottom: 2px solid black;
      border-left: 2px solid black; }
  .store-location .store-day-and-time li {
    margin-bottom: 10px; }
  .store-location .store-info-content {
    width: calc(30% + 40px);
    padding-right: 40px;
    display: inline-block;
    float: left; }
  .store-location .store-info-data-detailed-single .store-name {
    text-transform: capitalize; }
  .store-location .store-day-and-time .hours-range-container,
  .store-location .store-day-and-time .closed-notification {
    width: 45%; }
  .store-location .day-and-date-container {
    width: 55%; }

/** Container of map and slot */
.container-map-slot {
  width: calc(70% - 40px);
  display: inline-block; }
  .container-map-slot .google-map {
    height: 364px;
    margin: 0; }
  .container-map-slot .bottom-map {
    height: 317px;
    background: #c6e4c8;
    margin-top: 22px; }

.container-store-info .google-map {
  width: 100%; }

.container-store-info .day-name-container {
  max-width: 152px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: auto; }

.container-store-info .hours-range-container {
  width: auto; }

.nearest-stores-from-selected-store {
  clear: both;
  margin-top: 60px;
  display: inline-block;
  width: 100%;
  padding-top: auto;
  border: none; }
  .nearest-stores-from-selected-store .store-info-data-condensed {
    width: 25%;
    display: inline-block;
    border: none;
    padding: 0;
    margin: 0; }
  .nearest-stores-from-selected-store .near-stores-title {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.28;
    text-transform: none;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 20px; }
    .nearest-stores-from-selected-store .near-stores-title:before {
      display: none; }
  .nearest-stores-from-selected-store .store-name {
    text-transform: uppercase;
    margin-bottom: 0; }
    .nearest-stores-from-selected-store .store-name a {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.53;
      color: #333333;
      text-transform: uppercase; }
  .nearest-stores-from-selected-store .distance-and-open-information {
    margin-top: 8px; }
  .nearest-stores-from-selected-store .stores-info {
    width: 100%;
    display: inline-block; }
  .nearest-stores-from-selected-store .store-info-data-detailed-single {
    width: calc(100% / 3);
    padding-right: 20px;
    display: inline-block; }
  .nearest-stores-from-selected-store .button-see-store-details {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #333333;
    width: auto;
    padding: 0px 20px;
    margin-top: 15px; }
    .nearest-stores-from-selected-store .button-see-store-details.focused, .nearest-stores-from-selected-store .button-see-store-details:focus {
      background-color: #333333; }
    .nearest-stores-from-selected-store .button-see-store-details.pressed, .nearest-stores-from-selected-store .button-see-store-details:active {
      background-color: #4873bb; }
    .nearest-stores-from-selected-store .button-see-store-details.disabled, .nearest-stores-from-selected-store .button-see-store-details:disabled {
      background-color: #999999; }
  .nearest-stores-from-selected-store .bottom-map {
    width: 48%;
    display: inline-block;
    margin-right: 4%; }
    .nearest-stores-from-selected-store .bottom-map.main-map {
      width: 100%; }

/* Google Map container */
.google-map {
  width: 50%;
  display: inline-block;
  min-height: 600px;
  vertical-align: top;
  margin-top: 0px; }

/** Content slots 1 and 2 */
.map-middle {
  width: 48%;
  height: 182px; }
  .map-middle:nth-child(2) {
    margin-left: 4%; }

/** Content slots 3 */
.main-map {
  height: 265px;
  margin-top: 40px; }
@charset "UTF-8";
/*
* Store Search (Desktop)
*/
/*
 * Store Search (Mobile)
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.store-search-container {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap; }

.store-search-section {
  position: relative;
  /** Container of button - only from mobile */
  /** Button return */
  /** Title header */
  /** Store list from state or contry */ }
  .store-search-section .container-button {
    background-color: #f7f7f7;
    padding: 15px; }
  .store-search-section .button-return {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333; }
    .store-search-section .button-return:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F10C"; }
    .store-search-section .button-return:before {
      font-size: 6px;
      font-weight: 900;
      margin-right: 5px;
      transform: rotate(270deg); }
  .store-search-section .store-search-title {
    padding: 30px 40px;
    text-align: center; }
  .store-search-section .country-or-state-list-container {
    padding: 0 0 0 15px;
    margin-right: 20px;
    width: calc(100% - 50px); }
  .store-search-section .country-or-state-list {
    border-bottom: solid 1px #e3e3e3;
    margin: 0;
    padding: 20px 0;
    width: auto; }
    .store-search-section .country-or-state-list:first-child {
      border-top: solid 1px #e3e3e3; }
    .store-search-section .country-or-state-list .accordion-toggle:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F12D"; }
    .store-search-section .country-or-state-list .accordion-toggle:before {
      border: none;
      font-size: 16px;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
    .store-search-section .country-or-state-list.accordion-expanded .accordion-toggle:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F12B"; }
  .store-search-section .select-store {
    width: 100%;
    display: block; }
  .store-search-section .store-list {
    margin-bottom: 20px; }
  .store-search-section .store-info-data-condensed {
    margin-bottom: 30px; }
  .store-search-section .store-name {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    margin-bottom: 5px; }
    .store-search-section .store-name a {
      color: #333333;
      text-decoration: none;
      text-transform: capitalize; }
  .store-search-section .store-address,
  .store-search-section .store-phone-number {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    text-transform: capitalize; }

.list-alphabet {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
  right: 0;
  width: 30px;
  padding-bottom: 20px; }
  .list-alphabet .letter {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    padding-bottom: 4px; }
  .list-alphabet button {
    display: block;
    margin: 0; }

.store-search-container {
  min-height: 500px;
  display: block; }

.search-store-form .error-box,
.search-store-form .warning-box {
  margin-top: 15px;
  margin-bottom: 15px; }

.store-search-section {
  /** Container of header search */
  /** Button return */
  /** Title of header */
  /** Container of store information */
  /** Container of stores info */ }
  .store-search-section .search-container {
    margin-top: 20px; }
  .store-search-section .container-header-search {
    background-color: #f7f7f7;
    text-align: center;
    padding: 20px 0 25px;
    position: relative;
    width: 100%; }
  .store-search-section .button-return {
    position: absolute;
    left: 2px;
    top: 15px; }
  .store-search-section .store-search-title {
    margin-bottom: 20px;
    padding: 0; }
  .store-search-section .store-info-data-condensed {
    width: 20%;
    padding-right: 20px;
    display: inline-block;
    vertical-align: top; }
  .store-search-section .select-store {
    vertical-align: middle;
    width: 230px;
    display: inline-block; }
  .store-search-section .country-or-state-list-container {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%; }
  .store-search-section .country-or-state-list {
    border: none;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 0; }
    .store-search-section .country-or-state-list:first-child {
      border: none; }
  .store-search-section .country-or-state-name {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    margin-bottom: 20px; }
  .store-search-section .store-list {
    margin: 0; }
  .store-search-section .store-address,
  .store-search-section .store-phone-number {
    text-transform: capitalize; }

.search-store-input {
  margin-top: 30px; }

.warning-box + .search-store-input,
.error-box + .search-store-input {
  margin-top: 0px; }
@charset "UTF-8";
/*
* Plcc Landing Page
*/
/*
* Plcc Landing Page
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.landing-plcc-container {
  padding: 17px 15px;
  text-align: center;
  /* NOTE: Main image of landing page. DT-31042 Enhancement */
  /* Images */
  /* items */
  /* Separator */
  /* link footer */
  /* NOTE: this is FPO, until further confirmation */
  /* Information rewards */ }
  .landing-plcc-container .landing-plcc-content-slot {
    margin-bottom: 10px; }
  .landing-plcc-container strong {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .landing-plcc-container .button-apply {
    background-color: #ca0088;
    width: calc(100% - 40px);
    margin-bottom: 21px; }
  .landing-plcc-container .button-manage {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    color: #333333;
    text-decoration: underline;
    display: block;
    margin: 0 auto 30px; }
  .landing-plcc-container .message {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #333333;
    margin-bottom: 20px; }
    .landing-plcc-container .message .button-here {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.33;
      text-transform: none;
      color: #333333;
      text-decoration: underline; }
    .landing-plcc-container .message span {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
  .landing-plcc-container .img-rewards-info,
  .landing-plcc-container .img-info-points {
    width: 100%; }
  .landing-plcc-container .img-info-points {
    margin-top: -10px; }
  .landing-plcc-container .img-offer {
    width: 78px;
    height: 78px; }
  .landing-plcc-container .img-cake {
    width: 78px;
    height: 80px; }
  .landing-plcc-container .img-card {
    width: 95px; }
  .landing-plcc-container .img-box {
    width: 99px;
    height: 76px; }
  .landing-plcc-container .item-benefits-container {
    padding: 14px 0 14px;
    border-top: 1px solid #e3e3e3; }
    .landing-plcc-container .item-benefits-container:last-child {
      border-bottom: 1px solid #e3e3e3; }
    .landing-plcc-container .item-benefits-container sup {
      margin-left: .5px;
      top: -5px; }
    .landing-plcc-container .item-benefits-container .rewards-benefits-title {
      display: block; }
  .landing-plcc-container .separator {
    display: block;
    height: 10px;
    background: transparent url("/wcsstore/static/images/pt-blue-stripes.png") repeat 0 0;
    background-position-x: 11px;
    margin-bottom: 25px;
    background-position-x: 11px; }
  .landing-plcc-container .container-links {
    margin-bottom: 20px; }
  .landing-plcc-container .link-footer {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    color: #333333;
    text-transform: uppercase;
    text-decoration: underline;
    margin-right: 20px;
    display: inline-block; }
  .landing-plcc-container .rewards-terms {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.42;
    padding: 0px 16px;
    text-transform: none;
    text-align: left;
    /* NOTE: this is FPO, until further confirmation */ }
    .landing-plcc-container .rewards-terms sup {
      font-size: .8rem; }
    .landing-plcc-container .rewards-terms h3 {
      margin-top: 20px;
      padding-top: 20px;
      margin-bottom: 10px;
      position: relative;
      font-family: 'Avenir';
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      border-top: solid 1px #333333; }
    .landing-plcc-container .rewards-terms.rewards-terms-fpo {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 1.42;
      text-transform: uppercase;
      color: #333333;
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
      .landing-plcc-container .rewards-terms.rewards-terms-fpo sup {
        margin: 0px;
        top: auto; }
  .landing-plcc-container .apply-place-rewards-text {
    padding: 0px 0px;
    margin-top: 20px;
    padding-top: 20px;
    text-align: left;
    position: relative;
    border-top: solid 1px #666666; }
    .landing-plcc-container .apply-place-rewards-text h3 {
      font-family: 'Avenir';
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      color: #666666; }
    .landing-plcc-container .apply-place-rewards-text p {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.45;
      color: #333333;
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      color: #666666;
      margin: 7px 0px;
      line-height: 1.25em; }
  .landing-plcc-container .info-rewards {
    margin-bottom: 20px;
    width: 77%; }
    .landing-plcc-container .info-rewards .info-content {
      width: 50%;
      display: inline-block;
      font-family: 'Avenir';
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      position: relative; }
      .landing-plcc-container .info-rewards .info-content i {
        font-size: 20px;
        position: relative;
        top: -10px; }
    .landing-plcc-container .info-rewards .number {
      display: inline-block;
      height: 30px;
      font-size: 36px;
      line-height: 36px;
      margin-right: 20px; }
      .landing-plcc-container .info-rewards .number:nth-child(3) {
        margin-right: 0; }
    .landing-plcc-container .info-rewards .word {
      width: 50%;
      display: inline-block; }
    .landing-plcc-container .info-rewards .iqual {
      margin-left: 10px; }

.landing-plcc-container {
  width: 850px;
  display: block;
  margin: 0 auto;
  padding-top: 43px;
  /* NOTE: Main image of landing page. DT-31042 Enhancement */
  /* Buttons */
  /* Info rewards */
  /* items */ }
  .landing-plcc-container .landing-plcc-content-slot {
    margin-bottom: 20px; }
  .landing-plcc-container .img-rewards-info {
    width: 493px;
    display: block;
    margin: 10px auto; }
  .landing-plcc-container .img-info-points {
    width: 650px;
    margin-top: 0px; }
  .landing-plcc-container .img-place-cc {
    width: 170px; }
  .landing-plcc-container .button-apply {
    width: 250px;
    display: inline-block; }
  .landing-plcc-container .button-manage {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #ca0088;
    width: 300px;
    display: inline-block;
    background-color: #f7f7f7;
    color: #333333;
    margin-left: 20px; }
    .landing-plcc-container .button-manage.focused, .landing-plcc-container .button-manage:focus {
      background-color: #ca0088; }
    .landing-plcc-container .button-manage.pressed, .landing-plcc-container .button-manage:active {
      background-color: #ca0088; }
    .landing-plcc-container .button-manage.disabled, .landing-plcc-container .button-manage:disabled {
      background-color: #999999; }
    .landing-plcc-container .button-manage:active, .landing-plcc-container .button-manage:focus {
      background-color: #333333;
      color: #ffffff; }
  .landing-plcc-container .info-rewards {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 77%;
    top: 22px; }
    .landing-plcc-container .info-rewards .number {
      height: 60px;
      font-size: 80px;
      line-height: 78px; }
    .landing-plcc-container .info-rewards .word {
      font-size: 31px;
      text-transform: uppercase; }
  .landing-plcc-container .rewards-benefits-summary .item-benefits-container {
    box-shadow: none;
    margin-right: 0; }
  .landing-plcc-container .item-benefits-container {
    border: 1px solid #e3e3e3;
    border-right: none;
    padding: 20px 28px;
    display: inline-block;
    vertical-align: top;
    height: 215px;
    position: relative; }
    .landing-plcc-container .item-benefits-container:last-child {
      border-right: 1px solid #e3e3e3; }
    .landing-plcc-container .item-benefits-container:nth-child(1) {
      width: 170px; }
    .landing-plcc-container .item-benefits-container:nth-child(2) {
      width: 205px;
      padding: 20px 0; }
    .landing-plcc-container .item-benefits-container:nth-child(3) {
      width: 184px;
      padding: 20px 0; }
    .landing-plcc-container .item-benefits-container:nth-child(4) {
      width: 170px; }
  .landing-plcc-container .container-links {
    display: block;
    margin-bottom: 30px; }
  .landing-plcc-container .rewards-terms {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    color: #333333; }
    .landing-plcc-container .rewards-terms h3 {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 18px;
      letter-spacing: 0;
      line-height: 1.28;
      text-transform: none;
      color: #333333;
      font-family: 'Avenir';
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
  .landing-plcc-container .item-benefits-container {
    padding: 20px 0; }
    .landing-plcc-container .item-benefits-container .content-img {
      margin-bottom: 15px; }
  .landing-plcc-container .separator {
    width: 89%;
    margin: 0 auto 30px; }
@charset "UTF-8";
/* ==========================================================================
   Wishlist - Create List Desktop
   ========================================================================== */
/* ==========================================================================
   Wishlist - Create List Mobile
   ========================================================================== */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.overlay-create-list .create-list-container {
  margin: 20px 0 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e3e3e3; }

.overlay-create-list .by-default:after {
  display: inline-block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\F110";
  color: #666666; }

.overlay-create-list .by-default:after {
  font-size: 21px;
  color: #333333;
  margin-left: 10px;
  height: 14px;
  line-height: 16px;
  top: 6px;
  right: -28px;
  position: absolute; }

.overlay-create-list .by-default .input-subtitle {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333; }

.overlay-create-list .by-default .input-checkbox-icon-unchecked,
.overlay-create-list .by-default .input-checkbox-icon-checked {
  top: 0; }

.overlay-create-list .list-name {
  margin-bottom: 22px; }

.overlay-create-list .button-save {
  display: block; }

.overlay-create-list .button-cancel {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333;
  text-decoration: underline;
  margin: 20px auto;
  display: block;
  width: auto; }

.overlay-create-list {
  /* Header Modal */
  /* Header Modal  Button Close*/
  /* Content of Create List */
  /* Input name of List */
  /* checkbox by default */
  /* buttons container */
  /* button save */
  /* button cancel */ }
  .overlay-create-list .overlay-container {
    width: 600px; }
  .overlay-create-list .modal-header {
    border-bottom: 1px solid #e3e3e3;
    padding: 25px;
    text-align: left;
    position: relative; }
    .overlay-create-list .modal-header .modal-title {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
  .overlay-create-list .button-modal-close {
    margin: 23px 23px 0 0; }
  .overlay-create-list .create-wishlist-form {
    padding: 20px 30px 0; }
    .overlay-create-list .create-wishlist-form .error-box {
      margin-bottom: 20px; }
  .overlay-create-list .create-list-container {
    margin: 0 -30px;
    padding: 0px 30px 10px; }
  .overlay-create-list .list-name {
    width: calc(100% - 100px);
    /* move the text beside of input */ }
    .overlay-create-list .list-name .input-title {
      display: block;
      position: absolute;
      top: 2px;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.53;
      color: #333333; }
      .overlay-create-list .list-name .input-title + input {
        margin-left: 100px;
        margin-top: 0px; }
    .overlay-create-list .list-name .inline-error-message {
      margin-left: 100px; }
  .overlay-create-list .by-default {
    margin: 0 0 30px 101px; }
  .overlay-create-list .buttons-container {
    padding: 25px 0px; }
  .overlay-create-list .button-save {
    float: right;
    width: 120px; }
  .overlay-create-list .button-cancel {
    margin: 8px 0 0 0; }
@charset "UTF-8";
/* ==========================================================================
   Share list Modal  - Desktop
   ========================================================================== */
/* ==========================================================================
   Move Item  - Mobile // section footer hover of product
   ========================================================================== */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.move-item-content {
  position: absolute;
  border: 1px solid #e3e3e3;
  width: 290px;
  padding: 15px 10px;
  z-index: 10;
  background-color: #ffffff;
  text-align: left;
  /* Modificate heart-default */ }
  .move-item-content .favorite-list {
    padding: 10px 0px;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #666666;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .move-item-content .favorite-item-title {
    vertical-align: top;
    width: 70%;
    cursor: pointer; }
    .move-item-content .favorite-item-title.favorite-item-title-one-word {
      word-break: break-all; }
  .move-item-content .favorite-item-detail {
    vertical-align: top;
    text-align: right;
    width: 30%; }
  .move-item-content .title-move {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #999999;
    text-transform: uppercase;
    display: block; }
  .move-item-content .default-favorite-list {
    color: #333333;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    position: relative; }
    .move-item-content .default-favorite-list .heart-icon-container:before {
      font-size: 15px;
      color: #333333; }

.move-item-container {
  left: 0;
  margin-top: 10px; }
@charset "UTF-8";
/*
 * Wishlist Item (Desktop)
 */
/*
 * Wishlist Item (Mobile)
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.wishlist-list-container {
  /* pop up inforrmation remove item wishlist */ }
  .wishlist-list-container .information-remove {
    display: none;
    position: absolute;
    z-index: 2;
    width: 145px;
    padding: 30px 10px;
    background-color: #ffffff;
    right: 0;
    border: 1px solid #e3e3e3;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #333333; }
    .wishlist-list-container .information-remove:after, .wishlist-list-container .information-remove:before {
      content: "";
      display: block;
      z-index: 1;
      position: absolute;
      border-width: 10px;
      border-style: solid;
      border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; }
    .wishlist-list-container .information-remove:after {
      z-index: 2;
      border-color: transparent transparent #ffffff transparent;
      margin-left: -8px;
      border-width: 8px;
      bottom: -16px; }
    .wishlist-list-container .information-remove strong {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
    .wishlist-list-container .information-remove:after, .wishlist-list-container .information-remove:before {
      top: -15px;
      right: 0;
      bottom: inherit; }
    .wishlist-list-container .information-remove:after {
      right: 2px; }
    .wishlist-list-container .information-remove:before {
      top: -21px; }
  .wishlist-list-container .item-container .button-edit {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    text-decoration: underline;
    z-index: 1; }

.wishlist-suggested-container {
  background-color: #ffffff;
  padding: 16px; }
  .wishlist-suggested-container .item-product-recomendation {
    height: auto; }
  .wishlist-suggested-container .button-add-to-favorites {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #ca0088; }
    .wishlist-suggested-container .button-add-to-favorites.focused, .wishlist-suggested-container .button-add-to-favorites:focus {
      background-color: #ca0088; }
    .wishlist-suggested-container .button-add-to-favorites.pressed, .wishlist-suggested-container .button-add-to-favorites:active {
      background-color: #ca0088; }
    .wishlist-suggested-container .button-add-to-favorites.disabled, .wishlist-suggested-container .button-add-to-favorites:disabled {
      background-color: #999999; }
  .wishlist-suggested-container .button-dismiss-suggestion {
    margin-top: 10px;
    color: #999999;
    text-decoration: underline;
    text-transform: capitalize; }

/*
 * Read Only (Favorite Shared List)
 */
.item-read-only-container.item-container .purchased-status-container {
  text-align: center;
  width: 100%; }

.wishlist-list-container .button-prev {
  left: 0; }

.wishlist-list-container .button-next {
  right: 0; }

.wishlist-list-container .item-container .favorite-icon-container {
  z-index: 3; }

.wishlist-list-container .item-container .button-edit {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }

.wishlist-list-container .item-container:hover .button-edit {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }
@charset "UTF-8";
/*
 * Header Wishlist (Desktop)
 */
/*
 * Header Wishlist (Mobile)
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Filter section from Wishlist page */
.favorite-filter-container {
  display: inline-block;
  position: relative;
  border-top: solid 1px #e3e3e3;
  border-bottom: solid 1px #e3e3e3;
  margin: 0px -16px;
  width: calc(100% + 32px);
  padding: 16px; }

.display-filter.select-common {
  display: inline-block;
  width: 33%; }

.sort-by {
  display: inline-block;
  width: 33%; }
  .sort-by label {
    display: inline-block; }

.sort-by {
  float: right; }

.favorite-results-count {
  left: 16px;
  position: absolute;
  top: -40px;
  text-align: left; }

.item-read-only-container {
  /* Filter section from Wishlist page */ }
  .item-read-only-container .favorite-results-count {
    display: inline-block;
    width: 33%;
    text-align: center;
    left: auto;
    top: -105px;
    position: relative; }
  .item-read-only-container .favorite-filter-container {
    margin-top: 35px; }

/* Filter section from Wishlist page */
.favorite-filter-container {
  border-top: 0px;
  border-bottom: solid 1px #e3e3e3;
  width: 100%;
  padding: 0px 0px 30px;
  margin: 0px; }

/* Display Filter container (as a LabeledRadioButtonGroup) */
.display-filter-container {
  width: 400px;
  display: inline-block;
  vertical-align: middle;
  /* Item's name when is unselected */
  /* Item's name when is selected */
  /* Input content */ }
  .display-filter-container .selected-option {
    display: none; }
  .display-filter-container .item-disabled-option {
    opacity: .5;
    cursor: default; }
  .display-filter-container .display-filter-title {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #999999;
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-transform: none;
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    top: 3px;
    position: relative; }
  .display-filter-container .display-filter-items-list {
    display: inline-block;
    vertical-align: top; }
  .display-filter-container .input-radio-title > span {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #999999;
    text-transform: none; }
  .display-filter-container .item-selected-option .input-radio-title > span {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    text-transform: none; }
  .display-filter-container .label-radio {
    margin-left: 15px;
    padding-left: 15px;
    cursor: pointer;
    /* First item of filter's list */ }
    .display-filter-container .label-radio:before {
      content: '';
      width: 1px;
      height: 15px;
      position: absolute;
      display: inline-block;
      background: #999999;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0px; }
    .display-filter-container .label-radio:first-of-type {
      margin: 0px;
      padding: 0px; }
      .display-filter-container .label-radio:first-of-type:before {
        display: none; }
  .display-filter-container .input-radio-icon-checked,
  .display-filter-container .input-radio-icon-unchecked {
    width: auto;
    height: auto; }
    .display-filter-container .input-radio-icon-checked:before, .display-filter-container .input-radio-icon-checked:after,
    .display-filter-container .input-radio-icon-unchecked:before,
    .display-filter-container .input-radio-icon-unchecked:after {
      display: none; }

.favorite-results-count {
  top: auto;
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #333333;
  left: auto;
  display: inline-block;
  width: 33%;
  position: relative;
  text-align: center; }

.sort-by {
  max-width: 225px;
  float: right;
  position: absolute;
  right: 0px; }
  .sort-by span:first-child {
    display: inline-block;
    max-width: 42px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .sort-by .selection {
    text-align: left;
    float: right;
    vertical-align: middle;
    max-width: 100%;
    width: calc(100% - 62px);
    display: inline-block;
    margin-left: 10px; }

/*
 * Shared Favorite's List
 */
.item-read-only-container .favorite-filter-container {
  margin-top: 0px; }

.item-read-only-container .favorite-toolbar-container {
  padding-bottom: 0px; }

.item-read-only-container .favorite-results-count {
  position: relative;
  left: 0;
  top: 0;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  top: auto; }

.item-read-only-container .sort-by {
  max-width: 250px; }
@charset "UTF-8";
/*
 * Empty Wishlist (Desktop)
 */
/*
 * Empty Wishlist (Mobile)
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Empty section (global container) */
.empty-wishlist-section {
  /* Spot */ }
  .empty-wishlist-section .content-slot {
    margin: 30px 0px;
    max-width: 100vw;
    width: 100%; }
    .empty-wishlist-section .content-slot img {
      display: inline-block;
      width: 100%; }
  .empty-wishlist-section .content-slot + .product-recomendation {
    margin-top: 0px; }
  .empty-wishlist-section .product-recomendation {
    margin-top: 40px; }

/* Message for empty wishlist state (container) */
.empty-wishlist-message-container {
  text-align: center; }

/* Empty wishlist's title */
.empty-wishlist-title {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1.21;
  text-transform: uppercase;
  color: #333333;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-transform: none;
  margin-bottom: 20px; }

/* Empty wishlist's message */
.empty-wishlist-message {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }

.empty-wishlist-section {
  margin-top: 30px; }
@charset "UTF-8";
/* ==========================================================================
   Update Modal  - Desktop
   ========================================================================== */
/* ==========================================================================
   Update Modal  - Mobile
   ========================================================================== */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.overlay-update .update-wishlist-form {
  padding: 30px 0; }

.overlay-update .update-container {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e3e3e3; }

.overlay-update .list-name {
  margin-bottom: 25px; }

.overlay-update .message-delete {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333;
  border-top: 1px solid #e3e3e3;
  padding-top: 30px;
  margin-top: 30px;
  margin-bottom: 20px; }

.overlay-update .button-delete,
.overlay-update .button-delete-confirm {
  width: 80%;
  display: block;
  margin: 0 auto;
  background-color: #333333; }

.overlay-update .buttons-container {
  display: inline-block;
  width: 100%; }

.overlay-update .button-cancel {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333;
  text-decoration: underline;
  margin: 20px auto;
  display: block;
  width: auto; }

/* ==========================================================================
   Wishlist - Create List Desktop
   ========================================================================== */
/* ==========================================================================
   Wishlist - Create List Mobile
   ========================================================================== */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.overlay-create-list .create-list-container, .overlay-update .create-list-container {
  margin: 20px 0 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e3e3e3; }

.overlay-create-list .by-default:after, .overlay-update .by-default:after {
  display: inline-block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\F110";
  color: #666666; }

.overlay-create-list .by-default:after, .overlay-update .by-default:after {
  font-size: 21px;
  color: #333333;
  margin-left: 10px;
  height: 14px;
  line-height: 16px;
  top: 6px;
  right: -28px;
  position: absolute; }

.overlay-create-list .by-default .input-subtitle, .overlay-update .by-default .input-subtitle {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333; }

.overlay-create-list .by-default .input-checkbox-icon-unchecked, .overlay-update .by-default .input-checkbox-icon-unchecked,
.overlay-create-list .by-default .input-checkbox-icon-checked, .overlay-update .by-default .input-checkbox-icon-checked {
  top: 0; }

.overlay-create-list .list-name, .overlay-update .list-name {
  margin-bottom: 22px; }

.overlay-create-list .button-save, .overlay-update .button-save {
  display: block; }

.overlay-create-list .button-cancel, .overlay-update .button-cancel {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333;
  text-decoration: underline;
  margin: 20px auto;
  display: block;
  width: auto; }

.overlay-create-list, .overlay-update {
  /* Header Modal */
  /* Header Modal  Button Close*/
  /* Content of Create List */
  /* Input name of List */
  /* checkbox by default */
  /* buttons container */
  /* button save */
  /* button cancel */ }
  .overlay-create-list .overlay-container, .overlay-update .overlay-container {
    width: 600px; }
  .overlay-create-list .modal-header, .overlay-update .modal-header {
    border-bottom: 1px solid #e3e3e3;
    padding: 25px;
    text-align: left;
    position: relative; }
    .overlay-create-list .modal-header .modal-title, .overlay-update .modal-header .modal-title {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
  .overlay-create-list .button-modal-close, .overlay-update .button-modal-close {
    margin: 23px 23px 0 0; }
  .overlay-create-list .create-wishlist-form, .overlay-update .create-wishlist-form {
    padding: 20px 30px 0; }
    .overlay-create-list .create-wishlist-form .error-box, .overlay-update .create-wishlist-form .error-box {
      margin-bottom: 20px; }
  .overlay-create-list .create-list-container, .overlay-update .create-list-container {
    margin: 0 -30px;
    padding: 0px 30px 10px; }
  .overlay-create-list .list-name, .overlay-update .list-name {
    width: calc(100% - 100px);
    /* move the text beside of input */ }
    .overlay-create-list .list-name .input-title, .overlay-update .list-name .input-title {
      display: block;
      position: absolute;
      top: 2px;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.53;
      color: #333333; }
      .overlay-create-list .list-name .input-title + input, .overlay-update .list-name .input-title + input {
        margin-left: 100px;
        margin-top: 0px; }
    .overlay-create-list .list-name .inline-error-message, .overlay-update .list-name .inline-error-message {
      margin-left: 100px; }
  .overlay-create-list .by-default, .overlay-update .by-default {
    margin: 0 0 30px 101px; }
  .overlay-create-list .buttons-container, .overlay-update .buttons-container {
    padding: 25px 0px; }
  .overlay-create-list .button-save, .overlay-update .button-save {
    float: right;
    width: 120px; }
  .overlay-create-list .button-cancel, .overlay-update .button-cancel {
    margin: 8px 0 0 0; }

.overlay-update {
  /* checkbox by default */
  /* Content of update List */
  /* Subtitle delete */
  /* Message delete list */
  /* buttons container */
  /* button delete */ }
  .overlay-update .by-default {
    margin-bottom: 20px; }
  .overlay-update .update-wishlist-form {
    padding: 0px 30px; }
  .overlay-update .update-container {
    padding: 30px 30px 0;
    margin: 0px -30px; }
  .overlay-update .subtitle-delete {
    position: absolute;
    left: 30px;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .overlay-update .message-delete {
    position: relative;
    border-top: solid 1px #e3e3e3;
    margin: 0px -30px;
    margin-top: 10px;
    padding: 30px;
    padding-left: 130px; }
  .overlay-update .button-delete,
  .overlay-update .button-delete-confirm {
    position: relative;
    width: 50%;
    margin-left: 100px;
    margin-bottom: 30px; }
  .overlay-update .button-delete-confirm {
    width: 275px;
    background-color: #333333;
    position: relative;
    margin-bottom: 30px; }
@charset "UTF-8";
/*
 * Favorite Active List (Desktop)
 */
/*
 * Favorite Active List (Mobile)
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.favorite-list {
  /* Title's list */
  /* Add new Favorite List (button), last item's list */
  /* Default Item */
  /* Each item's list (li) */
  /* Each item's list (content) */
  /* Icon to default favourite's item */ }
  .favorite-list.custom-select-common {
    width: 100%;
    text-align: left; }
  .favorite-list .custom-select-button {
    padding: 0px;
    height: 33px; }
  .favorite-list .list-container {
    text-align: left;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    margin-top: 5px; }
  .favorite-list .favorite-active-list-title {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-top: 19px;
    padding-bottom: 5px; }
  .favorite-list .favorite-list-name {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1.21;
    text-transform: uppercase;
    color: #333333;
    text-transform: none;
    position: relative;
    display: inline-block;
    width: calc(100% - 50px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .favorite-list .favorite-list-name .heart-icon-container {
      top: auto; }
  .favorite-list .add-new-favorite-list-button {
    margin: 15px 0px; }
  .favorite-list .default-favorite-list-container .favorite-list-title,
  .favorite-list .default-favorite-list-container .item-list {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .favorite-list .default-favorite-list-container .heart-icon-container:before {
    font-size: 15px;
    color: #333333; }
  .favorite-list .favorite-list-item {
    padding: 0px 13px; }
  .favorite-list .favorite-list-item-dropdown {
    padding: 13px 0px 9px;
    display: inline-block;
    width: 100%; }
  .favorite-list .favorite-list-title {
    display: inline-block;
    width: 75%;
    vertical-align: top;
    white-space: normal;
    padding-right: 10px;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
    .favorite-list .favorite-list-title.favorite-item-title-one-word {
      word-break: break-all; }
  .favorite-list .heart-icon-container {
    font-size: 0px;
    position: relative;
    width: 15px;
    height: 14px;
    display: inline-block;
    top: 2px; }
    .favorite-list .heart-icon-container:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F110";
      color: #666666; }
    .favorite-list .heart-icon-container:before {
      font-size: 20px;
      color: #333333; }
  .favorite-list .item-list {
    width: 25%;
    text-align: right;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .favorite-list .item-highlighted {
    background: #ffffff; }
    .favorite-list .item-highlighted .item-list {
      color: #333333; }

.favorite-list .list-container {
  text-align: left;
  background: #ffffff;
  border: 1px solid #e3e3e3;
  z-index: 10; }

.favorite-list .item-highlighted {
  background: #ffffff; }
@charset "UTF-8";
/* ==========================================================================
   Share list Modal  - Desktop
   ========================================================================== */
/* ==========================================================================
   Share list Modal  - Mobile
   ========================================================================== */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.share-favorite-list .message {
  margin: 30px 0; }

.share-favorite-list .button-cancel {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.33;
  color: #333333;
  text-decoration: underline;
  margin: 20px auto;
  display: block;
  width: auto; }

.share-favorite-list .input-common,
.share-favorite-list .textarea-common {
  margin-bottom: 10px; }

.share-favorite-list .button-copy,
.share-favorite-list .button-Copy {
  margin-top: 10px; }

.share-email-form .label-error .inline-error-message {
  white-space: normal; }

.share-email-form .error-box {
  margin-bottom: 20px; }

.share-favorite-list {
  /* Edit width of overlay container */
  /* Header Modal */
  /* Header Modal:  Button Close */
  /* Share modal container */
  /* Main Message */
  /* buttons container */
  /* button copy and send */
  /* button cancel */ }
  .share-favorite-list .overlay-container {
    width: 600px;
    overflow: auto; }
  .share-favorite-list .modal-header {
    border-bottom: 1px solid #e3e3e3;
    padding: 25px;
    text-align: left;
    position: relative; }
  .share-favorite-list .button-modal-close {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 37%; }
  .share-favorite-list .share-container {
    padding: 25px 25px 0 25px;
    margin: 0; }
  .share-favorite-list .message {
    margin: 0 0 25px; }
  .share-favorite-list .to-email-input,
  .share-favorite-list .from-email-input,
  .share-favorite-list .subject-input,
  .share-favorite-list .message-box-input {
    margin-left: 100px;
    margin-bottom: 50px;
    width: 77%;
    /* border bottom of separation input */ }
    .share-favorite-list .to-email-input .input-title,
    .share-favorite-list .to-email-input .input-textarea-title,
    .share-favorite-list .from-email-input .input-title,
    .share-favorite-list .from-email-input .input-textarea-title,
    .share-favorite-list .subject-input .input-title,
    .share-favorite-list .subject-input .input-textarea-title,
    .share-favorite-list .message-box-input .input-title,
    .share-favorite-list .message-box-input .input-textarea-title {
      display: block;
      position: absolute;
      top: 2px;
      left: -100px;
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.53;
      color: #333333; }
    .share-favorite-list .to-email-input:after,
    .share-favorite-list .from-email-input:after,
    .share-favorite-list .subject-input:after,
    .share-favorite-list .message-box-input:after {
      content: '';
      height: 1px;
      background-color: #e3e3e3;
      display: block;
      width: 600px;
      position: absolute;
      bottom: -25px;
      left: -125px; }
  .share-favorite-list .message-box-input {
    margin-bottom: 0;
    overflow: inherit !important;
    width: 77% !important; }
    .share-favorite-list .message-box-input:after {
      content: none; }
  .share-favorite-list .buttons-container {
    margin: 25px 0;
    padding-top: 25px;
    position: relative;
    /* border bottom of separation input */ }
    .share-favorite-list .buttons-container:before {
      content: '';
      height: 1px;
      background-color: #e3e3e3;
      display: block;
      width: 108vh;
      width: calc(100% + 50px);
      position: absolute;
      top: 0;
      left: -25px; }
  .share-favorite-list .button-copy,
  .share-favorite-list .button-send {
    float: right;
    width: 120px; }
  .share-favorite-list .button-cancel {
    margin: 8px 0 0 0; }
@charset "UTF-8";
/*
 * Favorite Toolbar (Desktop)
 */
/*
 * Favorite Toolbar (Mobile)
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.favorite-toolbar-container {
  text-align: center;
  padding: 20px 0px;
  position: relative; }
  .favorite-toolbar-container .toolbar-header-container.shared-toolbar-header-container {
    margin-bottom: 25px; }
  .favorite-toolbar-container .favorite-shared-owner {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #999999; }

.favorite-social-container {
  display: inline-block;
  width: 100%; }

.dropdown-share-options {
  width: 40%;
  display: inline-block;
  float: right;
  clear: both; }

.share-list.custom-select-common {
  width: 100%;
  text-align: left; }

/*
 * Favorite section into My Account
 */
.favorite-toolbar-container {
  width: 100%;
  display: inline-block;
  padding: 20px 0px 11px; }

.favorite-social-container {
  width: calc(100% - 100px);
  float: right;
  text-align: right;
  margin-top: 20px; }

.setting-edit-section {
  width: auto;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
  vertical-align: middle; }
  .setting-edit-section button {
    font-size: 0px;
    width: 30px;
    height: 30px;
    border: solid 1px rgba(51, 51, 51, 0.11);
    padding: 6px; }
    .setting-edit-section button:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F13B"; }
    .setting-edit-section button:before {
      font-size: 16px;
      text-align: center; }

.dropdown-share-options {
  text-align: left;
  float: none;
  vertical-align: middle; }

.favorite-toolbar-container {
  display: block;
  margin-top: 50px;
  margin-bottom: 40px;
  padding: 0px; }
  .favorite-toolbar-container .toolbar-header-container.shared-toolbar-header-container {
    margin-bottom: 0px; }

.favorite-social-container {
  width: auto;
  position: absolute;
  top: 20px;
  right: 10px;
  margin-top: 0px; }

.favorite-list.custom-select-common {
  width: 292px;
  text-align: center; }

.favorite-list .custom-select-button {
  margin-top: 0px; }

.dropdown-share-options {
  width: 132px; }

.favorite-toolbar-share-container {
  position: relative; }

.favorite-active-list-container {
  width: auto;
  display: inline-block;
  vertical-align: middle; }

.favorite-social-container {
  width: auto;
  vertical-align: middle;
  float: none;
  top: auto; }

.share-list .custom-select-button {
  margin-top: 0px; }

.setting-edit-section {
  vertical-align: top; }
/*
 * Favorites Section (Desktop)
 */
/*
 * Favorites Section (Mobile)
 */
.wishlist-section-container {
  display: inline-block;
  width: 100%;
  padding: 0px 16px 0px;
  /* Wishlist Item / read only */ }
  .wishlist-section-container .product-recomendation-container {
    margin-left: -16px;
    margin-right: -16px; }
  .wishlist-section-container .item-container .error-box {
    margin-top: 20px;
    margin-bottom: 15px; }

.grid-view-container {
  padding: 20px 0px;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  width: calc(100% + 30px);
  left: -15px; }
  .grid-view-container .item-container {
    box-shadow: 0 0 .5px #e3e3e3;
    min-height: auto;
    height: auto;
    width: 50%;
    max-width: none;
    margin: 0;
    position: relative; }
    .grid-view-container .item-container .merchant-badge-container {
      margin-top: -30px;
      text-align: right;
      font-size: 11px; }
    .grid-view-container .item-container .top-badge-container {
      font-size: 10px; }
    .grid-view-container .item-container .container-price .list-price {
      font-size: 11px;
      text-align: left;
      margin-top: 12px; }
    .grid-view-container .item-container .container-price .no-badge {
      margin-left: auto;
      margin-right: auto; }
    .grid-view-container .item-container .bag-button-container {
      position: absolute;
      bottom: 50px;
      left: -3px;
      width: calc(100% - 15px);
      right: 5px;
      margin: 10px 10px 10px 10px; }
    .grid-view-container .item-container .bag-button-icon-spinner-container {
      position: relative;
      bottom: 40px; }
    .grid-view-container .item-container .button-spacer {
      height: 78px;
      visibility: hidden; }
    .grid-view-container .item-container .move-item-container {
      width: calc(100% + 4px); }
    .grid-view-container .item-container .purchased-and-move-dropdown-container {
      position: absolute;
      bottom: 16px; }
      .grid-view-container .item-container .purchased-and-move-dropdown-container .button-new {
        font-size: 11px; }
      .grid-view-container .item-container .purchased-and-move-dropdown-container .purchased-status-container {
        width: 100%;
        text-align: center; }
    .grid-view-container .item-container .color-chips-container .content-colors button {
      width: 15px !important;
      height: 15px !important; }
    .grid-view-container .item-container .color-chips-container img {
      width: 14px !important;
      height: 14px !important; }
    .grid-view-container .item-container .product-title-container a {
      font-size: 12px;
      color: #4A4A4A;
      font-weight: lighter; }
    .grid-view-container .item-container .product-title-container .inline-badge-container {
      font-size: 11px; }
    .grid-view-container .item-container .buttons-container {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 10px 10px 10px 10px; }
      .grid-view-container .item-container .buttons-container .pickup-button-container {
        margin-bottom: 5px; }
      .grid-view-container .item-container .buttons-container span {
        font-size: 12px; }
    .grid-view-container .item-container .button-spacer {
      height: 78px;
      visibility: hidden; }
    .grid-view-container .item-container .product-image-container {
      max-height: auto;
      height: auto;
      position: initial;
      z-index: -1; }

.favorites-guest-banner {
  margin: 20px 0px;
  max-width: 100vw;
  width: 100%; }
  .favorites-guest-banner img {
    width: 100%;
    display: inline-block; }

.wishlist-section-container {
  padding: initial; }
  .wishlist-section-container .product-recomendation-container {
    margin-left: auto;
    margin-right: auto; }

.wishlist-list-container {
  margin-left: -0.5%;
  margin-right: -0.5%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
@charset "UTF-8";
/**
* Breadcrum
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Container of all item links */
.breadcrum-container {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e3e3; }
  .breadcrum-container a {
    text-transform: capitalize; }

/* Container of the one item */
.breadcrum-item-container {
  display: inline-block; }

/* The item link */
.breadcrum-item {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.28;
  text-transform: none;
  color: #333333;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-decoration: underline;
  vertical-align: middle;
  cursor: pointer; }

/* The last item link */
.breadcrum-last-item {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.28;
  text-transform: none;
  color: #333333;
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  cursor: pointer;
  vertical-align: middle; }

/* Slash separation */
.breadcrum-separation {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.28;
  text-transform: none;
  color: #333333;
  margin: 0px 10px;
  vertical-align: middle; }
@charset "UTF-8";
/**
* PDP - Product description (Desktop)
**/
/**
* PDP - Product Description (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.product-description-list {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #333333;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }
  .product-description-list .introduction-text {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%; }
  .product-description-list .description-item {
    padding: 7px 0px;
    padding-left: 35px;
    position: relative; }
    .product-description-list .description-item:before {
      content: '';
      display: inline-block;
      background: #333333;
      width: 6px;
      height: 6px;
      position: absolute;
      left: 10px;
      top: 13px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
  .product-description-list .button-show-more, .product-description-list .button-show-less {
    display: block;
    position: relative;
    outline: 0px;
    margin-top: 12px;
    text-decoration: underline; }
    .product-description-list .button-show-more:after, .product-description-list .button-show-less:after {
      content: '';
      width: 3px;
      height: 3px;
      position: relative;
      display: inline-block;
      border-bottom: 2px solid black;
      border-left: 2px solid black;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      left: 5px;
      top: -2px; }
  .product-description-list .button-show-less:after {
    border: 0px;
    border-top: 2px solid black;
    border-right: 2px solid black;
    top: 1px; }
  .product-description-list .product-id {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    margin: 20px 0;
    display: inline-block; }
  .product-description-list .claim-message {
    margin-bottom: 10px; }

.product-description-list {
  padding: 31px 90px;
  margin-bottom: 30px;
  background: #f7f7f7;
  border-top: solid 1px rgba(51, 51, 51, 0.11);
  border-bottom: solid 1px rgba(51, 51, 51, 0.11);
  position: relative; }
  .product-description-list .title-product-description {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    margin-bottom: 10px; }
  .product-description-list .introduction-text {
    margin-bottom: 0px; }
  .product-description-list .description-item {
    padding-top: 0px;
    padding-bottom: 0px; }
    .product-description-list .description-item:before {
      width: 5px;
      height: 5px;
      left: 11px;
      top: 6px; }
  .product-description-list .button-show-more, .product-description-list .button-show-less {
    display: block;
    position: relative;
    outline: 0px;
    margin-top: 12px;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-decoration: underline; }
    .product-description-list .button-show-more:after, .product-description-list .button-show-less:after {
      content: '';
      width: 7px;
      height: 7px;
      position: relative;
      display: inline-block;
      border-bottom: 2px solid black;
      border-left: 2px solid black;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      left: 12px;
      top: -2px; }
  .product-description-list .button-show-less:after {
    border: 0px;
    border-top: 2px solid black;
    border-right: 2px solid black;
    top: 2px; }
  .product-description-list .claim-message {
    margin-bottom: 0px; }
/* 
Outfit PDP - Outfit recommendations scroll arrow adjustment - DT-32222
*/
.outfit-recommendation-container-scroll-arrows ol {
  display: inline; }

.outfit-recommendation-container-scroll-arrows .button-prev {
  display: inline-block;
  position: relative;
  margin-top: 125px; }

.outfit-recommendation-container-scroll-arrows .button-next {
  display: inline-block;
  position: relative;
  margin-top: 125px; }
@charset "UTF-8";
/**
* PDP - Product Details Section (Desktop)
**/
/**
* PDP - Product Details Page (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.outfiting-section-container,
.outfiting-container,
.product-details-container {
  /* Breadcrum */ }
  .outfiting-section-container .breadcrum-container,
  .outfiting-container .breadcrum-container,
  .product-details-container .breadcrum-container {
    padding: 15px 0;
    margin: 0px;
    border-bottom: solid 1px rgba(51, 51, 51, 0.11);
    border-top: solid 1px rgba(51, 51, 51, 0.11); }
  .outfiting-section-container .ratings-and-reviews-accordion .ratings-and-reviews-container,
  .outfiting-container .ratings-and-reviews-accordion .ratings-and-reviews-container,
  .product-details-container .ratings-and-reviews-accordion .ratings-and-reviews-container {
    display: none; }
  .outfiting-section-container .ratings-and-reviews-accordion.accordion-expanded .ratings-and-reviews-container,
  .outfiting-container .ratings-and-reviews-accordion.accordion-expanded .ratings-and-reviews-container,
  .product-details-container .ratings-and-reviews-accordion.accordion-expanded .ratings-and-reviews-container {
    display: block; }
  .outfiting-section-container .ratings-and-reviews-accordion .accordion-toggle,
  .outfiting-container .ratings-and-reviews-accordion .accordion-toggle,
  .product-details-container .ratings-and-reviews-accordion .accordion-toggle {
    font-size: 0px; }
  .outfiting-section-container #BVSpotlightsContainer,
  .outfiting-container #BVSpotlightsContainer,
  .product-details-container #BVSpotlightsContainer {
    z-index: 1;
    position: relative; }

.giftcard-result-container,
.outfiting-section-container,
.product-details-container,
.search-result-container {
  padding: 22px 16px;
  min-height: 100vh;
  width: 100%;
  display: block; }
  .giftcard-result-container .breadcrum-item, .giftcard-result-container .breadcrum-last-item, .giftcard-result-container .breadcrum-separation,
  .outfiting-section-container .breadcrum-item, .outfiting-section-container .breadcrum-last-item, .outfiting-section-container .breadcrum-separation,
  .product-details-container .breadcrum-item, .product-details-container .breadcrum-last-item, .product-details-container .breadcrum-separation,
  .search-result-container .breadcrum-item, .search-result-container .breadcrum-last-item, .search-result-container .breadcrum-separation {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #666666;
    text-transform: none; }
  .giftcard-result-container .breadcrum-last-item,
  .outfiting-section-container .breadcrum-last-item,
  .product-details-container .breadcrum-last-item,
  .search-result-container .breadcrum-last-item {
    color: #ca0088; }
  .giftcard-result-container + .react-overlay,
  .outfiting-section-container + .react-overlay,
  .product-details-container + .react-overlay,
  .search-result-container + .react-overlay {
    z-index: 9999; }

/* Container of wishlist button */
.wishlist-icon-container {
  width: 35px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: relative; }
  .wishlist-icon-container .error-box {
    width: 210px;
    margin-left: -170px; }
  .wishlist-icon-container:hover .favorite-message {
    display: block; }
  .wishlist-icon-container .favorite-message {
    display: none;
    position: absolute;
    min-width: 156px;
    z-index: 1;
    background-color: #ffffff;
    text-transform: uppercase;
    right: 50px;
    top: 0px;
    padding: 7px 16px 6px 15px;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    -webkit-box-shadow: inset 0px 0px 0px 1px #333333;
    -moz-box-shadow: inset 0px 0px 0px 1px #333333;
    box-shadow: inset 0px 0px 0px 1px #333333; }
    .wishlist-icon-container .favorite-message:after {
      content: '';
      display: inline-block;
      width: 6px;
      height: 6px;
      position: absolute;
      right: -3px;
      top: calc(50% - 4px);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      background-color: #ffffff;
      border-right: solid 1px #333333;
      border-top: solid 1px #333333; }

/* Wishlist Button */
.button-wishlist {
  font-size: 0px;
  width: 35px;
  height: 37px;
  display: inline-block; }
  .button-wishlist:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F120";
    color: #666666; }
  .button-wishlist:before {
    font-size: 35px;
    padding: 2px 0px; }
  .button-wishlist.added-to-wishlist:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F138";
    color: #333333; }
  .button-wishlist.added-to-wishlist:before {
    font-size: 35px;
    padding: 2px 0px; }

.wishlist-qty-information {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.25px;
  line-height: 1.38;
  color: #333333;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  margin-top: 5px;
  position: relative;
  display: inline-block; }

.sending-giftcard {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }
  .sending-giftcard a {
    margin-left: 5px;
    color: #333333; }

.go-back-container {
  margin-bottom: 15px; }
  .go-back-container + .product-details-header-promo-text-area {
    margin-bottom: 15px; }

.button-go-back {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #333333; }
  .button-go-back:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F10C"; }
  .button-go-back:before {
    font-size: 6px;
    font-weight: 900;
    margin-right: 5px;
    transform: rotate(270deg); }

.outfiting-container,
.giftcard-images-content,
.product-details-container {
  /* Breadcrum */ }
  .outfiting-container .breadcrum-container,
  .giftcard-images-content .breadcrum-container,
  .product-details-container .breadcrum-container {
    margin-top: -23px;
    border: 0px; }
    .outfiting-container .breadcrum-container + .product-details-header-promo-text-area,
    .giftcard-images-content .breadcrum-container + .product-details-header-promo-text-area,
    .product-details-container .breadcrum-container + .product-details-header-promo-text-area {
      margin-bottom: 15px; }

.product-details-content {
  display: -webkit-flex;
  display: flex; }

/* NOTE: PDP spot - name: pdp_header_promo_text_area */
.custom-imformation-container {
  width: 40%;
  display: inline-block;
  vertical-align: top;
  border: solid 1px #e3e3e3;
  border-left: 0px;
  padding: 20px; }
@charset "UTF-8";
/**
* Outfit Section (Desktop)
**/
/**
* Outfit Section (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.outfiting-section-container {
  /* Reset Style */ }
  .outfiting-section-container fieldset {
    padding: 0px; }
  .outfiting-section-container .outfit-unavailable-notification {
    color: #999999;
    text-align: center;
    padding: 5px 0px 5px 0px; }

.outfiting-figure-container {
  width: calc(100% + 32px);
  position: relative;
  left: -16px; }
  .outfiting-figure-container img {
    width: 100%; }

.outfiting-basic-information {
  padding: 20px 0px; }
  .outfiting-basic-information .outfiting-name {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    margin-bottom: 10px;
    text-transform: capitalize; }
  .outfiting-basic-information .outfiting-description {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }

.outfit-item-figure-container {
  width: 116px;
  float: left; }
  .outfit-item-figure-container img {
    width: 100%; }

.outfit-item-link {
  display: inline-block; }

.outfit-item-details-link {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.45;
  color: #333333;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-decoration: underline;
  text-align: center;
  display: inline-block;
  width: 100%; }

.outfiting-product-item {
  position: relative;
  padding: 25px 0px;
  border-bottom: solid 1px rgba(51, 51, 51, 0.11);
  /* Reset Style */ }
  .outfiting-product-item:first-of-type {
    border-top: solid 1px rgba(51, 51, 51, 0.11); }
  .outfiting-product-item .product-details-form-container {
    /* Reset Style */
    margin-bottom: 0px;
    padding-top: 30px;
    border-top: solid 1px rgba(51, 51, 51, 0.11);
    margin-top: 20px; }
  .outfiting-product-item .product-details-form-content fieldset {
    padding: 0px; }
  .outfiting-product-item .product-details-header-container {
    margin-top: 0px;
    padding-left: 20px;
    float: right;
    clear: right;
    width: calc(100% - 116px); }
    .outfiting-product-item .product-details-header-container .information-container {
      width: 100%; }
    .outfiting-product-item .product-details-header-container .product-title {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.33;
      color: #333333;
      text-transform: capitalize; }
  .outfiting-product-item .wishlist-icon-container {
    margin-top: 20px; }
  .outfiting-product-item .select-fit, .outfiting-product-item .select-size {
    width: calc(35% - 20px);
    margin: 0px;
    margin-right: 20px;
    vertical-align: top; }
  .outfiting-product-item .select-qty {
    width: 30%;
    margin: 0px;
    margin-right: 0px;
    vertical-align: top; }
  .outfiting-product-item .size-chart-form-container {
    display: block;
    margin: 20px 0px; }
  .outfiting-product-item .button-add-to-bag {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #ca0088;
    margin: 0px;
    bottom: initial;
    position: relative; }
    .outfiting-product-item .button-add-to-bag.focused, .outfiting-product-item .button-add-to-bag:focus {
      background-color: #ca0088; }
    .outfiting-product-item .button-add-to-bag.pressed, .outfiting-product-item .button-add-to-bag:active {
      background-color: #ca0088; }
    .outfiting-product-item .button-add-to-bag.disabled, .outfiting-product-item .button-add-to-bag:disabled {
      background-color: #999999; }

.ab-outfiting-product-item {
  position: relative;
  padding: 25px 0px;
  border-bottom: solid 1px rgba(51, 51, 51, 0.11);
  /* Reset Style */ }
  .ab-outfiting-product-item:first-of-type {
    border-top: solid 1px rgba(51, 51, 51, 0.11); }
  .ab-outfiting-product-item .outfit-item-figure-container {
    margin-top: 65px;
    width: 116px;
    float: left; }
    .ab-outfiting-product-item .outfit-item-figure-container img {
      width: 100%; }
  .ab-outfiting-product-item .product-details-form-container {
    /* Reset Style */
    padding-left: 20px;
    margin-bottom: 0px;
    margin-top: 20px;
    width: calc(100% - 116px); }
  .ab-outfiting-product-item .product-details-form-content fieldset {
    padding: 0px; }
  .ab-outfiting-product-item .product-details-header-container {
    margin-top: 0px;
    float: right;
    clear: right;
    width: calc(100% - 116px); }
    .ab-outfiting-product-item .product-details-header-container .information-container {
      margin-left: -105px;
      width: 100%; }
    .ab-outfiting-product-item .product-details-header-container .product-title {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.33;
      color: #333333;
      text-transform: capitalize; }
    .ab-outfiting-product-item .product-details-header-container .product-price-container {
      margin-top: 0px;
      padding-left: 15px;
      display: inline-block; }
      .ab-outfiting-product-item .product-details-header-container .product-price-container .actual-price {
        display: inline-block; }
      .ab-outfiting-product-item .product-details-header-container .product-price-container .original-price {
        margin-left: 15px;
        display: inline-block; }
  .ab-outfiting-product-item .wishlist-icon-container {
    top: -10px;
    left: 68px; }
  .ab-outfiting-product-item .select-fit, .ab-outfiting-product-item .select-size {
    width: calc(65% - 20px);
    margin: 0px;
    margin-right: 20px;
    margin-bottom: 20px;
    vertical-align: top; }
  .ab-outfiting-product-item .select-qty {
    width: 30%;
    margin: 0px;
    margin-right: 0px;
    vertical-align: top; }
  .ab-outfiting-product-item .size-chart-form-container {
    display: block;
    margin-top: 1px; }
  .ab-outfiting-product-item .button-add-to-bag {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #ca0088;
    margin: 0px;
    bottom: initial;
    position: relative;
    width: calc(100% + 130px);
    margin-left: -133px; }
    .ab-outfiting-product-item .button-add-to-bag.focused, .ab-outfiting-product-item .button-add-to-bag:focus {
      background-color: #ca0088; }
    .ab-outfiting-product-item .button-add-to-bag.pressed, .ab-outfiting-product-item .button-add-to-bag:active {
      background-color: #ca0088; }
    .ab-outfiting-product-item .button-add-to-bag.disabled, .ab-outfiting-product-item .button-add-to-bag:disabled {
      background-color: #999999; }

.outfiting-section-container .product-price-container {
  margin-bottom: 30px;
  border-top: 0px; }

.outfiting-section-container .outfit-unavailable-notification {
  text-align: left;
  padding: 0px;
  padding-left: 26px;
  margin: 20px 0px; }

/* Section Container */
.outfiting-section-content {
  border: solid 1px rgba(51, 51, 51, 0.11);
  padding: 10px;
  padding-right: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 22px;
  width: 100%;
  display: -webkit-flex;
  display: flex; }

.outfiting-basic-information {
  padding: 20px; }

.outfiting-figure-container {
  width: 100%;
  left: auto; }

/* Main Image of outfit */
.outfiting-information {
  max-width: 460px;
  width: 40%; }

/* List and Notification Container */
.list-and-notification-container {
  border-left: solid 1px rgba(51, 51, 51, 0.11);
  width: 60%; }
  .list-and-notification-container.enabled-notifications .outfiting-list-container {
    border-bottom: solid 1px rgba(51, 51, 51, 0.11); }

/* Outfit details container: list */
.outfiting-list-container {
  width: 100%; }

.outfit-item-figure-container {
  width: 200px;
  height: auto;
  vertical-align: top; }

.outfiting-product-item {
  padding: 15px 0px 0px 26px; }
  .outfiting-product-item:first-of-type {
    border-top: 0px; }
  .outfiting-product-item:last-of-type {
    border-bottom: 0px; }
  .outfiting-product-item .outfit-item-link {
    display: inline-block;
    width: 100%; }
  .outfiting-product-item .outfit-item-image {
    width: 100%;
    margin-bottom: 10px;
    display: inline-block; }
  .outfiting-product-item .outfit-item-details-link {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-decoration: underline;
    display: inline-block; }
  .outfiting-product-item .wishlist-icon-container {
    position: relative;
    top: auto;
    margin-top: 0px; }
  .outfiting-product-item .product-details-header-container {
    width: calc(100% - 200px); }
    .outfiting-product-item .product-details-header-container .information-container {
      width: calc(100% - 35px);
      padding-right: 30px; }
    .outfiting-product-item .product-details-header-container .product-title {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 20px;
      letter-spacing: 0;
      line-height: 1.25;
      text-transform: none;
      text-decoration: none;
      color: #333333;
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      text-transform: capitalize; }
  .outfiting-product-item .product-details-form-container {
    /* Reset Styles */
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: calc(100% - 200px);
    padding-left: 20px; }
  .outfiting-product-item .product-details-form-content {
    width: calc(100% - 140px); }
  .outfiting-product-item .button-add-to-bag {
    width: 120px;
    position: absolute;
    bottom: 80px; }
@charset "UTF-8";
/**
* Filters Section (Desktop)
**/
/**
* Filters Section (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.plp-section-container.search-from-navigation {
  /* Reset styles for search from keywords (typeahead) */ }
  .plp-section-container.search-from-navigation .breadcrum-container {
    display: inline-block;
    width: 70%;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
    position: relative; }

.plp-section-container .items-count-content {
  max-width: 30%;
  display: inline-block;
  padding-left: 15px; }

.plp-section-container .grid-container {
  margin-top: -20px; }

.plp-section-container .search-by-keywords-container {
  width: 70%;
  display: inline-block;
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }
  .plp-section-container .search-by-keywords-container .current-search {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }

.filter-and-sort-form-container {
  /* Apply Button (send information to apply filters) */ }
  .filter-and-sort-form-container .items-count-container {
    text-align: right; }
  .filter-and-sort-form-container .items-count-content {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
  .filter-and-sort-form-container .toggle-filter-button-container {
    padding: 20px 16px;
    width: calc(100% + 32px);
    position: relative;
    left: -16px;
    border-bottom: solid 1px rgba(51, 51, 51, 0.11); }
    .filter-and-sort-form-container .toggle-filter-button-container.open-filter-section {
      padding-top: 0px;
      border: 0px; }
    .filter-and-sort-form-container .toggle-filter-button-container.mobile-form-action {
      padding: 20px 2px;
      left: 0px; }
  .filter-and-sort-form-container .open-filter-section {
    /* NOTE: hacky trick to support shadow only at bottom of div */
    /* NOTE: hacky trick to support shadow only at bottom of div */
    /* NOTE: hacky trick to support shadow only at bottom of div */ }
    .filter-and-sort-form-container .open-filter-section:after, .filter-and-sort-form-container .open-filter-section:before {
      content: '';
      width: 100%;
      height: 15px;
      background-color: #ffffff;
      position: absolute;
      bottom: 0px;
      z-index: 9;
      left: 0px; }
    .filter-and-sort-form-container .open-filter-section:after {
      height: 5px;
      z-index: 8;
      -webkit-box-shadow: 0px 0px 10px 2px rgba(51, 51, 51, 0.11);
      -moz-box-shadow: 0px 0px 10px 2px rgba(51, 51, 51, 0.11);
      box-shadow: 0px 0px 10px 2px rgba(51, 51, 51, 0.11); }
  .filter-and-sort-form-container .open-filter-button {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #333333; }
    .filter-and-sort-form-container .open-filter-button.focused, .filter-and-sort-form-container .open-filter-button:focus {
      background-color: #333333; }
    .filter-and-sort-form-container .open-filter-button.pressed, .filter-and-sort-form-container .open-filter-button:active {
      background-color: #4873bb; }
    .filter-and-sort-form-container .open-filter-button.disabled, .filter-and-sort-form-container .open-filter-button:disabled {
      background-color: #999999; }
  .filter-and-sort-form-container .send-information-button {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #ca0088; }
    .filter-and-sort-form-container .send-information-button.focused, .filter-and-sort-form-container .send-information-button:focus {
      background-color: #ca0088; }
    .filter-and-sort-form-container .send-information-button.pressed, .filter-and-sort-form-container .send-information-button:active {
      background-color: #ca0088; }
    .filter-and-sort-form-container .send-information-button.disabled, .filter-and-sort-form-container .send-information-button:disabled {
      background-color: #999999; }
  .filter-and-sort-form-container .send-information-button-black {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #ca0088;
    background-color: #000000; }
    .filter-and-sort-form-container .send-information-button-black.focused, .filter-and-sort-form-container .send-information-button-black:focus {
      background-color: #ca0088; }
    .filter-and-sort-form-container .send-information-button-black.pressed, .filter-and-sort-form-container .send-information-button-black:active {
      background-color: #ca0088; }
    .filter-and-sort-form-container .send-information-button-black.disabled, .filter-and-sort-form-container .send-information-button-black:disabled {
      background-color: #999999; }
  .filter-and-sort-form-container .apply-filter-button {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #333333; }
    .filter-and-sort-form-container .apply-filter-button.focused, .filter-and-sort-form-container .apply-filter-button:focus {
      background-color: #333333; }
    .filter-and-sort-form-container .apply-filter-button.pressed, .filter-and-sort-form-container .apply-filter-button:active {
      background-color: #4873bb; }
    .filter-and-sort-form-container .apply-filter-button.disabled, .filter-and-sort-form-container .apply-filter-button:disabled {
      background-color: #999999; }
  .filter-and-sort-form-container .filter-size-and-color-container {
    position: relative; }
    .filter-and-sort-form-container .filter-size-and-color-container .clear-all-color-plp-filters,
    .filter-and-sort-form-container .filter-size-and-color-container .clear-all-size-plp-filters {
      position: absolute;
      top: 12px;
      right: 10px;
      text-decoration: underline;
      color: #707070; }

.available-filters-sorting-container {
  border-top: solid 1px rgba(51, 51, 51, 0.11);
  width: calc(100% + 32px);
  left: -16px;
  padding: 0px 16px;
  position: relative;
  margin-top: 20px; }

.filters-sorting-container {
  margin-bottom: 30px; }

.department-filter-container {
  padding: 33px 0px 46px;
  width: calc(100% + 32px);
  left: -16px;
  position: relative; }

.department-filter-title {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #333333;
  text-align: center;
  margin-bottom: 38px; }

/* Department filter, when user search from keywords */
.department-detail-container {
  display: block;
  width: 40%;
  margin: 0 auto;
  /* Reset Styles */
  /* Reset Styles */ }
  .department-detail-container .label-radio {
    padding: 0px; }
  .department-detail-container .department-detail-item {
    display: block;
    margin-bottom: 4px;
    text-align: center; }
  .department-detail-container .department-filter-title {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1.21;
    text-transform: uppercase;
    color: #333333;
    text-transform: none; }
  .department-detail-container .input-radio-icon-unchecked,
  .department-detail-container .input-radio-icon-checked {
    display: none; }
  .department-detail-container .input-radio-title {
    line-height: normal;
    display: block; }

/*
* Expanded Custom Select
*/
/* Sorter Filter */
.sorter-filter-chips, .color-detail-chips, .size-detail-chips,
.age-detail-chips,
.fit-detail-chips,
.gender-detail-chips,
.price-detail-chips,
.categories-details-chips {
  margin-top: 25px;
  /* Title */
  /* Reset's Start */
  /* Reset's End */ }
  .sorter-filter-chips > span, .color-detail-chips > span, .size-detail-chips > span,
  .age-detail-chips > span,
  .fit-detail-chips > span,
  .gender-detail-chips > span,
  .price-detail-chips > span,
  .categories-details-chips > span {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333; }
  .sorter-filter-chips.custom-select-common, .custom-select-common.color-detail-chips, .custom-select-common.size-detail-chips,
  .custom-select-common.age-detail-chips,
  .custom-select-common.fit-detail-chips,
  .custom-select-common.gender-detail-chips,
  .custom-select-common.price-detail-chips,
  .custom-select-common.categories-details-chips {
    outline: 0px; }
  .sorter-filter-chips li, .color-detail-chips li, .size-detail-chips li,
  .age-detail-chips li,
  .fit-detail-chips li,
  .gender-detail-chips li,
  .price-detail-chips li,
  .categories-details-chips li {
    display: inline-block; }
  .sorter-filter-chips .list-container, .color-detail-chips .list-container, .size-detail-chips .list-container,
  .age-detail-chips .list-container,
  .fit-detail-chips .list-container,
  .gender-detail-chips .list-container,
  .price-detail-chips .list-container,
  .categories-details-chips .list-container {
    position: relative;
    border: 0px;
    background: none; }
  .sorter-filter-chips .item-list-common, .color-detail-chips .item-list-common, .size-detail-chips .item-list-common,
  .age-detail-chips .item-list-common,
  .fit-detail-chips .item-list-common,
  .gender-detail-chips .item-list-common,
  .price-detail-chips .item-list-common,
  .categories-details-chips .item-list-common {
    max-height: none; }
  .sorter-filter-chips .item-common, .color-detail-chips .item-common, .size-detail-chips .item-common,
  .age-detail-chips .item-common,
  .fit-detail-chips .item-common,
  .gender-detail-chips .item-common,
  .price-detail-chips .item-common,
  .categories-details-chips .item-common {
    padding: 0px;
    width: auto; }
  .sorter-filter-chips .item-highlighted, .color-detail-chips .item-highlighted, .size-detail-chips .item-highlighted,
  .age-detail-chips .item-highlighted,
  .fit-detail-chips .item-highlighted,
  .gender-detail-chips .item-highlighted,
  .price-detail-chips .item-highlighted,
  .categories-details-chips .item-highlighted {
    background: none; }
  .sorter-filter-chips .sorter-filter-chips-item, .color-detail-chips .sorter-filter-chips-item, .size-detail-chips .sorter-filter-chips-item,
  .age-detail-chips .sorter-filter-chips-item,
  .fit-detail-chips .sorter-filter-chips-item,
  .gender-detail-chips .sorter-filter-chips-item,
  .price-detail-chips .sorter-filter-chips-item,
  .categories-details-chips .sorter-filter-chips-item,
  .sorter-filter-chips .age-detail-chips-item, .color-detail-chips .age-detail-chips-item, .size-detail-chips .age-detail-chips-item,
  .age-detail-chips .age-detail-chips-item,
  .fit-detail-chips .age-detail-chips-item,
  .gender-detail-chips .age-detail-chips-item,
  .price-detail-chips .age-detail-chips-item,
  .categories-details-chips .age-detail-chips-item,
  .sorter-filter-chips .gender-detail-chips-item, .color-detail-chips .gender-detail-chips-item, .size-detail-chips .gender-detail-chips-item,
  .age-detail-chips .gender-detail-chips-item,
  .fit-detail-chips .gender-detail-chips-item,
  .gender-detail-chips .gender-detail-chips-item,
  .price-detail-chips .gender-detail-chips-item,
  .categories-details-chips .gender-detail-chips-item,
  .sorter-filter-chips .fit-detail-chips-item, .color-detail-chips .fit-detail-chips-item, .size-detail-chips .fit-detail-chips-item,
  .age-detail-chips .fit-detail-chips-item,
  .fit-detail-chips .fit-detail-chips-item,
  .gender-detail-chips .fit-detail-chips-item,
  .price-detail-chips .fit-detail-chips-item,
  .categories-details-chips .fit-detail-chips-item,
  .sorter-filter-chips .size-detail-chips-item, .color-detail-chips .size-detail-chips-item, .size-detail-chips .size-detail-chips-item,
  .age-detail-chips .size-detail-chips-item,
  .fit-detail-chips .size-detail-chips-item,
  .gender-detail-chips .size-detail-chips-item,
  .price-detail-chips .size-detail-chips-item,
  .categories-details-chips .size-detail-chips-item,
  .sorter-filter-chips .price-detail-chips-item, .color-detail-chips .price-detail-chips-item, .size-detail-chips .price-detail-chips-item,
  .age-detail-chips .price-detail-chips-item,
  .fit-detail-chips .price-detail-chips-item,
  .gender-detail-chips .price-detail-chips-item,
  .price-detail-chips .price-detail-chips-item,
  .categories-details-chips .price-detail-chips-item,
  .sorter-filter-chips .categories-details-chips-item, .color-detail-chips .categories-details-chips-item, .size-detail-chips .categories-details-chips-item,
  .age-detail-chips .categories-details-chips-item,
  .fit-detail-chips .categories-details-chips-item,
  .gender-detail-chips .categories-details-chips-item,
  .price-detail-chips .categories-details-chips-item,
  .categories-details-chips .categories-details-chips-item {
    padding: 0px;
    margin: 5px;
    /* First item's list */ }
    .sorter-filter-chips .sorter-filter-chips-item:first-of-type, .color-detail-chips .sorter-filter-chips-item:first-of-type, .size-detail-chips .sorter-filter-chips-item:first-of-type,
    .age-detail-chips .sorter-filter-chips-item:first-of-type,
    .fit-detail-chips .sorter-filter-chips-item:first-of-type,
    .gender-detail-chips .sorter-filter-chips-item:first-of-type,
    .price-detail-chips .sorter-filter-chips-item:first-of-type,
    .categories-details-chips .sorter-filter-chips-item:first-of-type,
    .sorter-filter-chips .age-detail-chips-item:first-of-type, .color-detail-chips .age-detail-chips-item:first-of-type, .size-detail-chips .age-detail-chips-item:first-of-type,
    .age-detail-chips .age-detail-chips-item:first-of-type,
    .fit-detail-chips .age-detail-chips-item:first-of-type,
    .gender-detail-chips .age-detail-chips-item:first-of-type,
    .price-detail-chips .age-detail-chips-item:first-of-type,
    .categories-details-chips .age-detail-chips-item:first-of-type,
    .sorter-filter-chips .gender-detail-chips-item:first-of-type, .color-detail-chips .gender-detail-chips-item:first-of-type, .size-detail-chips .gender-detail-chips-item:first-of-type,
    .age-detail-chips .gender-detail-chips-item:first-of-type,
    .fit-detail-chips .gender-detail-chips-item:first-of-type,
    .gender-detail-chips .gender-detail-chips-item:first-of-type,
    .price-detail-chips .gender-detail-chips-item:first-of-type,
    .categories-details-chips .gender-detail-chips-item:first-of-type,
    .sorter-filter-chips .fit-detail-chips-item:first-of-type, .color-detail-chips .fit-detail-chips-item:first-of-type, .size-detail-chips .fit-detail-chips-item:first-of-type,
    .age-detail-chips .fit-detail-chips-item:first-of-type,
    .fit-detail-chips .fit-detail-chips-item:first-of-type,
    .gender-detail-chips .fit-detail-chips-item:first-of-type,
    .price-detail-chips .fit-detail-chips-item:first-of-type,
    .categories-details-chips .fit-detail-chips-item:first-of-type,
    .sorter-filter-chips .size-detail-chips-item:first-of-type, .color-detail-chips .size-detail-chips-item:first-of-type, .size-detail-chips .size-detail-chips-item:first-of-type,
    .age-detail-chips .size-detail-chips-item:first-of-type,
    .fit-detail-chips .size-detail-chips-item:first-of-type,
    .gender-detail-chips .size-detail-chips-item:first-of-type,
    .price-detail-chips .size-detail-chips-item:first-of-type,
    .categories-details-chips .size-detail-chips-item:first-of-type,
    .sorter-filter-chips .price-detail-chips-item:first-of-type, .color-detail-chips .price-detail-chips-item:first-of-type, .size-detail-chips .price-detail-chips-item:first-of-type,
    .age-detail-chips .price-detail-chips-item:first-of-type,
    .fit-detail-chips .price-detail-chips-item:first-of-type,
    .gender-detail-chips .price-detail-chips-item:first-of-type,
    .price-detail-chips .price-detail-chips-item:first-of-type,
    .categories-details-chips .price-detail-chips-item:first-of-type,
    .sorter-filter-chips .categories-details-chips-item:first-of-type, .color-detail-chips .categories-details-chips-item:first-of-type, .size-detail-chips .categories-details-chips-item:first-of-type,
    .age-detail-chips .categories-details-chips-item:first-of-type,
    .fit-detail-chips .categories-details-chips-item:first-of-type,
    .gender-detail-chips .categories-details-chips-item:first-of-type,
    .price-detail-chips .categories-details-chips-item:first-of-type,
    .categories-details-chips .categories-details-chips-item:first-of-type {
      margin-left: 0px; }
  .sorter-filter-chips .sort-title, .color-detail-chips .sort-title, .size-detail-chips .sort-title,
  .age-detail-chips .sort-title,
  .fit-detail-chips .sort-title,
  .gender-detail-chips .sort-title,
  .price-detail-chips .sort-title,
  .categories-details-chips .sort-title,
  .sorter-filter-chips .size-title, .color-detail-chips .size-title, .size-detail-chips .size-title,
  .age-detail-chips .size-title,
  .fit-detail-chips .size-title,
  .gender-detail-chips .size-title,
  .price-detail-chips .size-title,
  .categories-details-chips .size-title {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    padding: 5px 10px 2px;
    border: solid 1px #e3e3e3;
    display: inline-block; }
  .sorter-filter-chips .sorter-filter-chips-selected .sort-title, .color-detail-chips .sorter-filter-chips-selected .sort-title, .size-detail-chips .sorter-filter-chips-selected .sort-title,
  .age-detail-chips .sorter-filter-chips-selected .sort-title,
  .fit-detail-chips .sorter-filter-chips-selected .sort-title,
  .gender-detail-chips .sorter-filter-chips-selected .sort-title,
  .price-detail-chips .sorter-filter-chips-selected .sort-title,
  .categories-details-chips .sorter-filter-chips-selected .sort-title,
  .sorter-filter-chips .sorter-filter-chips-selected .size-title, .color-detail-chips .sorter-filter-chips-selected .size-title, .size-detail-chips .sorter-filter-chips-selected .size-title,
  .age-detail-chips .sorter-filter-chips-selected .size-title,
  .fit-detail-chips .sorter-filter-chips-selected .size-title,
  .gender-detail-chips .sorter-filter-chips-selected .size-title,
  .price-detail-chips .sorter-filter-chips-selected .size-title,
  .categories-details-chips .sorter-filter-chips-selected .size-title,
  .sorter-filter-chips .price-detail-chips-selected .sort-title, .color-detail-chips .price-detail-chips-selected .sort-title, .size-detail-chips .price-detail-chips-selected .sort-title,
  .age-detail-chips .price-detail-chips-selected .sort-title,
  .fit-detail-chips .price-detail-chips-selected .sort-title,
  .gender-detail-chips .price-detail-chips-selected .sort-title,
  .price-detail-chips .price-detail-chips-selected .sort-title,
  .categories-details-chips .price-detail-chips-selected .sort-title,
  .sorter-filter-chips .price-detail-chips-selected .size-title, .color-detail-chips .price-detail-chips-selected .size-title, .size-detail-chips .price-detail-chips-selected .size-title,
  .age-detail-chips .price-detail-chips-selected .size-title,
  .fit-detail-chips .price-detail-chips-selected .size-title,
  .gender-detail-chips .price-detail-chips-selected .size-title,
  .price-detail-chips .price-detail-chips-selected .size-title,
  .categories-details-chips .price-detail-chips-selected .size-title,
  .sorter-filter-chips .age-detail-chips-selected .sort-title, .color-detail-chips .age-detail-chips-selected .sort-title, .size-detail-chips .age-detail-chips-selected .sort-title,
  .age-detail-chips .age-detail-chips-selected .sort-title,
  .fit-detail-chips .age-detail-chips-selected .sort-title,
  .gender-detail-chips .age-detail-chips-selected .sort-title,
  .price-detail-chips .age-detail-chips-selected .sort-title,
  .categories-details-chips .age-detail-chips-selected .sort-title,
  .sorter-filter-chips .age-detail-chips-selected .size-title, .color-detail-chips .age-detail-chips-selected .size-title, .size-detail-chips .age-detail-chips-selected .size-title,
  .age-detail-chips .age-detail-chips-selected .size-title,
  .fit-detail-chips .age-detail-chips-selected .size-title,
  .gender-detail-chips .age-detail-chips-selected .size-title,
  .price-detail-chips .age-detail-chips-selected .size-title,
  .categories-details-chips .age-detail-chips-selected .size-title,
  .sorter-filter-chips .fit-detail-chips-selected .sort-title, .color-detail-chips .fit-detail-chips-selected .sort-title, .size-detail-chips .fit-detail-chips-selected .sort-title,
  .age-detail-chips .fit-detail-chips-selected .sort-title,
  .fit-detail-chips .fit-detail-chips-selected .sort-title,
  .gender-detail-chips .fit-detail-chips-selected .sort-title,
  .price-detail-chips .fit-detail-chips-selected .sort-title,
  .categories-details-chips .fit-detail-chips-selected .sort-title,
  .sorter-filter-chips .fit-detail-chips-selected .size-title, .color-detail-chips .fit-detail-chips-selected .size-title, .size-detail-chips .fit-detail-chips-selected .size-title,
  .age-detail-chips .fit-detail-chips-selected .size-title,
  .fit-detail-chips .fit-detail-chips-selected .size-title,
  .gender-detail-chips .fit-detail-chips-selected .size-title,
  .price-detail-chips .fit-detail-chips-selected .size-title,
  .categories-details-chips .fit-detail-chips-selected .size-title,
  .sorter-filter-chips .gender-detail-chips-selected .sort-title, .color-detail-chips .gender-detail-chips-selected .sort-title, .size-detail-chips .gender-detail-chips-selected .sort-title,
  .age-detail-chips .gender-detail-chips-selected .sort-title,
  .fit-detail-chips .gender-detail-chips-selected .sort-title,
  .gender-detail-chips .gender-detail-chips-selected .sort-title,
  .price-detail-chips .gender-detail-chips-selected .sort-title,
  .categories-details-chips .gender-detail-chips-selected .sort-title,
  .sorter-filter-chips .gender-detail-chips-selected .size-title, .color-detail-chips .gender-detail-chips-selected .size-title, .size-detail-chips .gender-detail-chips-selected .size-title,
  .age-detail-chips .gender-detail-chips-selected .size-title,
  .fit-detail-chips .gender-detail-chips-selected .size-title,
  .gender-detail-chips .gender-detail-chips-selected .size-title,
  .price-detail-chips .gender-detail-chips-selected .size-title,
  .categories-details-chips .gender-detail-chips-selected .size-title,
  .sorter-filter-chips .size-detail-chips-selected .sort-title, .color-detail-chips .size-detail-chips-selected .sort-title, .size-detail-chips .size-detail-chips-selected .sort-title,
  .age-detail-chips .size-detail-chips-selected .sort-title,
  .fit-detail-chips .size-detail-chips-selected .sort-title,
  .gender-detail-chips .size-detail-chips-selected .sort-title,
  .price-detail-chips .size-detail-chips-selected .sort-title,
  .categories-details-chips .size-detail-chips-selected .sort-title,
  .sorter-filter-chips .size-detail-chips-selected .size-title, .color-detail-chips .size-detail-chips-selected .size-title, .size-detail-chips .size-detail-chips-selected .size-title,
  .age-detail-chips .size-detail-chips-selected .size-title,
  .fit-detail-chips .size-detail-chips-selected .size-title,
  .gender-detail-chips .size-detail-chips-selected .size-title,
  .price-detail-chips .size-detail-chips-selected .size-title,
  .categories-details-chips .size-detail-chips-selected .size-title {
    background: #333333;
    color: #ffffff;
    border: solid 1px #333333; }

/* Color Filter */
.color-detail-chips {
  margin-top: 10px; }
  .color-detail-chips .color-detail-chips-item {
    margin-right: 5px; }
  .color-detail-chips .color-chip {
    width: 30px;
    height: 30px;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    /* First item's list */ }
    .color-detail-chips .color-chip:first-of-type {
      margin-left: 0px; }
  .color-detail-chips .color-detail-chips-selected {
    /* Color selected */ }
    .color-detail-chips .color-detail-chips-selected .color-chip {
      border: solid 2px #333333; }

/* Size Filter */
.size-detail-chips,
.age-detail-chips,
.fit-detail-chips,
.gender-detail-chips,
.price-detail-chips,
.categories-details-chips {
  margin-top: 10px; }

/*
 * DT-33014
 * ALL AB TEST STYLES BELOW
 */
.new-filter-and-sort-form-container {
  /* Styles for FILTER toggle button */
  /* Styles for SORT BY dropdown */
  /* Styles for department filters */
  /* Styles for accordions */
  /* Styles for Category, Color, and Size filters */
  /* Styles for selected Size and Color filters */
  /* Styles for Color and Size "Clear All" buttons */
  /* Styles for applied filters */
  /* Only show applied filters when accordion is collapsed */
  /* Styles for "DONE" and "CLEAR ALL" buttons */
  /* Styles to expand/collapse list of available filters */
  /* Styles for items count */ }
  .new-filter-and-sort-form-container .filters-sorting-container {
    margin-bottom: 0; }
  .new-filter-and-sort-form-container .available-filters-sorting-container {
    width: 100%;
    margin: 0;
    padding: 0;
    left: auto;
    border-top: 0; }
  .new-filter-and-sort-form-container .new-mobile-filter-container {
    display: inline-flex;
    width: 100%; }
  .new-filter-and-sort-form-container .toggle-filter-button-container {
    width: 100%;
    left: 0;
    padding: 15px 0 5px;
    border: 0; }
    .new-filter-and-sort-form-container .toggle-filter-button-container .open-filter-button:after, .new-filter-and-sort-form-container .toggle-filter-button-container .open-filter-button:before {
      content: '';
      position: absolute;
      width: 9px;
      height: 2px;
      border-radius: 15px;
      background: #333333;
      display: inline-block;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      right: 6px;
      bottom: 16px; }
    .new-filter-and-sort-form-container .toggle-filter-button-container .open-filter-button:after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      right: 0.5px; }
    .new-filter-and-sort-form-container .toggle-filter-button-container .open-filter-button:before {
      right: 22px;
      background: #ffffff; }
    .new-filter-and-sort-form-container .toggle-filter-button-container .open-filter-button:after {
      right: 17.5px;
      background: #ffffff; }
    .new-filter-and-sort-form-container .toggle-filter-button-container .open-filter-button-expanded {
      background: #CA0088; }
      .new-filter-and-sort-form-container .toggle-filter-button-container .open-filter-button-expanded:before {
        transform: rotate(135deg); }
      .new-filter-and-sort-form-container .toggle-filter-button-container .open-filter-button-expanded:after {
        transform: rotate(-135deg); }
  .new-filter-and-sort-form-container .sorter-filter {
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    padding: 15px 0 5px;
    margin-left: 5px; }
    .new-filter-and-sort-form-container .sorter-filter .item-selected {
      background: #838383; }
    .new-filter-and-sort-form-container .sorter-filter .list-container {
      background: #fff;
      border: 0;
      box-shadow: 0px 3px 10px #999999; }
    .new-filter-and-sort-form-container .sorter-filter .custom-select-button {
      font-family: 'Avenir';
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      text-transform: uppercase;
      display: block;
      color: #ffffff;
      text-align: center;
      padding: 0 10px;
      border: 0;
      height: 34px;
      line-height: 36px;
      background: #333333;
      margin: 0px; }
      .new-filter-and-sort-form-container .sorter-filter .custom-select-button span:first-child {
        display: block; }
      .new-filter-and-sort-form-container .sorter-filter .custom-select-button:before {
        right: 22px;
        background: #ffffff; }
      .new-filter-and-sort-form-container .sorter-filter .custom-select-button:after {
        right: 17.5px;
        background: #ffffff; }
    .new-filter-and-sort-form-container .sorter-filter .sorter-filter-button {
      background: #CA0088; }
      .new-filter-and-sort-form-container .sorter-filter .sorter-filter-button:before {
        transform: rotate(135deg); }
      .new-filter-and-sort-form-container .sorter-filter .sorter-filter-button:after {
        transform: rotate(-135deg); }
    .new-filter-and-sort-form-container .sorter-filter span:first-child {
      display: none; }
    .new-filter-and-sort-form-container .sorter-filter .sorter-filter-item span:first-child {
      display: block; }
  .new-filter-and-sort-form-container .department-filter-container {
    padding: 0; }
    .new-filter-and-sort-form-container .department-filter-container .department-detail-container {
      width: 75%; }
    .new-filter-and-sort-form-container .department-filter-container .department-filter-title {
      margin: 20px 0;
      text-transform: uppercase; }
    .new-filter-and-sort-form-container .department-filter-container .department-detail-items-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
    .new-filter-and-sort-form-container .department-filter-container .department-detail-item {
      width: 49%;
      height: 32px;
      margin-bottom: 6px;
      border: solid 1px #838383; }
      .new-filter-and-sort-form-container .department-filter-container .department-detail-item .department-filter-title {
        font-family: 'Avenir';
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        text-decoration: none;
        font-size: 12px;
        line-height: 32px; }
    .new-filter-and-sort-form-container .department-filter-container .department-detail-item.item-selected-option {
      border: 0;
      background: #838383; }
      .new-filter-and-sort-form-container .department-filter-container .department-detail-item.item-selected-option .department-filter-title {
        color: #fff; }
  .new-filter-and-sort-form-container .accordion-filters-list {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #e3e3e3; }
    .new-filter-and-sort-form-container .accordion-filters-list .accordion-toggle {
      top: 26px;
      left: 10px;
      right: auto; }
      .new-filter-and-sort-form-container .accordion-filters-list .accordion-toggle:before {
        display: inline-block;
        font-family: "icons";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        content: "\F12D"; }
      .new-filter-and-sort-form-container .accordion-filters-list .accordion-toggle:before {
        border: none;
        font-size: 16px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); }
    .new-filter-and-sort-form-container .accordion-filters-list.accordion-expanded .accordion-toggle:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F12B"; }
    .new-filter-and-sort-form-container .accordion-filters-list .accordion-button-toggle {
      font-family: 'Avenir';
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      padding: 0;
      text-align: center;
      text-transform: uppercase;
      line-height: 15px; }
    .new-filter-and-sort-form-container .accordion-filters-list .accordion-title {
      display: block;
      padding: 20px 0; }
    .new-filter-and-sort-form-container .accordion-filters-list .accordion-element {
      margin-top: 0;
      padding: 0; }
  .new-filter-and-sort-form-container .accordion-filters-list .custom-select-common {
    margin-top: 0;
    /* Category columns need to be wider to account for longer filter names */
    /* Colors are right aligned to prevent long names and images from overlapping */ }
    .new-filter-and-sort-form-container .accordion-filters-list .custom-select-common .item-list-common {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 10px; }
    .new-filter-and-sort-form-container .accordion-filters-list .custom-select-common li {
      display: block;
      width: 33%; }
    .new-filter-and-sort-form-container .accordion-filters-list .custom-select-common .categories-details-chips-items-list li {
      width: 50%; }
    .new-filter-and-sort-form-container .accordion-filters-list .custom-select-common .price-detail-chips-items-list li {
      width: 50%; }
    .new-filter-and-sort-form-container .accordion-filters-list .custom-select-common .age-detail-chips-items-list li {
      width: 50%; }
    .new-filter-and-sort-form-container .accordion-filters-list .custom-select-common .fit-detail-chips-items-list li {
      width: 50%; }
    .new-filter-and-sort-form-container .accordion-filters-list .custom-select-common .gender-detail-chips-items-list li {
      width: 50%; }
    .new-filter-and-sort-form-container .accordion-filters-list .custom-select-common .item-common {
      margin: 0 2px 4px; }
    .new-filter-and-sort-form-container .accordion-filters-list .custom-select-common .color-detail-chips-item {
      margin-bottom: 5px; }
    .new-filter-and-sort-form-container .accordion-filters-list .custom-select-common .size-title,
    .new-filter-and-sort-form-container .accordion-filters-list .custom-select-common .color-title {
      font-family: 'Avenir';
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      display: block;
      height: 32px;
      padding: 0;
      font-size: 11px;
      line-height: 32px;
      text-align: center;
      text-transform: uppercase;
      border: solid 1px #838383; }
    .new-filter-and-sort-form-container .accordion-filters-list .custom-select-common .color-title {
      text-align: right;
      padding: 0 5px 0 0; }
    .new-filter-and-sort-form-container .accordion-filters-list .custom-select-common .color-detail-chips-highlighted:not(.color-detail-chips-selected) .color-name {
      color: #333333; }
    .new-filter-and-sort-form-container .accordion-filters-list .custom-select-common .color-chip {
      position: absolute;
      left: 5px;
      top: 50%;
      transform: translateY(-50%);
      width: 15px;
      height: 15px;
      border: solid 1px #333333;
      overflow: hidden; }
  .new-filter-and-sort-form-container .color-detail-chips-selected,
  .new-filter-and-sort-form-container .price-detail-chips-selected .size-title,
  .new-filter-and-sort-form-container .age-detail-chips-selected .size-title,
  .new-filter-and-sort-form-container .fit-detail-chips-selected .size-title,
  .new-filter-and-sort-form-container .gender-detail-chips-selected .size-title,
  .new-filter-and-sort-form-container .size-detail-chips-selected .size-title {
    background: #838383;
    border: 0;
    color: #fff; }
    .new-filter-and-sort-form-container .color-detail-chips-selected .color-name,
    .new-filter-and-sort-form-container .price-detail-chips-selected .size-title .color-name,
    .new-filter-and-sort-form-container .age-detail-chips-selected .size-title .color-name,
    .new-filter-and-sort-form-container .fit-detail-chips-selected .size-title .color-name,
    .new-filter-and-sort-form-container .gender-detail-chips-selected .size-title .color-name,
    .new-filter-and-sort-form-container .size-detail-chips-selected .size-title .color-name {
      color: #fff; }
    .new-filter-and-sort-form-container .color-detail-chips-selected .color-chip,
    .new-filter-and-sort-form-container .price-detail-chips-selected .size-title .color-chip,
    .new-filter-and-sort-form-container .age-detail-chips-selected .size-title .color-chip,
    .new-filter-and-sort-form-container .fit-detail-chips-selected .size-title .color-chip,
    .new-filter-and-sort-form-container .gender-detail-chips-selected .size-title .color-chip,
    .new-filter-and-sort-form-container .size-detail-chips-selected .size-title .color-chip {
      border: 0; }
  .new-filter-and-sort-form-container .accordion-filters-list .clear-all-color-plp-filters,
  .new-filter-and-sort-form-container .accordion-filters-list .clear-all-size-plp-filters {
    display: none;
    position: absolute;
    top: 20px;
    right: 10px;
    text-decoration: underline; }
  .new-filter-and-sort-form-container .accordion-filters-list.accordion-expanded .clear-all-color-plp-filters,
  .new-filter-and-sort-form-container .accordion-filters-list.accordion-expanded .clear-all-size-plp-filters {
    display: block; }
  .new-filter-and-sort-form-container .applied-filters-list-container {
    margin-bottom: 10px; }
    .new-filter-and-sort-form-container .applied-filters-list-container .applied-filters-sorting-container {
      width: 100%;
      left: auto; }
    .new-filter-and-sort-form-container .applied-filters-list-container .applied-filter-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding: 0;
      border: 0;
      text-align: center; }
    .new-filter-and-sort-form-container .applied-filters-list-container .applied-filters-list-title,
    .new-filter-and-sort-form-container .applied-filters-list-container .applied-filter-title {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 12px;
      text-transform: capitalize;
      text-align: center;
      color: #838383; }
    .new-filter-and-sort-form-container .applied-filters-list-container .applied-filters-list-title {
      margin-bottom: 5px; }
    .new-filter-and-sort-form-container .applied-filters-list-container .applied-filter-title {
      margin: 0 0 0 5px;
      line-height: 20px; }
    .new-filter-and-sort-form-container .applied-filters-list-container .applied-filter-item {
      min-width: calc(25% - 4px);
      height: 20px;
      margin: 0 2px 5px;
      padding: 0 10px;
      background: transparent;
      border: solid 1px #838383; }
    .new-filter-and-sort-form-container .applied-filters-list-container .applied-filter-remove-button {
      background: transparent;
      padding: 5px; }
      .new-filter-and-sort-form-container .applied-filters-list-container .applied-filter-remove-button:before, .new-filter-and-sort-form-container .applied-filters-list-container .applied-filter-remove-button:after {
        background: #838383; }
    .new-filter-and-sort-form-container .applied-filters-list-container .applied-filter-color-chip {
      display: none; }
    .new-filter-and-sort-form-container .applied-filters-list-container.department-filter-applied-filters-list {
      margin: 0;
      padding: 20px 0;
      border-bottom: solid 1px #e3e3e3; }
  .new-filter-and-sort-form-container .accordion-button-toggle .applied-filters-list-container {
    margin-top: -10px; }
  .new-filter-and-sort-form-container .accordion-filters-list.accordion-expanded .applied-filters-list-container {
    display: none; }
  .new-filter-and-sort-form-container .mobile-form-action-button-container {
    display: flex; }
    .new-filter-and-sort-form-container .mobile-form-action-button-container .mobile-form-action {
      padding: 20px 0; }
    .new-filter-and-sort-form-container .mobile-form-action-button-container div:last-of-type {
      margin-left: 5px; }
    .new-filter-and-sort-form-container .mobile-form-action-button-container .send-information-button-black {
      background: #fff;
      border: solid 1px #333333;
      color: #333333; }
      .new-filter-and-sort-form-container .mobile-form-action-button-container .send-information-button-black:disabled {
        color: #BBBBBB;
        border-color: #BBBBBB; }
  .new-filter-and-sort-form-container .item-list-common.item-list-collapsible {
    height: 70px;
    overflow: hidden; }
  .new-filter-and-sort-form-container .item-list-common.item-list-collapsible-expanded {
    height: auto; }
  .new-filter-and-sort-form-container .expand-filters-toggle-button,
  .new-filter-and-sort-form-container .collapse-filters-toggle-button {
    display: block;
    margin: 0 auto 20px;
    text-decoration: underline; }
    .new-filter-and-sort-form-container .expand-filters-toggle-button:after, .new-filter-and-sort-form-container .expand-filters-toggle-button:before,
    .new-filter-and-sort-form-container .collapse-filters-toggle-button:after,
    .new-filter-and-sort-form-container .collapse-filters-toggle-button:before {
      content: '';
      position: absolute;
      width: 9px;
      height: 2px;
      border-radius: 15px;
      background: #333333;
      display: inline-block;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      right: 6px;
      bottom: 16px; }
    .new-filter-and-sort-form-container .expand-filters-toggle-button:after,
    .new-filter-and-sort-form-container .collapse-filters-toggle-button:after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      right: 0.5px; }
    .new-filter-and-sort-form-container .expand-filters-toggle-button:before, .new-filter-and-sort-form-container .expand-filters-toggle-button:after,
    .new-filter-and-sort-form-container .collapse-filters-toggle-button:before,
    .new-filter-and-sort-form-container .collapse-filters-toggle-button:after {
      bottom: 10px; }
    .new-filter-and-sort-form-container .expand-filters-toggle-button:before,
    .new-filter-and-sort-form-container .collapse-filters-toggle-button:before {
      right: calc(50% - 2px); }
    .new-filter-and-sort-form-container .expand-filters-toggle-button:after,
    .new-filter-and-sort-form-container .collapse-filters-toggle-button:after {
      right: calc(50% - 8px); }
  .new-filter-and-sort-form-container .collapse-filters-toggle-button {
    margin: 10px auto; }
    .new-filter-and-sort-form-container .collapse-filters-toggle-button:before, .new-filter-and-sort-form-container .collapse-filters-toggle-button:after {
      bottom: 28px; }
    .new-filter-and-sort-form-container .collapse-filters-toggle-button:before {
      transform: rotate(135deg); }
    .new-filter-and-sort-form-container .collapse-filters-toggle-button:after {
      transform: rotate(-135deg); }
  .new-filter-and-sort-form-container .items-count-content {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
    .new-filter-and-sort-form-container .items-count-content .items-count-content-number {
      font-family: 'Avenir';
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 20px; }

/* Styles for breadcrumbs and search keyword text */
.new-plp-section-container .grid-container {
  margin-top: -30px; }

.new-plp-section-container .search-by-keywords-content {
  font-size: 12px; }

.new-plp-section-container .current-search {
  font-family: 'Avenir';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  display: block;
  font-size: 20px; }

.new-plp-section-container.search-result-container p:last-of-type {
  display: block; }

.new-plp-section-container.search-result-container .breadcrum-item,
.new-plp-section-container.search-result-container .breadcrum-last-item {
  font-family: 'Avenir';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none; }

.new-plp-section-container.search-result-container .breadcrum-last-item {
  font-size: 20px;
  color: #333333; }

.plp-section-container.search-from-navigation {
  /* Reset styles for search from keywords (typeahead) */ }
  .plp-section-container.search-from-navigation .breadcrum-container {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 10px; }
    .plp-section-container.search-from-navigation .breadcrum-container:after {
      content: '';
      width: 173px;
      /* width: 183px, but margin-rigth needs 20px */
      height: 1px;
      display: inline-block;
      background: rgba(51, 51, 51, 0.11);
      position: absolute;
      left: 0px;
      bottom: 0px; }
  .plp-section-container.search-from-navigation .grid-container {
    margin-top: -53px; }

.plp-section-container .search-by-keywords-container {
  width: 100%; }

.plp-section-container .items-count-content {
  max-width: 100%; }

.filter-and-sort-form-container {
  margin-bottom: 0px; }
  .filter-and-sort-form-container .loading-more-product {
    margin-top: 20px; }

/* Item's count */
.items-count-container {
  width: 100%;
  display: inline-block; }
  .items-count-container .items-count-content {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    text-align: right;
    display: block; }
  .items-count-container .show-all-button {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #999999;
    text-decoration: underline;
    float: right; }

/* Filters and sorting section, container of available filters and added filters item */
.available-filters-sorting-container {
  border-top: 0px;
  width: 100%;
  left: auto;
  padding: 0px;
  position: relative;
  margin-top: 0px;
  padding: 10px 0px 0px;
  /* Availables filter's title */ }
  .available-filters-sorting-container .filter-title, .available-filters-sorting-container .filtering-title,
  .available-filters-sorting-container .sorter-filter > span {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #999999;
    text-transform: none;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle; }
  .available-filters-sorting-container .filtering-title {
    width: 70px;
    margin-top: 7px; }

/* Only available filters */
.filters-sorting-container {
  width: 100%;
  padding: 20px 0px;
  border-top: solid 1px #e3e3e3;
  border-bottom: solid 1px #e3e3e3;
  margin-bottom: 0px;
  /* Size-Range or Age dropdown filter */
  /* Size dropdown filter */
  /* Color multi-dropdown filter */
  /* Reset Custom Select's styles */
  /* Color Chip and name as tooltip, item of color's dropdown */
  /* Color Chip */
  /* Selected item */
  /* NOTE: Both filters */
  /* Sorter dropdown filter */
  /* Department filter, when user search from keywords */ }
  .filters-sorting-container .size-range-detail {
    vertical-align: middle;
    width: auto;
    margin-right: 20px;
    /* Button */
    /* Reset Styles */ }
    .filters-sorting-container .size-range-detail .custom-select-button {
      width: 93px; }
    .filters-sorting-container .size-range-detail.categories-detail {
      /* Button */ }
      .filters-sorting-container .size-range-detail.categories-detail .custom-select-button {
        width: 100px;
        margin-right: 0px; }
    .filters-sorting-container .size-range-detail .item-common {
      padding: 5px; }
    .filters-sorting-container .size-range-detail .item-highlighted {
      background: transparent; }
      .filters-sorting-container .size-range-detail .item-highlighted .size-title {
        color: #333333; }
    .filters-sorting-container .size-range-detail .item-highlighted.item-selected {
      background: #333333; }
      .filters-sorting-container .size-range-detail .item-highlighted.item-selected .size-title {
        color: #ffffff; }
    .filters-sorting-container .size-range-detail .item-selected {
      background: #333333; }
      .filters-sorting-container .size-range-detail .item-selected .size-title {
        color: #ffffff; }
  .filters-sorting-container .size-detail {
    vertical-align: middle;
    width: auto;
    margin-right: 20px;
    /* Button */
    /* Reset Styles */ }
    .filters-sorting-container .size-detail .custom-select-button {
      width: 79px; }
    .filters-sorting-container .size-detail.categories-detail {
      /* Button */ }
      .filters-sorting-container .size-detail.categories-detail .custom-select-button {
        width: 100px;
        margin-right: 0px; }
    .filters-sorting-container .size-detail .item-common {
      padding: 5px; }
    .filters-sorting-container .size-detail .item-highlighted {
      background: transparent; }
      .filters-sorting-container .size-detail .item-highlighted .size-title {
        color: #333333; }
    .filters-sorting-container .size-detail .item-highlighted.item-selected {
      background: #333333; }
      .filters-sorting-container .size-detail .item-highlighted.item-selected .size-title {
        color: #ffffff; }
    .filters-sorting-container .size-detail .item-selected {
      background: #333333; }
      .filters-sorting-container .size-detail .item-selected .size-title {
        color: #ffffff; }
  .filters-sorting-container .color-detail {
    vertical-align: middle;
    width: auto;
    /* Button */ }
    .filters-sorting-container .color-detail .list-container {
      width: 500%; }
      .filters-sorting-container .color-detail .list-container .item-list-common {
        overflow: visible; }
    .filters-sorting-container .color-detail .custom-select-button {
      width: 70px; }
    .filters-sorting-container .color-detail .item-common {
      padding: 0px; }
    .filters-sorting-container .color-detail li {
      padding-right: 30px;
      width: auto; }
      .filters-sorting-container .color-detail li:last-of-type {
        padding-right: 10px; }
  .filters-sorting-container .color-detail-item.item-common {
    overflow: visible; }
  .filters-sorting-container .color-chip {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    position: relative; }
  .filters-sorting-container .color-name {
    display: none;
    background: #ffffff;
    padding: 3px 5px;
    position: absolute;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -15px;
    z-index: 2;
    color: #666666; }
    .filters-sorting-container .color-name:before {
      content: '';
      width: 10px;
      height: 10px;
      background: #ffffff;
      position: absolute;
      top: -5px;
      display: inline-block;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      left: calc(50% - 5px);
      right: calc(50% - 5px);
      z-index: -1; }
  .filters-sorting-container .color-detail-selected {
    background: none;
    /* Color selected */
    /* Name as tooltip */ }
    .filters-sorting-container .color-detail-selected .color-chip {
      border: solid 2px #333333; }
    .filters-sorting-container .color-detail-selected .color-name {
      display: block; }
  .filters-sorting-container .size-detail,
  .filters-sorting-container .size-range-detail .color-detail {
    /* Reset Styles */
    /* NOTE: I'll enhance this */
    /* Dropdown */ }
    .filters-sorting-container .size-detail .item-highlighted,
    .filters-sorting-container .size-range-detail .color-detail .item-highlighted {
      background: transparent;
      color: inherit; }
    .filters-sorting-container .size-detail.categories-detail,
    .filters-sorting-container .size-range-detail .color-detail.categories-detail {
      /* Dropdown */ }
      .filters-sorting-container .size-detail.categories-detail .list-container .item-list-common,
      .filters-sorting-container .size-range-detail .color-detail.categories-detail .list-container .item-list-common {
        margin-bottom: 0px; }
      .filters-sorting-container .size-detail.categories-detail .list-container li:last-of-type,
      .filters-sorting-container .size-range-detail .color-detail.categories-detail .list-container li:last-of-type {
        float: left;
        position: relative;
        right: auto;
        bottom: auto;
        z-index: 3; }
        .filters-sorting-container .size-detail.categories-detail .list-container li:last-of-type .item-common,
        .filters-sorting-container .size-range-detail .color-detail.categories-detail .list-container li:last-of-type .item-common {
          padding: 5px;
          display: block; }
    .filters-sorting-container .size-detail .list-container,
    .filters-sorting-container .size-range-detail .color-detail .list-container {
      max-width: none;
      border: 0px;
      border-top: solid 1px #333333;
      -webkit-box-shadow: inset 0px 0px 0px 2px #4873bb;
      -moz-box-shadow: inset 0px 0px 0px 2px #4873bb;
      box-shadow: inset 0px 0px 0px 2px #4873bb;
      padding: 10px;
      margin-top: -1px; }
      .filters-sorting-container .size-detail .list-container .item-list-common,
      .filters-sorting-container .size-range-detail .color-detail .list-container .item-list-common {
        width: 100%;
        margin-bottom: 45px;
        display: inline-block;
        position: static; }
      .filters-sorting-container .size-detail .list-container li,
      .filters-sorting-container .size-range-detail .color-detail .list-container li {
        float: left; }
        .filters-sorting-container .size-detail .list-container li:last-of-type,
        .filters-sorting-container .size-range-detail .color-detail .list-container li:last-of-type {
          float: none;
          position: absolute;
          right: 0px;
          bottom: 10px;
          z-index: 3; }
          .filters-sorting-container .size-detail .list-container li:last-of-type .item-common,
          .filters-sorting-container .size-range-detail .color-detail .list-container li:last-of-type .item-common {
            padding: 0px;
            display: block; }
      .filters-sorting-container .size-detail .list-container .item-common,
      .filters-sorting-container .size-range-detail .color-detail .list-container .item-common {
        display: inline-block;
        width: auto;
        line-height: normal;
        display: block; }
  .filters-sorting-container .size-detail {
    /* NOTE: I'll enhance this */ }
    .filters-sorting-container .size-detail.categories-detail .list-container {
      width: 500%; }
    .filters-sorting-container .size-detail .list-container {
      width: 700%;
      padding-bottom: 5px; }
      .filters-sorting-container .size-detail .list-container .item-list-common {
        display: block; }
      .filters-sorting-container .size-detail .list-container .item-common {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 5px; }
      .filters-sorting-container .size-detail .list-container li {
        width: 25%;
        padding-right: 10px; }
      .filters-sorting-container .size-detail .list-container .size-detail-selected.color-filter-chip {
        background: transparent;
        overflow: visible; }
        .filters-sorting-container .size-detail .list-container .size-detail-selected.color-filter-chip .color-name {
          display: block;
          background: white;
          left: 22px;
          top: 33px; }
  .filters-sorting-container .size-range-detail {
    /* NOTE: I'll enhance this */ }
    .filters-sorting-container .size-range-detail.categories-detail .list-container {
      width: 500%; }
    .filters-sorting-container .size-range-detail .list-container {
      width: 560%;
      padding-bottom: 5px; }
      .filters-sorting-container .size-range-detail .list-container .item-list-common {
        display: block; }
      .filters-sorting-container .size-range-detail .list-container .item-common {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 5px; }
      .filters-sorting-container .size-range-detail .list-container li {
        width: 25%;
        padding: 6px;
        padding-right: 10px; }
  .filters-sorting-container .sorter-filter {
    vertical-align: middle;
    width: auto;
    float: right;
    display: -webkit-flex;
    display: flex;
    position: relative;
    /* Specific "Sort by" title */
    /* Button */
    /* Dropdown list */ }
    .filters-sorting-container .sorter-filter > span {
      display: inline-block;
      width: auto;
      -webkit-align-self: center;
      align-self: center; }
    .filters-sorting-container .sorter-filter .custom-select-button {
      width: 111px; }
    .filters-sorting-container .sorter-filter .sort-item-selected {
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
      padding-right: 17px; }
    .filters-sorting-container .sorter-filter .list-container {
      top: 30px;
      right: 0px;
      border: 0px;
      border-top: solid 1px #333333;
      -webkit-box-shadow: inset 0px 0px 0px 2px #4873bb;
      -moz-box-shadow: inset 0px 0px 0px 2px #4873bb;
      box-shadow: inset 0px 0px 0px 2px #4873bb;
      padding: 2px;
      margin-top: -1px; }
  .filters-sorting-container .department-detail-container {
    width: auto;
    max-width: 50%;
    display: inline-block;
    vertical-align: top;
    /* Reset Styles */
    /* Reset Styles */ }
    .filters-sorting-container .department-detail-container .label-radio {
      padding: 0px; }
    .filters-sorting-container .department-detail-container .department-detail-item {
      cursor: pointer;
      margin-right: 20px;
      display: inline-block;
      text-align: left; }
    .filters-sorting-container .department-detail-container .department-filter-title {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.53;
      color: #333333;
      font-family: 'Avenir';
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      text-transform: capitalize; }
    .filters-sorting-container .department-detail-container .input-radio-icon-unchecked,
    .filters-sorting-container .department-detail-container .input-radio-icon-checked {
      display: none; }
    .filters-sorting-container .department-detail-container .input-radio-title {
      line-height: normal;
      display: block; }
@charset "UTF-8";
/**
* Added Filter List (Desktop)
**/
/**
* Added Filter List (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Only applied filters */
.applied-filters-sorting-container {
  width: calc(100% + 32px);
  left: -16px;
  position: relative;
  /* Applied Filter Item */
  /* Remove Button (Icon) */
  /* Filter's Name */ }
  .applied-filters-sorting-container .applied-filter-list {
    padding: 16px 16px 14px;
    border-bottom: solid 1px rgba(51, 51, 51, 0.11); }
    .applied-filters-sorting-container .applied-filter-list:empty {
      display: none; }
  .applied-filters-sorting-container .applied-filter-item {
    padding: 5px 10px;
    background: #333333;
    margin-bottom: 5px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle; }
    .applied-filters-sorting-container .applied-filter-item:last-of-type {
      margin-right: 0px; }
  .applied-filters-sorting-container .applied-filter-remove-button {
    font-size: 0px;
    position: relative;
    padding: 10px;
    background: #999999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
    overflow: hidden; }
    .applied-filters-sorting-container .applied-filter-remove-button:before, .applied-filters-sorting-container .applied-filter-remove-button:after {
      content: '';
      position: relative;
      display: block;
      background: #333333;
      margin: auto; }
    .applied-filters-sorting-container .applied-filter-remove-button:before {
      position: absolute;
      width: 10px;
      height: 2px;
      background-color: #333333;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .applied-filters-sorting-container .applied-filter-remove-button:after {
      position: absolute;
      height: 10px;
      width: 2px;
      background-color: #333333;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .applied-filters-sorting-container .applied-filter-remove-button:after, .applied-filters-sorting-container .applied-filter-remove-button:before {
      background: #ffffff; }
  .applied-filters-sorting-container .applied-filter-title {
    display: inline-block;
    margin-left: 10px;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #ffffff;
    text-transform: none; }
  .applied-filters-sorting-container .applied-filter-color-chip {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: 10px; }
  .applied-filters-sorting-container + .department-filter-title {
    margin-top: 20px; }

/* Only applied filters */
.applied-filters-sorting-container {
  width: 100%;
  padding: 20px 0px 15px;
  left: auto;
  border-top: 0px;
  border-bottom: solid 1px #e3e3e3;
  margin: 0px;
  display: -webkit-flex;
  display: flex;
  /* Applied Filter Container */ }
  .applied-filters-sorting-container .applied-filter-list {
    position: relative;
    width: calc(100% - 70px);
    padding: 0px;
    border-bottom: 0px; }
@charset "UTF-8";
/**
** Product PLP Desktop
**/
/**
** Product PLP Mobile
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.plp-section-container .item-container {
  padding: 8px 16px 16px; }
  .plp-section-container .item-container.outfit-container {
    margin-bottom: 60px; }

.plp-section-container .item-product-recomendation {
  width: 100%;
  height: auto;
  max-width: none; }

.plp-section-container .ranking-wrapper {
  margin-bottom: 12px;
  display: block !important; }

.plp-section-container .ranking-container {
  margin-top: -2px;
  overflow: visible;
  height: auto;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative; }

.plp-section-container .custom-ranking-container {
  margin-top: -2px;
  overflow: visible;
  height: 23px;
  width: 110px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-color: #e3e3e3; }

.plp-section-container .icons-image {
  width: calc(100% + 2px);
  z-index: 1;
  position: relative;
  left: -1px;
  top: -1px;
  margin-right: 1px; }

.plp-section-container .ranking-bar {
  background-color: #ca0088;
  left: 0px;
  top: 2px;
  height: 18px;
  position: absolute;
  display: inline-block; }

.plp-section-container .qty-reviews {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.25px;
  line-height: 1.38;
  color: #333333;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  margin-top: 5px; }

/* ONLY ON SEARCH AND CATEGORY SECTION */
.products-listing-grid .item-container {
  /* NOTE: visually, margin-top should be 37px (from card's top to image's top). Enhancement DT-29755 */
  /* NOTE: visually, margin-top should be 37px (from card's top to image's top). Enhancement DT-29755 */ }
  .products-listing-grid .item-container .product-image-container {
    margin-top: 27px; }
  .products-listing-grid .item-container .badge-item-container + .product-image-container {
    margin-top: 6px; }

.plp-section-container {
  /* Product item / Needs margins because item has shadow */
  /* Recomendation Section */
  /* Recomendation Section: Items */ }
  .plp-section-container .item-container {
    width: calc(25% - 25px);
    margin: 0 12.5px 25px;
    padding: 8px 16px;
    height: 530px; }
    .plp-section-container .item-container.outfit-container {
      height: auto;
      margin-bottom: 25px; }
      @media screen and (max-width: 1024px) {
        .plp-section-container .item-container.outfit-container {
          margin-bottom: 60px; } }
    .plp-section-container .item-container .product-image-container {
      max-height: 325px; }
      .plp-section-container .item-container .product-image-container a {
        margin: 0 auto;
        max-width: 100%; }
    .plp-section-container .item-container .favorite-icon-container {
      z-index: 1 !important; }
  .plp-section-container.search-from-navigation {
    /* Product item / Needs margin because shadow */ }
    .plp-section-container.search-from-navigation .item-container {
      width: calc(33% - 25px); }
    .plp-section-container.search-from-navigation .item-product-recomendation.item-container {
      width: 100%; }
  .plp-section-container .color-chips-container {
    width: 100%;
    margin-top: -13px;
    position: relative;
    vertical-align: top; }
  .plp-section-container .product-title-container {
    margin-top: 12px; }
    .plp-section-container .product-title-container a, .plp-section-container .product-title-container h3 {
      text-transform: capitalize; }
  .plp-section-container .product-recomendation-container {
    background: transparent; }
  .plp-section-container .item-product-recomendation {
    height: 100%; }

.product-grid-block-container .item-container {
  /* Name of item */ }
  .product-grid-block-container .item-container .product-title-container {
    margin: 10px auto 5px;
    max-width: 325px; }
    .product-grid-block-container .item-container .product-title-container h3 + .badge-item-container {
      margin-top: 5px; }
  .product-grid-block-container .item-container .container-price {
    margin-bottom: 5px; }
  .product-grid-block-container .item-container .product-title-content {
    display: inline-block;
    min-height: 50px; }

.grid-cta-enabled .buttons-container {
  padding: 15px 20px; }
  .grid-cta-enabled .buttons-container .pickup-button-container,
  .grid-cta-enabled .buttons-container .bag-button-container {
    display: none; }

.grid-cta-enabled:hover .item-container-inner {
  position: absolute;
  z-index: 10;
  background-color: white;
  border: 1px solid #ca0088;
  border-radius: 2px;
  min-height: 530px;
  height: auto;
  padding: 7px 15px;
  margin: -8px 0px 0px -16px; }

.grid-cta-enabled:hover .pickup-button-container,
.grid-cta-enabled:hover .bag-button-container {
  display: block; }

.grid-cta-enabled:hover .favorite-icon-container {
  margin-top: -35px; }

.grid-cta-enabled:hover .custom-loading-icon {
  padding: 0px;
  font-size: 0px;
  width: 30px;
  height: 30px; }

@media screen and (max-width: 1024px) {
  .product-grid-block-container .item-container {
    /* Name of item */ }
    .product-grid-block-container .item-container .product-title-content {
      line-height: 1.3;
      display: inline-block;
      min-height: 50px; }
    .product-grid-block-container .item-container .product-title-container {
      margin: 20px auto 10px; }
  .plp-section-container .item-container {
    height: 500px; }
  .plp-section-container .grid-cta-enabled:hover .item-container-inner {
    min-height: 500px; } }
@charset "UTF-8";
/**
* Product Grid (Desktop)
**/
/**
* Product Grid (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
** Default items style
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/*
* Prev & Next Buttons (Carrousel)
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.button-prev {
  position: absolute;
  left: -25px;
  color: #999999;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 40px;
  width: 30px;
  overflow: hidden;
  font-size: 0px;
  left: 10px;
  height: 34px;
  width: 17px; }
  .button-prev:disabled {
    opacity: .4; }
  .button-prev:before {
    content: '';
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
    border-left: solid 3px #999999;
    border-top: solid 3px #999999;
    height: 24px;
    width: 24px;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    top: 1px;
    right: -7px; }
  .button-prev:before {
    top: 0;
    right: -6px; }

.button-next {
  position: absolute;
  left: -25px;
  color: #999999;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 40px;
  width: 30px;
  overflow: hidden;
  font-size: 0px;
  left: auto;
  right: -25px;
  right: 10px;
  height: 34px;
  width: 17px; }
  .button-next:disabled {
    opacity: .4; }
  .button-next:before {
    content: '';
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
    border-left: solid 3px #999999;
    border-top: solid 3px #999999;
    height: 24px;
    width: 24px;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    top: 1px;
    right: -7px; }
  .button-next:disabled {
    opacity: .4; }
  .button-next:before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 2px;
    right: 7px; }
  .button-next:before {
    top: -1px;
    right: 16px; }

.item-container .product-image-container, .item-product-recomendation .product-image-container {
  /* Buttons Arrows */ }
  .item-container .product-image-container .button-prev, .item-product-recomendation .product-image-container .button-prev {
    left: -10px; }
  .item-container .product-image-container .button-next, .item-product-recomendation .product-image-container .button-next {
    right: -10px; }

.item-container .color-chips-container .button-prev, .item-product-recomendation .color-chips-container .button-prev {
  top: 11px;
  left: 5px;
  display: block; }

.item-container .color-chips-container .button-next, .item-product-recomendation .color-chips-container .button-next {
  top: 11px;
  right: 5px;
  display: block; }

/**********************************************************************************/
/* Button of Slider */
.item-container, .item-product-recomendation {
  text-align: center;
  list-style-type: none;
  padding: 16px;
  margin: 0 auto 30px;
  background: #ffffff;
  width: 80%;
  max-width: 290px;
  position: relative;
  -webkit-box-shadow: 0 0 10px 0 #e3e3e3;
  -moz-box-shadow: 0 0 10px 0 #e3e3e3;
  box-shadow: 0 0 10px 0 #e3e3e3;
  /* Notification purchased */
  /* Image item */
  /* Img Color item */
  /* Text size item */
  /* Separator line between fit and size if both are shown */
  /* Name of item */
  /* Price(s) */
  /* NOTE: as per DT-29548, list and offer price should be shown consistently across the site (at product item) */
  /* Remove button to Soldout state */
  /* button move favorite list to other */
  /* NOTE: ADD TO BAG button */
  /* NOTE: PICKUP button */
  /* Badges */ }
  .item-container .notification-item, .item-product-recomendation .notification-item {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #ffffff;
    line-height: 20px;
    background-color: #333333;
    margin: 0 auto;
    width: 55%;
    position: absolute;
    top: 17px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    z-index: 2; }
    .item-container .notification-item:after, .item-product-recomendation .notification-item:after, .item-container .notification-item:before, .item-product-recomendation .notification-item:before {
      content: '';
      background-color: #ffffff;
      width: 3px;
      height: 3px;
      display: block;
      top: 50%;
      position: absolute;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    .item-container .notification-item:after, .item-product-recomendation .notification-item:after {
      right: 16%; }
    .item-container .notification-item:before, .item-product-recomendation .notification-item:before {
      left: 16%; }
  .item-container .product-image-container, .item-product-recomendation .product-image-container {
    margin: 0 auto;
    display: block;
    width: calc(100% - 20px);
    max-width: 244px;
    height: 100%;
    max-height: 244px;
    position: relative;
    /* Reset styles */
    /* Reset styles */ }
    .item-container .product-image-container a, .item-product-recomendation .product-image-container a {
      display: block;
      height: 100%;
      width: 100%; }
    .item-container .product-image-container img, .item-product-recomendation .product-image-container img {
      width: 100%; }
  .item-container .product-sku-info-container, .item-product-recomendation .product-sku-info-container {
    position: relative; }
  .item-container .img-color, .item-product-recomendation .img-color {
    margin: 0 auto 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 25px;
    display: block; }
  .item-container .size-container, .item-product-recomendation .size-container,
  .item-container .fit-container, .item-product-recomendation .fit-container {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.42;
    text-transform: capitalize;
    margin-bottom: 11px; }
  .item-container .separator-bar-icon, .item-product-recomendation .separator-bar-icon {
    font-size: 0px;
    background-color: #333333;
    margin: 0px 10px;
    width: 1px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    top: 0px;
    left: 0px;
    position: relative; }
  .item-container .product-title-container, .item-product-recomendation .product-title-container {
    margin: 30px auto 15px;
    width: calc(100% - 20px);
    max-width: 244px;
    display: inline-block; }
    .item-container .product-title-container h3 + .badge-item-container, .item-product-recomendation .product-title-container h3 + .badge-item-container {
      margin-top: 10px; }
  .item-container .product-title-content, .item-product-recomendation .product-title-content {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    text-decoration: none;
    text-transform: capitalize; }
  .item-container .container-price, .item-product-recomendation .container-price {
    margin-bottom: 13px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column; }
  .item-container .list-price, .item-product-recomendation .list-price {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #999999;
    position: relative;
    display: block; }
  .item-container .offer-price, .item-product-recomendation .offer-price {
    /* NOTE: DT-27673 color should be specifically #990000 */
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #990000;
    display: block; }
    .item-container .offer-price.offer-price-only, .item-product-recomendation .offer-price.offer-price-only {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.53;
      color: #333333; }
  .item-container .button-suggested, .item-product-recomendation .button-suggested {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 1.38;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    color: #333333;
    text-decoration: underline;
    text-transform: none; }
  .item-container .purchased-and-move-dropdown-container, .item-product-recomendation .purchased-and-move-dropdown-container {
    margin-top: 20px;
    text-align: left; }
  .item-container .purchased-status-container, .item-product-recomendation .purchased-status-container {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #999999;
    position: relative;
    z-index: 1;
    text-align: left;
    width: 37%;
    display: inline-block;
    vertical-align: top;
    float: left;
    top: 5px; }
  .item-container .move-item-container, .item-product-recomendation .move-item-container {
    width: 100%;
    position: relative;
    vertical-align: top;
    text-align: right; }
  .item-container .button-remove, .item-product-recomendation .button-remove {
    width: 230px;
    margin-bottom: 10px;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #333333;
    background: #ca0088; }
    .item-container .button-remove.focused, .item-product-recomendation .button-remove.focused, .item-container .button-remove:focus, .item-product-recomendation .button-remove:focus {
      background-color: #333333; }
    .item-container .button-remove.pressed, .item-product-recomendation .button-remove.pressed, .item-container .button-remove:active, .item-product-recomendation .button-remove:active {
      background-color: #4873bb; }
    .item-container .button-remove.disabled, .item-product-recomendation .button-remove.disabled, .item-container .button-remove:disabled, .item-product-recomendation .button-remove:disabled {
      background-color: #999999; }
  .item-container .button-move, .item-product-recomendation .button-move {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #999999;
    display: inline-block;
    text-decoration: underline;
    padding-right: 25px;
    position: relative; }
    .item-container .button-move:after, .item-product-recomendation .button-move:after, .item-container .button-move:before, .item-product-recomendation .button-move:before {
      content: '';
      position: absolute;
      width: 9px;
      height: 2px;
      border-radius: 15px;
      background: #333333;
      display: inline-block;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      right: 6px;
      bottom: 16px; }
    .item-container .button-move:after, .item-product-recomendation .button-move:after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      right: 0.5px; }
    .item-container .button-move:before, .item-product-recomendation .button-move:before {
      right: 8px;
      bottom: 7px; }
    .item-container .button-move:after, .item-product-recomendation .button-move:after {
      right: 1.5px;
      bottom: 7px; }
    .item-container .button-move.active:before, .item-product-recomendation .button-move.active:before {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .item-container .button-move.active:after, .item-product-recomendation .button-move.active:after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
  .item-container .move-item-content, .item-product-recomendation .move-item-content {
    width: calc(100% + 32px);
    left: -16px;
    margin-top: 16px; }
  .item-container .remove-background, .item-product-recomendation .remove-background {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    z-index: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9; }
    .item-container .remove-background .message-remove, .item-product-recomendation .remove-background .message-remove,
    .item-container .remove-background .button-undo, .item-product-recomendation .remove-background .button-undo {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 24px;
      letter-spacing: 0;
      line-height: 1.21;
      text-transform: uppercase;
      color: #333333;
      text-transform: none;
      display: block;
      margin: 0 auto 20px; }
    .item-container .remove-background .message-remove, .item-product-recomendation .remove-background .message-remove {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }
    .item-container .remove-background .button-undo, .item-product-recomendation .remove-background .button-undo {
      text-decoration: underline; }
  .item-container .container-message, .item-product-recomendation .container-message {
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .item-container .edit-icon-spinner, .item-product-recomendation .edit-icon-spinner {
    padding: 0;
    z-index: 2;
    font-size: 0px;
    width: 30px;
    height: 30px;
    margin-bottom: 10px; }
  .item-container .bag-button-container, .item-product-recomendation .bag-button-container {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #ca0088; }
    .item-container .bag-button-container.focused, .item-product-recomendation .bag-button-container.focused, .item-container .bag-button-container:focus, .item-product-recomendation .bag-button-container:focus {
      background-color: #ca0088; }
    .item-container .bag-button-container.pressed, .item-product-recomendation .bag-button-container.pressed, .item-container .bag-button-container:active, .item-product-recomendation .bag-button-container:active {
      background-color: #ca0088; }
    .item-container .bag-button-container.disabled, .item-product-recomendation .bag-button-container.disabled, .item-container .bag-button-container:disabled, .item-product-recomendation .bag-button-container:disabled {
      background-color: #999999; }
  .item-container .pickup-button-container, .item-product-recomendation .pickup-button-container {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 22px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    line-height: 36px;
    position: relative;
    background-color: #333333;
    margin-top: 10px; }
    .item-container .pickup-button-container.focused, .item-product-recomendation .pickup-button-container.focused, .item-container .pickup-button-container:focus, .item-product-recomendation .pickup-button-container:focus {
      background-color: #333333; }
    .item-container .pickup-button-container.pressed, .item-product-recomendation .pickup-button-container.pressed, .item-container .pickup-button-container:active, .item-product-recomendation .pickup-button-container:active {
      background-color: #4873bb; }
    .item-container .pickup-button-container.disabled, .item-product-recomendation .pickup-button-container.disabled, .item-container .pickup-button-container:disabled, .item-product-recomendation .pickup-button-container:disabled {
      background-color: #999999; }
  .item-container .badge-item-container.top-badge-container, .item-product-recomendation .badge-item-container.top-badge-container {
    width: calc(100% - 72px); }
  .item-container .item-button-container .bag-button-icon-spinner, .item-product-recomendation .item-button-container .bag-button-icon-spinner,
  .item-container .item-button-container .pickup-button-icon-spinner, .item-product-recomendation .item-button-container .pickup-button-icon-spinner,
  .item-container .buttons-container .bag-button-icon-spinner, .item-product-recomendation .buttons-container .bag-button-icon-spinner,
  .item-container .buttons-container .pickup-button-icon-spinner, .item-product-recomendation .buttons-container .pickup-button-icon-spinner {
    padding: 0px;
    font-size: 0px;
    text-indent: 15px;
    width: 30px;
    height: 30px; }
    .item-container .item-button-container .bag-button-icon-spinner:after, .item-product-recomendation .item-button-container .bag-button-icon-spinner:after, .item-container .item-button-container .bag-button-icon-spinner:before, .item-product-recomendation .item-button-container .bag-button-icon-spinner:before,
    .item-container .item-button-container .pickup-button-icon-spinner:after, .item-product-recomendation .item-button-container .pickup-button-icon-spinner:after,
    .item-container .item-button-container .pickup-button-icon-spinner:before, .item-product-recomendation .item-button-container .pickup-button-icon-spinner:before,
    .item-container .buttons-container .bag-button-icon-spinner:after, .item-product-recomendation .buttons-container .bag-button-icon-spinner:after,
    .item-container .buttons-container .bag-button-icon-spinner:before, .item-product-recomendation .buttons-container .bag-button-icon-spinner:before,
    .item-container .buttons-container .pickup-button-icon-spinner:after, .item-product-recomendation .buttons-container .pickup-button-icon-spinner:after,
    .item-container .buttons-container .pickup-button-icon-spinner:before, .item-product-recomendation .buttons-container .pickup-button-icon-spinner:before {
      font-size: 18px;
      left: -8px; }

/* Recommendation content */
.item-product-recomendation .department-name-link {
  text-decoration: none;
  color: #333333; }

.item-product-recomendation .product-list-price {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #999999;
  margin-right: 10px;
  bottom: 1px;
  position: relative; }

.item-product-recomendation .product-offer-price {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #990000; }

/* Sold Out Item Container */
.sold-out-item .product-image-container {
  position: relative; }
  .sold-out-item .product-image-container .product-image-content {
    opacity: .4; }

.badge-item-container {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #333333;
  font-size: 14px;
  text-transform: uppercase;
  color: #00a6e2;
  text-align: left;
  position: relative;
  z-index: 1; }
  .badge-item-container.inline-badge-container {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    color: #00a6e2;
    text-align: center; }
  .badge-item-container.merchant-badge-container {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.33;
    text-transform: none;
    color: #990000;
    text-align: center;
    margin-bottom: 20px; }

.product-grid-view-container .product-grid-block-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start; }
  .product-grid-view-container .product-grid-block-container .item-title {
    width: 100%; }
  .product-grid-view-container .product-grid-block-container .item-container, .product-grid-view-container .product-grid-block-container .item-product-recomendation {
    box-shadow: 0 0 .5px #e3e3e3;
    min-height: auto;
    height: auto;
    width: 50%;
    max-width: none;
    margin: 0;
    position: relative; }
    .product-grid-view-container .product-grid-block-container .item-container .bopis-placeholder, .product-grid-view-container .product-grid-block-container .item-product-recomendation .bopis-placeholder {
      height: 49px; }
    .product-grid-view-container .product-grid-block-container .item-container .merchant-badge-container, .product-grid-view-container .product-grid-block-container .item-product-recomendation .merchant-badge-container {
      margin-top: -30px;
      text-align: right;
      font-size: 11px; }
    .product-grid-view-container .product-grid-block-container .item-container .top-badge-container, .product-grid-view-container .product-grid-block-container .item-product-recomendation .top-badge-container {
      font-size: 10px; }
    .product-grid-view-container .product-grid-block-container .item-container .container-price .list-price, .product-grid-view-container .product-grid-block-container .item-product-recomendation .container-price .list-price {
      font-size: 11px;
      text-align: left;
      margin-top: 12px; }
    .product-grid-view-container .product-grid-block-container .item-container .container-price .no-badge, .product-grid-view-container .product-grid-block-container .item-product-recomendation .container-price .no-badge {
      margin-left: auto;
      margin-right: auto; }
    .product-grid-view-container .product-grid-block-container .item-container .color-chips-container .content-colors button, .product-grid-view-container .product-grid-block-container .item-product-recomendation .color-chips-container .content-colors button {
      width: 15px !important;
      height: 15px !important; }
    .product-grid-view-container .product-grid-block-container .item-container .color-chips-container img, .product-grid-view-container .product-grid-block-container .item-product-recomendation .color-chips-container img {
      width: 14px !important;
      height: 14px !important; }
    .product-grid-view-container .product-grid-block-container .item-container .product-title-container a, .product-grid-view-container .product-grid-block-container .item-product-recomendation .product-title-container a {
      font-size: 12px;
      color: #4A4A4A;
      font-weight: lighter; }
    .product-grid-view-container .product-grid-block-container .item-container .product-title-container .inline-badge-container, .product-grid-view-container .product-grid-block-container .item-product-recomendation .product-title-container .inline-badge-container {
      font-size: 11px; }
    .product-grid-view-container .product-grid-block-container .item-container .buttons-container, .product-grid-view-container .product-grid-block-container .item-product-recomendation .buttons-container {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 10px 10px 10px 10px; }
      .product-grid-view-container .product-grid-block-container .item-container .buttons-container .pickup-button-container, .product-grid-view-container .product-grid-block-container .item-product-recomendation .buttons-container .pickup-button-container {
        margin-bottom: 5px; }
      .product-grid-view-container .product-grid-block-container .item-container .buttons-container span, .product-grid-view-container .product-grid-block-container .item-product-recomendation .buttons-container span {
        font-size: 12px; }
    .product-grid-view-container .product-grid-block-container .item-container .button-spacer, .product-grid-view-container .product-grid-block-container .item-product-recomendation .button-spacer {
      height: 78px;
      visibility: hidden; }
    .product-grid-view-container .product-grid-block-container .item-container .product-image-container, .product-grid-view-container .product-grid-block-container .item-product-recomendation .product-image-container {
      max-height: auto;
      height: auto;
      position: initial;
      z-index: -1; }

.grid-container,
.products-grid-container {
  display: inline-block;
  width: 100%; }

.products-grid-container .navigation-link-container {
  padding: 15px 0px; }

.products-grid-container .navigation-link {
  display: block;
  text-transform: uppercase;
  padding: 10px;
  border: solid 1px #333333;
  border-top-color: transparent;
  position: relative; }
  .products-grid-container .navigation-link:first-of-type {
    border-top-color: #333333; }

.search-result-container .search-term-results-container .grid-container {
  width: 100%;
  display: block; }

.search-result-container .search-term-results-container .item-container, .search-result-container .search-term-results-container .item-product-recomendation {
  width: calc(25% - 25px); }

/* Product item plp */
.products-listing-grid {
  margin-top: 40px;
  margin-left: -12.5px;
  margin-right: -12.5px;
  /* Color Chips */ }
  .products-listing-grid .color-chips-container {
    vertical-align: top;
    position: relative; }
    .products-listing-grid .color-chips-container .content-colors button {
      font-size: 0;
      border-radius: 50%;
      border: 2px solid transparent;
      margin: 0 5px;
      width: 25px;
      height: 25px;
      display: inline;
      vertical-align: top;
      overflow: hidden; }
      .products-listing-grid .color-chips-container .content-colors button.active {
        border: 2px solid #333333; }
    .products-listing-grid .color-chips-container img {
      width: 100%; }

.outfit-container .item-title,
.products-listing-grid .item-title {
  font-family: 'Avenir';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1.21;
  text-transform: uppercase;
  color: #333333;
  text-transform: capitalize;
  margin-bottom: 20px;
  padding: 0px 16px; }

.l3-category-drop-down {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px; }
  .l3-category-drop-down .current-l3-category-list {
    width: auto;
    min-width: calc(50% - 2px);
    position: absolute;
    font-weight: 300; }
    .l3-category-drop-down .current-l3-category-list .dd-list-selected {
      display: block;
      background-color: white;
      border: 1px solid #d9d9d9;
      padding: 10px 5px 5px 5px;
      font-size: 14px; }
    .l3-category-drop-down .current-l3-category-list .l3-selected-item {
      color: #ca0088 !important; }
    .l3-category-drop-down .current-l3-category-list .dd-icon-expanded {
      float: right;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      .l3-category-drop-down .current-l3-category-list .dd-icon-expanded:before {
        content: '';
        width: 7px;
        height: 7px;
        position: relative;
        display: inline-block;
        border-bottom: 2px solid black;
        border-left: 2px solid black;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        left: 1px;
        margin-right: 2px;
        top: 10px; }
    .l3-category-drop-down .current-l3-category-list .dd-icon-collapse {
      float: right;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      .l3-category-drop-down .current-l3-category-list .dd-icon-collapse:before {
        content: '';
        width: 7px;
        height: 7px;
        position: relative;
        display: inline-block;
        border-bottom: 2px solid black;
        border-left: 2px solid black;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 1px;
        margin-right: 2px;
        top: 5px; }
    .l3-category-drop-down .current-l3-category-list .l3-category-item {
      cursor: pointer;
      position: relative;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      color: #333333;
      padding: 10px 5px 5px 5px;
      border-bottom: 1px solid #d9d9d9;
      border-left: 1px solid #d9d9d9;
      border-right: 1px solid #d9d9d9;
      z-index: 999;
      font-size: 14px;
      background-color: white; }
      .l3-category-drop-down .current-l3-category-list .l3-category-item a {
        text-decoration: none;
        color: black;
        display: block; }

/**
** Default items style Desktop
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/*
* Prev & Next Buttons (Carrousel Desktop)
*/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.item-container, .item-product-recomendation {
  /* Image section */ }
  .item-container .product-image-container, .item-product-recomendation .product-image-container {
    /* Buttons Arrows */ }
    .item-container .product-image-container .button-prev, .item-product-recomendation .product-image-container .button-prev {
      left: 0px; }
    .item-container .product-image-container .button-next, .item-product-recomendation .product-image-container .button-next {
      right: 0px; }
  .item-container .color-chips-container, .item-product-recomendation .color-chips-container {
    /* Color section */
    /* Color section */ }
    .item-container .color-chips-container .button-prev, .item-product-recomendation .color-chips-container .button-prev {
      left: 18px;
      display: none; }
    .item-container .color-chips-container .button-next, .item-product-recomendation .color-chips-container .button-next {
      right: 18px;
      display: none; }

@media screen and (max-width: 1150px) {
  .products-listing-grid .color-chips-container {
    /* Color section */
    /* Color section */ }
    .products-listing-grid .color-chips-container .button-prev:before,
    .products-listing-grid .color-chips-container .button-next:before {
      height: 20px;
      width: 20px; }
    .products-listing-grid .color-chips-container .button-prev:before {
      left: 10px; }
    .products-listing-grid .color-chips-container .button-prev {
      left: 0px;
      top: 13px; }
    .products-listing-grid .color-chips-container .button-next {
      right: 0px;
      top: 13px; } }

.item-container, .item-product-recomendation {
  display: inline-block;
  vertical-align: top;
  margin: 0px;
  width: 23%;
  max-width: initial;
  margin-bottom: 2%;
  margin-left: 1%;
  margin-right: 1%;
  /* Buttons Arrows */ }
  .item-container .product-image-container, .item-product-recomendation .product-image-container {
    max-width: 325px;
    max-height: 325px;
    height: auto; }
  .item-container .icon-wishlist .information-remove, .item-product-recomendation .icon-wishlist .information-remove {
    margin-top: 10px; }
  .item-container .button-prev, .item-product-recomendation .button-prev {
    left: -40px; }
  .item-container .button-next, .item-product-recomendation .button-next {
    right: -40px; }
  .item-container .favorite-icon-container, .item-product-recomendation .favorite-icon-container,
  .item-container .bag-icon-container, .item-product-recomendation .bag-icon-container,
  .item-container .pickup-icon-container, .item-product-recomendation .pickup-icon-container,
  .item-container .button-prev, .item-product-recomendation .button-prev,
  .item-container .button-next, .item-product-recomendation .button-next {
    display: none; }
  .item-container .color-chips-container, .item-product-recomendation .color-chips-container {
    opacity: 0; }
  .item-container:hover .favorite-icon-container, .item-product-recomendation:hover .favorite-icon-container,
  .item-container:hover .bag-icon-container, .item-product-recomendation:hover .bag-icon-container,
  .item-container:hover .pickup-icon-container, .item-product-recomendation:hover .pickup-icon-container,
  .item-container:hover .button-prev, .item-product-recomendation:hover .button-prev,
  .item-container:hover .button-next, .item-product-recomendation:hover .button-next {
    display: block; }
  .item-container:hover .color-chips-container, .item-product-recomendation:hover .color-chips-container {
    opacity: 1; }

.container-product-recomendation .product-rec-list-item .icon-wishlist,
.container-product-recomendation .product-rec-list-item .icon-bag,
.container-product-recomendation .product-rec-list-item .icon-pick-up,
.container-product-recomendation .product-rec-list-item .color-chips-container {
  display: none; }

.container-product-recomendation .product-rec-list-item:hover .icon-wishlist,
.container-product-recomendation .product-rec-list-item:hover .icon-bag,
.container-product-recomendation .product-rec-list-item:hover .icon-pick-up,
.container-product-recomendation .product-rec-list-item:hover .button-prev,
.container-product-recomendation .product-rec-list-item:hover .button-next,
.container-product-recomendation .product-rec-list-item:hover .color-chips-container {
  display: block; }

.container-product-recomendation .product-rec-list-item .icon-bag {
  top: 15px; }

.container-product-recomendation .product-rec-list-item .icon-wishlist {
  top: 50px; }
  .container-product-recomendation .product-rec-list-item .icon-wishlist.wishlist-icon-active:before {
    padding-left: 1px; }

/* Suggested Item */
.item-product-recomendation {
  width: 100%;
  max-width: none; }
  .item-product-recomendation .container-image {
    width: 100%; }

.badge-item-container.merchant-badge-container {
  margin-bottom: 0px; }

.plp-section-container.search-from-navigation .grid-container {
  width: calc(100% - 206px); }

.grid-container,
.products-grid-container {
  width: 100%;
  position: relative; }

/* Wishlist, Bag and Pickup Icon (buttons) */
/* Only for DESKTOP version */
.item-button-container {
  float: right; }

.products-listing-grid .icon-wishlist span {
  display: none; }

.products-listing-grid .icon-wishlist.wishlist-icon-active {
  border-radius: 50%;
  background-color: #999999; }
  .products-listing-grid .icon-wishlist.wishlist-icon-active:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F110";
    color: #666666; }
  .products-listing-grid .icon-wishlist.wishlist-icon-active:before {
    font-size: 20px;
    padding-left: 1.5px;
    padding-top: 1.5px;
    color: #ffffff; }

@media screen and (max-width: 1200px) {
  .color-chips-container .content-colors button {
    margin: 0 2px; } }

.outfit-container .item-title,
.products-listing-grid .item-title {
  border-bottom: 1px solid #999999;
  width: calc(100% - 25px);
  padding: 0px;
  margin: auto;
  margin-bottom: 20px; }

.products-listing-grid-without-white-space.products-listing-grid .product-grid-block-container {
  display: inline; }
@charset "UTF-8";
/**
* Search Result Empty (Desktop)
**/
/**
* Search Result Empty (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.search-result-empty-container {
  padding: 22px 16px 0px;
  text-align: center;
  /* Typeahead in this section */
  /* Suggested categories */ }
  .search-result-empty-container .typeahead {
    display: block;
    margin: 40px auto;
    position: relative;
    -webkit-box-shadow: 0 0 0 1px #e3e3e3;
    -moz-box-shadow: 0 0 0 1px #e3e3e3;
    box-shadow: 0 0 0 1px #e3e3e3; }
    .search-result-empty-container .typeahead input {
      background: #ffffff;
      height: 45px;
      padding-left: 10px; }
    .search-result-empty-container .typeahead .button-search {
      left: auto;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 20px;
      z-index: 1; }
  .search-result-empty-container .re-search-button {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 48.3px;
    line-height: 50.3px;
    background-color: #333333;
    margin: 40px 0px;
    width: 60%; }
    .search-result-empty-container .re-search-button.focused, .search-result-empty-container .re-search-button:focus {
      background-color: #333333; }
    .search-result-empty-container .re-search-button.pressed, .search-result-empty-container .re-search-button:active {
      background-color: #333333; }
    .search-result-empty-container .re-search-button.disabled, .search-result-empty-container .re-search-button:disabled {
      background-color: #999999; }
  .search-result-empty-container .product-recomendation {
    background: #f7f7f7;
    padding: 0px 16px;
    margin: 0px -16px;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 40px; }

/* NOTE: Marketing espot DT-31231, no details to Mobile version */
.empty-search-result-slot {
  width: 100%;
  display: block;
  margin: 0 auto; }

.empty-search-result-title {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: none;
  text-decoration: none;
  color: #333333;
  margin: 34px 0px 14px; }

.empty-search-result-subtitle {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53;
  color: #333333;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  color: #999999; }

.empty-search-result-suggestion {
  color: #00ADEF;
  text-decoration: none; }
  .empty-search-result-suggestion:hover {
    text-decoration: underline;
    cursor: pointer;
    transition: all 2s ease-in; }

.search-result-suggestion {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: none;
  text-decoration: none;
  color: #333333;
  font-weight: 700;
  text-align: center;
  font-size: 30px; }

.search-tips-items {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  color: #999999;
  margin: 8px 0px 15px; }

/*
 * Empty state with suggestions
 */
.inline-suggested-categories {
  margin: 60px 0px; }

.category-item {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: none;
  text-decoration: none;
  color: #333333;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  margin: 10px 0px; }
  .category-item a {
    text-decoration: underline;
    color: #999999;
    display: inline-block;
    width: 100%; }

.search-result-empty-container .typeahead {
  /* Reset Styles */
  top: auto;
  float: none;
  max-width: 630px;
  min-width: 300px;
  width: 100%; }

.empty-search-result-title {
  width: 80%;
  max-width: 630px;
  margin-left: auto;
  margin-right: auto; }
  .empty-search-result-title br {
    display: none; }

/* NOTE: Marketing espot DT-31231 */
.empty-search-result-slot {
  max-width: 1400px; }
@charset "UTF-8";
/**
* Search Result Section (Desktop)
**/
/**
* Search Result Section (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.plp-section-container {
  padding: 22px 16px; }
  .plp-section-container .content-slot-list-container {
    margin-top: 20px; }
  .plp-section-container .product-title-container a, .plp-section-container .product-title-container h3 {
    text-transform: capitalize; }
  .plp-section-container .loading-more-product {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    text-indent: 18px;
    padding: 10px;
    display: inline-block;
    width: 100%; }
    .plp-section-container .loading-more-product:after, .plp-section-container .loading-more-product:before {
      font-size: 20px; }
  .plp-section-container .qty-result-container {
    display: inline-block;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    width: 80px;
    text-align: right;
    vertical-align: top; }
    .plp-section-container .qty-result-container strong {
      margin-right: 5px; }
  .plp-section-container .search-by-keywords-content {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.53;
    color: #333333;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none; }
    .plp-section-container .search-by-keywords-content strong {
      font-family: 'Avenir';
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none; }

.inline-navigation-container {
  position: relative; }

.search-header {
  display: inline-block;
  width: 100%;
  position: relative;
  margin-bottom: 20px; }

.body-copy h1,
.category-description h1 {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.25px;
  line-height: 1.38;
  color: #333333;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  margin-bottom: 5px; }

.body-copy p,
.category-description p {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.45;
  color: #333333;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  margin: 7px 0px;
  line-height: 16px; }

.search-result-slot {
  width: 100%;
  display: block;
  margin: 0 auto;
  margin-top: 40px; }

/* Breadcrum and Inline Navigation */
.search-header {
  width: 20%;
  display: inline-block;
  float: left; }
  .search-header.search-from-typeahead {
    width: 100%; }

.search-from-typeahead + .filters-container {
  width: 100%; }

.search-from-typeahead + .filters-container + .search-result-product-list {
  width: 100%; }

/* Number of found products */
.qty-result-container {
  position: absolute;
  right: 0px; }

/* Filter Section */
.filters-section-container {
  /* Reset Styles */
  margin: 0px;
  padding: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  display: inline-block; }

.filters-container {
  width: 80%;
  display: inline-block;
  vertical-align: top;
  position: relative; }

/* Filter Section: Added Category list */
.categories-list {
  padding-left: auto;
  margin-left: auto;
  padding-right: auto;
  margin-right: auto;
  margin-bottom: 0px; }

.plp-section-container {
  /* Filters and sorting section, container of available filters and added filters item */ }
  .plp-section-container .filter-and-sort-form-container .loading-more-product {
    margin-bottom: 20px; }
  .plp-section-container .item-button-container .bag-icon-container {
    top: 16px; }
  .plp-section-container .item-button-container .favorite-icon-container {
    top: 50px;
    z-index: 0; }

.category-description {
  margin-top: 40px;
  margin-bottom: 20px; }

.search-result-slot {
  max-width: 1400px; }
@charset "UTF-8";
/**
* Desktop Store Locator Search Form
**/
/**
* Mobile Store Locator Search Form
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/** Form of search the store */
.search-store-form {
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  width: 100%;
  /** Span toggle expanded filters (Only Mobile) */
  /** Container filters */
  /** The options of the filters */ }
  .search-store-form:after {
    content: '';
    height: 1px;
    display: inline-block;
    width: calc(100% + 30px);
    background-color: #e3e3e3;
    display: block;
    position: absolute;
    bottom: 0px;
    left: -15px; }
  .search-store-form .error-box,
  .search-store-form .warning-box {
    margin-bottom: 35px; }
  .search-store-form .toggle-list-map {
    display: inline-block; }
  .search-store-form .display-list {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #666666; }
  .search-store-form .display-list.disabled,
  .search-store-form .display-map.disabled {
    color: #999999; }
  .search-store-form .filter-store {
    float: right;
    position: relative;
    right: 10px; }
  .search-store-form .content-filters {
    position: relative;
    margin-top: 10px; }
  .search-store-form .in-store-pick-up-option,
  .search-store-form .outlet-stores-option {
    display: block;
    padding: 10px 0 10px 35px; }

.search-store-input {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 10px;
  /** Button of search icon lupa */
  /** search bar entry */ }
  .search-store-input .button-search-store {
    width: 30px;
    z-index: 10;
    right: 8px;
    position: absolute;
    top: 12px; }
    .search-store-input .button-search-store:before {
      content: '';
      border: solid 2px #333333;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      width: 15px;
      height: 15px;
      display: inline-block; }
    .search-store-input .button-search-store:after {
      content: '';
      background-color: #333333;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      height: 2px;
      width: 6px;
      display: inline-block;
      left: -3px;
      position: relative; }
  .search-store-input input {
    padding-right: 48px; }
  .search-store-input .label-error .inline-error-message {
    white-space: normal; }

/** Form of search stores */
.search-store-form {
  padding-bottom: 0px;
  /** Button search */
  /** span container tetxt "show only" */
  /** The options of the filters */ }
  .search-store-form .search-store-input {
    margin-top: 30px;
    margin-bottom: 20px; }
  .search-store-form:after {
    display: none; }
  .search-store-form .button-search {
    width: 30px;
    z-index: 99;
    top: 11px;
    right: 10px;
    position: absolute; }
    .search-store-form .button-search:before {
      content: '';
      border: solid 2px #333333;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      width: 15px;
      height: 15px;
      display: inline-block; }
    .search-store-form .button-search:after {
      content: '';
      background-color: #333333;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      height: 2px;
      width: 6px;
      display: inline-block;
      left: -3px;
      position: relative; }
  .search-store-form .show-only {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #999999;
    text-transform: capitalize;
    display: inline-block;
    margin-right: 15px; }
  .search-store-form .in-store-pick-up-option,
  .search-store-form .outlet-stores-option {
    display: inline-block;
    margin-right: 20px; }
    .search-store-form .in-store-pick-up-option span,
    .search-store-form .outlet-stores-option span {
      font-family: 'Avenir';
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0.25px;
      line-height: 1.38;
      color: #333333; }
    .search-store-form .in-store-pick-up-option:after,
    .search-store-form .outlet-stores-option:after {
      content: none; }
  .search-store-form .content-filters {
    display: inline-block; }
@charset "UTF-8";
/****
  * @DESKTOP Store Locator
  * https://app.zeplin.io/project.html#pid=57a0be025af0d88f2ff277e7&sid=5849c6ac18900024554655c3
  *
****/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/**
* Mobile Store Locator
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/** Container store locators*/
.store-information-container {
  position: relative;
  width: 100%;
  display: inline-block; }

.store-locators {
  padding: 15px; }

.back-to-account-container {
  border-bottom: 1px solid #e3e3e3; }

.button-back-to-account {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.67;
  color: #333333;
  line-height: 45px;
  padding-left: 6px; }
  .button-back-to-account:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F10C"; }
  .button-back-to-account:before {
    font-size: 6px;
    font-weight: 900;
    margin-right: 5px;
    transform: rotate(270deg); }

/** content store info data */
.store-info-data-detailed-list-item {
  background: #f7f7f7;
  margin-top: 20px;
  padding: 10px;
  /** Options of store */
  /** Options of store */
  /** Options of store */
  /** Span container of distance */
  /** Container address store */
  /** Title of hours */
  /** Container of hours list */
  /** Container more details */
  /** Span favorite store */
  /** Button select store */
  /** button view details */ }
  .store-info-data-detailed-list-item.selected {
    -webkit-box-shadow: inset 0 0 0 2px #333333;
    -moz-box-shadow: inset 0 0 0 2px #333333;
    box-shadow: inset 0 0 0 2px #333333; }
  .store-info-data-detailed-list-item .store-name {
    margin-bottom: 8px;
    width: 60%;
    display: block;
    vertical-align: top;
    text-transform: capitalize; }
  .store-info-data-detailed-list-item span {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    text-transform: none;
    display: block; }
  .store-info-data-detailed-list-item .retail-store,
  .store-info-data-detailed-list-item .store-store {
    margin-top: -10px;
    margin-bottom: 10px;
    margin-left: -9px; }
    .store-info-data-detailed-list-item .retail-store:before,
    .store-info-data-detailed-list-item .store-store:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F12C"; }
    .store-info-data-detailed-list-item .retail-store:before,
    .store-info-data-detailed-list-item .store-store:before {
      font-size: 28px;
      position: relative;
      top: 8px;
      left: 0px;
      color: #ca0088;
      display: inline-block; }
  .store-info-data-detailed-list-item .outlet-store:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #ca0088;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block; }
  .store-info-data-detailed-list-item .in-store-pick-up-availability:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F12E"; }
  .store-info-data-detailed-list-item .in-store-pick-up-availability:before {
    margin-right: 10px;
    display: inline-block; }
  .store-info-data-detailed-list-item .calculate-distance-button {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.36;
    text-decoration: none;
    text-transform: none;
    color: #666666;
    text-decoration: underline; }
  .store-info-data-detailed-list-item .store-address,
  .store-info-data-detailed-list-item .store-phone-number {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    text-transform: none;
    margin-top: 9px;
    text-transform: capitalize; }
    .store-info-data-detailed-list-item .store-address br,
    .store-info-data-detailed-list-item .store-phone-number br {
      display: none; }
  .store-info-data-detailed-list-item .store-schedule-title {
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.67;
    color: #333333;
    margin: 11px 0 8px; }
  .store-info-data-detailed-list-item .time-schedules {
    width: 100%;
    display: inline-block; }
  .store-info-data-detailed-list-item .store-day-and-time {
    margin-bottom: 20px; }
    .store-info-data-detailed-list-item .store-day-and-time.from-store-item {
      margin-top: 15px;
      margin-bottom: 15px; }
  .store-info-data-detailed-list-item .button-directions, .store-info-data-detailed-list-item .button-see-store-details {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    display: block;
    margin: 15px 0 5px;
    text-decoration: underline; }
  .store-info-data-detailed-list-item .container-more-details {
    vertical-align: top;
    margin-top: 20px; }
    .store-info-data-detailed-list-item .container-more-details .store-phone-number,
    .store-info-data-detailed-list-item .container-more-details .button-see-store-details {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0;
      line-height: 1.15;
      text-decoration: none;
      text-transform: none;
      color: #333333;
      display: inline-block;
      width: 50%; }
    .store-info-data-detailed-list-item .container-more-details .button-see-store-details {
      text-decoration: underline;
      text-align: right; }
  .store-info-data-detailed-list-item .favorite-store-indicator {
    margin: 15px 0; }
  .store-info-data-detailed-list-item .button-set-as-favorite {
    margin: 15px 0; }
  .store-info-data-detailed-list-item .button-expanded-details {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    margin: 10px auto 0;
    display: block; }
    .store-info-data-detailed-list-item .button-expanded-details:after {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F10C"; }
    .store-info-data-detailed-list-item .button-expanded-details:after {
      font-size: 6px;
      font-weight: 900;
      margin-right: 6px;
      margin-top: 8px;
      transform: rotate(180deg);
      position: relative;
      top: -1px;
      right: -20px; }
    .store-info-data-detailed-list-item .button-expanded-details.expanded:after {
      transform: rotate(1deg); }

.international-stores-link {
  margin: 20px 0; }
  .international-stores-link a {
    color: #333333; }

.store-information-container {
  position: initial;
  display: initial; }
  .store-information-container .button-back-to-account:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F10C"; }

.store-locators {
  padding: 15px 10px;
  /** Container of store information  search and list stores */ }
  .store-locators .back-to-account-container {
    margin-bottom: 20px; }
  .store-locators .store-information {
    display: inline-block;
    width: 50%;
    padding-right: 2%; }
  .store-locators .stores-info {
    width: 100%;
    max-height: 750px;
    overflow-y: scroll;
    display: inline-block; }
  .store-locators .content-store-info.selected-item {
    border: solid 2px #666666; }
  .store-locators .international-stores-link {
    padding-left: 22px;
    width: 50%;
    padding: 0px;
    padding-right: 2%;
    display: inline-block; }
    .store-locators .international-stores-link a {
      font-family: 'Avenir';
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.33;
      text-transform: none;
      color: #333333;
      text-decoration: underline; }

/** content store info data */
.store-info-data-detailed-list-item {
  margin-top: 0;
  padding: 18px 20px;
  margin-bottom: 10px;
  position: relative;
  /** Span real store option store */
  /** Span outlet store option store */
  /** hiperlink get directions and See store details */
  /** Container of features store */
  /** Button favorite store */
  /** content store phone number*/
  /** Content time schedules */ }
  .store-info-data-detailed-list-item .content-direction {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    padding-right: 5px; }
  .store-info-data-detailed-list-item .content-store-detail {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-right: 5px; }
  .store-info-data-detailed-list-item span {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    text-transform: none; }
  .store-info-data-detailed-list-item .calculate-distance-button {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    text-transform: none;
    text-decoration: underline; }
  .store-info-data-detailed-list-item .store-address {
    margin-top: 29px; }
    .store-info-data-detailed-list-item .store-address br {
      display: inline-block; }
  .store-info-data-detailed-list-item .retail-store,
  .store-info-data-detailed-list-item .store-store {
    margin-top: -10px;
    margin-bottom: 10px;
    margin-left: -9px; }
    .store-info-data-detailed-list-item .retail-store:before,
    .store-info-data-detailed-list-item .store-store:before {
      display: inline-block;
      font-family: "icons";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      content: "\F12C"; }
    .store-info-data-detailed-list-item .retail-store:before,
    .store-info-data-detailed-list-item .store-store:before {
      font-size: 28px;
      position: relative;
      top: 8px;
      left: 0;
      color: #ca0088; }
  .store-info-data-detailed-list-item .outlet-store:before {
    content: '';
    width: 12px;
    height: 12px;
    float: left;
    position: relative;
    background: #ca0088;
    border-radius: 50%;
    border: none;
    color: #ca0088;
    margin-right: 10px;
    left: 0; }
  .store-info-data-detailed-list-item .button-directions, .store-info-data-detailed-list-item .button-see-store-details {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.15;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    text-decoration: underline;
    display: block;
    margin-top: 20px; }
  .store-info-data-detailed-list-item .button-see-store-details {
    margin-top: 31px; }
  .store-info-data-detailed-list-item .features-store {
    position: absolute;
    top: 0; }
  .store-info-data-detailed-list-item .favorite-store-indicator,
  .store-info-data-detailed-list-item .button-set-as-favorite {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #333333;
    margin: 0;
    position: absolute;
    top: 25px;
    right: 20px; }
  .store-info-data-detailed-list-item .button-set-as-favorite {
    text-decoration: underline; }
  .store-info-data-detailed-list-item .store-phone-number {
    margin-top: 50px; }
  .store-info-data-detailed-list-item .time-schedules {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.42;
    text-transform: uppercase;
    color: #333333;
    width: 46%;
    /** Title with interaction of store hours */
    /* List hours of store */ }
    .store-info-data-detailed-list-item .time-schedules .store-schedule-title {
      cursor: pointer;
      margin-bottom: 20px;
      text-transform: none; }
      .store-info-data-detailed-list-item .time-schedules .store-schedule-title:before {
        display: inline-block;
        font-family: "icons";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        content: "\F10C"; }
      .store-info-data-detailed-list-item .time-schedules .store-schedule-title:before {
        float: right;
        font-size: 6px;
        margin-right: 6px;
        margin-top: 8px;
        font-weight: 900;
        transform: rotate(180deg); }
      .store-info-data-detailed-list-item .time-schedules .store-schedule-title.expanded:before {
        transform: rotate(1deg); }
    .store-info-data-detailed-list-item .time-schedules .store-day-and-time {
      margin-bottom: 0; }
  @media (min-width: 1250px) {
    .store-info-data-detailed-list-item {
      /* Content time schedules */ }
      .store-info-data-detailed-list-item .content-direction {
        width: 33%;
        padding-right: 15px; }
      .store-info-data-detailed-list-item .content-store-detail {
        width: 29%;
        padding-right: 15px; }
      .store-info-data-detailed-list-item .time-schedules {
        width: 38%; } }

/* NOTE: To fixed float of google map container */
.store-locators + .footer-global {
  clear: both; }
@charset "UTF-8";
/**
* Site Map
**/
/**
* Site Map (Mobile)
**/
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS mixins
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
/* Manual Chevron Icon  */
/* Manual Clock Icon  */
/*********************
* Typographys
*********************/
/* Avenir Book */
/* Avenir Medium */
/* Avenir Heavy */
/* Avenir Black */
/* Headings h1 */
/* Headings h2 */
/* Headings h3 */
/* Headings h4 */
/*****************
* Common texts
*****************/
/* Primary Body */
/* Secondary Body */
/* Primary Notification Text */
/* Secondary Notification Text */
/* Description Primary text */
/* Description Secondary text */
/* Navigation level one */
/* Navigation level one -> selected */
/* Navigation level one -> not selected */
/* Navigation level two featured */
/* Navigation level two standard */
/* Global Promo Notification */
/* Button Primary text */
/* Button Secondary text */
/*************************
 * Buttons
*************************/
/* Button, Inputs or Links such as [type="submit"] */
/*********************
* Select
*********************/
/*********************
* Form Elements
*********************/
/* Inputs tag [type="text"] */
/* Title inputs in Forms */
/* Title of checkbox and radio in Forms */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* Color params are $color-alert-one or $color-alert-two -> for error or warning input */
/* GLOBAL Loading icon */
/******************
* Header
******************/
/*********************
* Icons (with before and after)
*********************/
/* GLOBAL Plus icon */
/* GLOBAL Search icon */
/* GLOBAL Exit icon (for all modal) */
/* GLOBAL Delete icon (for item remove) */
/* More and Less icon (Example: accordion toggle or shopping cart (add product)*/
/*********************
* Various
*********************/
/* Se le pasa la cantidad de items
que tiene el contenedor de los inputs
que se quiere rediseñar */
/**
 * "responsive" calc
 */
/**
 * Logo escalable
**/
/**
 * Slider's buttons
**/
/*
* Shadow bottom (only)
*/
/*
* Button Close to WIC or RTPS modals
*/
/*
 * Ellipsis for long words into a some box
 */
/**
 * The Children Place
 * Mobile UI Style Guide
 * SASS variables
 * Use descriptive names for variables
 * $grey-6 Is NOT a good name, $primary-color Is good name
 */
/**
**  Styleguides
**/
/*****************************************/
/* Primary colors */
/* Accent colors */
/* Newly added Accent color */
/* Alert colors */
/* Red */
/* Orange -> only specify for Input Warning */
/* Green */
/* Global White */
/*****************************************/
/**
** Icons (Social Networks in footer)
**/
/*****************************************/
/**
** Alias and Variables for Button Colors
**/
/**
** Alias for Inputs Colors
**/
/* Inputs focus */
/* Disabled */
/**
** Alias for Border in Header and Footer
**/
/*****************************************/
/**
** Alias for Radio Buttons and Check Buttons
**/
/* ON -> check | OFF -> unchecked */
/* Normal ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Normal OFF */
/* Border */
/* Focus ON -> checked */
/* Border */
/* Background */
/* Icon Check */
/* Focus OFF */
/* Border */
/**
** Colors with opacity (in rgba)
**/
/**
** Peticion del ticket DT-17985
**/
/**
** Color requested in ticket DT-27673  #990000
**/
/**
** Badges
**/
/**
** Global Coupons
**/
.site-map-container .level-one-container {
  padding: 10px; }

.site-map-container .level-one-title {
  font-family: 'Avenir';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 11px; }

.site-map-container .level-two-title {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  text-transform: uppercase;
  text-decoration: underline;
  color: #666666;
  margin-bottom: 13px; }

.site-map-container .level-three-container {
  margin-bottom: 15px;
  margin-left: 10px;
  padding-left: 15px;
  position: relative; }
  .site-map-container .level-three-container.active .level-four-title {
    display: block; }
  .site-map-container .level-three-container.active .level-three-button:before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #666666;
    top: 4px;
    position: relative; }

.site-map-container .level-three-button {
  font-size: 0px;
  position: absolute;
  left: 0;
  top: 5px;
  width: 8px;
  height: 8px; }
  .site-map-container .level-three-button:before {
    content: '';
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 8px solid #666666; }

.site-map-container .level-three-title {
  font-family: 'Avenir';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.15;
  color: #333333; }

.site-map-container .level-four-title {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.36;
  text-decoration: none;
  text-transform: none;
  color: #666666;
  margin-top: 5px;
  display: none; }
  .site-map-container .level-four-title a {
    text-decoration: none; }

.site-map-container a {
  color: inherit; }

.site-map-container .level-one-container {
  padding: 60px 10px 20px; }

.site-map-container .title {
  text-align: center;
  margin: 60px 0 35px; }

.site-map-container .level-two-container {
  padding: 0;
  width: 33%;
  display: inline-block;
  vertical-align: top; }

/*# sourceMappingURL=d-page-checkout.min.css.map*/