#delivery_details_form {
  background-color: red;
}

/** for all **/
:root * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;


}

html {
  font-family: var(--fontSecond);
  --scroll_Apple: 0;
}

body {
  --scroll-bar: 0;
  background-color: var(--backMenu);
  width: 100%;
}

/*************** <---- end for all */

/* menu-bar */
.box-menu-bar {
  transition: all 0.5s;
  position: fixed;
  left: 0;
  top: 114px;
  z-index: 4;
  background-color: var(--menubarColor);
  /*--mainColor is defined in fonts.css*/
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .box-menu-bar {
    top: 153px;
  }
}

.box-menu-bar .categories-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--menubarTextColor);
}

.box-menu-bar .categories-item ul {
  pointer-events: none;
  top: 0;
  height: 0;
  transition: height 0.2s;
  z-index: 300;
  list-style: none;
  overflow: hidden;
  position: fixed;
  -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  display: -ms-grid;
  display: grid;
  text-align: center;
  grid-gap: 10px;
  left: 0;
  width: 100%;
  justify-content: center;
  justify-items: center;
  align-items: center;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  background-color: var(--backMegaMenu);
  color: white;
}

@media screen and (max-width:767px) {
  .box-menu-bar .categories-item ul {
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.box-menu-bar .categories-item ul li {
  transition: all 0.2s;
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari 3.1+ */
  -moz-user-select: none;
  /* Firefox 2+ */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Standard syntax */
  padding: 5px;
}

.box-menu-bar .categories-item ul li.visible {
  border-bottom: 3px solid #fff;
}

.box-menu-bar .name-cat {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  text-align: left;
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari 3.1+ */
  -moz-user-select: none;
  /* Firefox 2+ */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Standard syntax */
}

.box-menu-bar .name-cat::after {
  content: "";
  width: 5px;
  height: 5px;
  display: inline-block;
  margin-left: 10px;
  transition: all 0.2s;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  position: relative;
  top: -3px;
  background-color: transparent;
  border-left: 2px solid black;
  border-bottom: 2px solid black;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.box-menu-bar .categories-item.grating.visible .name-cat::after {
  border-left: 2px solid var(--mainColor);
  border-bottom: 2px solid var(--mainColor);
}

.box-menu-bar .sub-categories-item-element {
}

.box-menu-bar .sub-categories-item-element.grating>.show_sub-sub+ul {
  display: none;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}

.box-menu-bar .sub-categories-item-element.grating>.show_sub-sub::after {
  content: "";
  width: 5px;
  height: 5px;
  display: inline-block;
  margin-left: 5px;
  background-color: transparent;
  border-left: 2px solid black;
  border-bottom: 2px solid black;
  -webkit-transform: rotate(-135deg) translateY(2.5px);
  transform: rotate(-135deg) translateY(2.5px);
}

.box-menu-bar .sub-categories-item-element.grating>.show_sub-sub.show {
  margin-bottom: 5px;
  align-self: flex-start;
}

.box-menu-bar .sub-categories-item-element.grating>.show_sub-sub.show::after {
  -webkit-transform: rotate(-45deg) translateY(-2px);
  transform: rotate(-45deg) translateY(-2px);
  margin-left: 10px;
}

.box-menu-bar .sub-categories-item-element.grating>.show_sub-sub.show+ul {
  display: -ms-grid;
  display: grid;
}

.box-menu-bar .categories-item.showSub ul {
  pointer-events: initial;
  height: 150px;
  padding: 5px;
  border-top: 4px solid var(--backMegaMenu);
  z-index: 300;
}

.box-menu-bar .categories-item.showSub .name-cat::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-left: 10px;
}

.box-menu-bar .menu-categories-inner {
  width: 100%;
  padding: 0;
  overflow-x: hidden;
  position: relative;
}

.box-menu-bar .menu-categories-inner-all {
  position: relative;
  top: 0;
  left: 0;
  transition: all 0.4s;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  width: 100%;
  /* border-bottom: 4px solid #C3B7A0; */
}

.box-menu-bar .menu-categories-inner-all>div {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  font-size: 1rem;
  padding: 30px 0;
  overflow-x: auto;
  grid-template-rows: 1.2rem;
}
@media screen and (max-width:767px) {
  .box-menu-bar .menu-categories-inner-all > div{
    font-size: .8rem;
  }
  .box-menu-bar .categories-item ul {
    grid-template-columns: 1fr ;
  }
}
@media screen and (max-width: 767px) {
  .box-menu-bar .menu-categories-inner-all>div::-webkit-scrollbar {
    background-color: #b3b3b3;
    height: 10px;
  }

  .box-menu-bar .menu-categories-inner-all>div::-webkit-scrollbar-track {
    background-color: white;
  }

  .box-menu-bar .menu-categories-inner-all>div::-webkit-scrollbar-thumb {
    background-color: #b3b3b3;
    border-radius: 10px;
  }

  .box-menu-bar .categories-item.showSub ul {
    height:var(--height-inner);
    max-height:var(--height-rest);
    overflow: auto;
    padding: 5px;
    /* border-top: 4px solid var(--mainColor); */
    z-index: 300;
  }
}

@media screen and (max-width: 400px) {
  .box-menu-bar .categories-item.showSub ul {
    font-size: .8rem;
  }
}

.box-menu-bar .menu-categories-inner-all>div>div {
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari 3.1+ */
  -moz-user-select: none;
  /* Firefox 2+ */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Standard syntax */
  white-space: nowrap;
  position: relative;
  padding: 0 10px;
}

.box-menu-bar .menu-categories-inner-all>div>div.grating {
  cursor: initial;
}

.box-menu-bar .menu-categories-inner-all>div>div::after {
  transition: height 0.2s;
  width: calc(100% - 20px);
  height: 0px;
  background-color: var(--menubarTextclickColor);
  border-radius: 3px;
  bottom: -10px;
  right: 10px;
}

.box-menu-bar .menu-categories-inner-all>div>div {
  transition: color 0.2s;
}

.box-menu-bar .menu-categories-inner-all>div>div:first-child::after {
  width: calc(100% - 30px);
}

.box-menu-bar .menu-categories-inner-all>div>div:last-child::after {
  width: calc(100% - 30px);
  right: 20px;
}

.box-menu-bar .menu-categories-inner-all>div>div.visible::after {
  height: 3px;
}

.box-menu-bar .menu-categories-inner-all>div>div.visible {
  color: var(--menubarTextclickColor);
}

.box-menu-bar .menu-categories-inner-all>div>div::before,
.box-menu-bar .menu-categories-inner-all>div>div::after {
  position: absolute;
  content: "";
}

.box-menu-bar .menu-categories-inner-all>div>div:before {
  background-color: #000;
  width: 2px;
  height: 100%;
  right: -1px;
  top: 0;
  
}

.box-menu-bar .menu-categories-inner-all>div>div:first-child {
  padding-left: 20px;
}

.box-menu-bar .menu-categories-inner-all>div>div:last-of-type {
  padding-right: 20px;
}

.box-menu-bar .menu-categories-inner-all>div>div:last-of-type:before {
  width: 0;
}

#ajax_menu,
#ajax_menu_loading {
  display: none !important;
}

#variable {
  transition: all .2s;
  padding: 0;
  overflow: hidden;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: center;
}

#variable.load {
  padding: 0 0 0 0;
}

#variable .banner {
  background-color: gray;
  text-align: center;
  width: 100%;
  padding: 75px 100px;
  color: white;
  font-size: 3rem;
  position: relative;
  text-transform: capitalize;
  text-shadow: 2px 2px 4px #000000;
  font-family: var(--fontExp);
  background-size: cover;
  background-position: center center;
}

#variable .banner::after {
  position: absolute;
  content: "";
  bottom: 50px;
  left: calc(50% - 40px);
  width: 80px;
  height: 2px;
  background-color: white;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  #variable .banner {
    font-size: 1.5rem;
    padding: 50px 10px;
  }
}

@media screen and (max-width: 550px) {
  #variable .banner {
    font-size: 1rem;
    padding: 50px 10px;
  }

  #variable .banner::after {
    bottom: 40px;
    height: 2px;
  }
}

#variable .box-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(calc(50% - 10px), 767px) 20px minmax(calc(50% - 10px), 767px);
  grid-template-columns: repeat(3, minmax(calc(25% - 1.33vw), 767px));
  padding: 40px 150px;
  grid-gap: 20px;


}

@media screen and (max-width:1268px){
        #variable .box-items {
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: minmax(calc(50% - 10px), 767px) 20px minmax(calc(50% - 10px), 767px);
                grid-template-columns: repeat(2, minmax(calc(50% - 10px), 767px));
                padding: 40px 150px;
                grid-gap: 20px;

  }
}

#variable .box-items-inner {
  background-color: white;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 120px;
  grid-template-columns: 1fr 120px;
  -ms-grid-rows: minmax(59px, auto) minmax(150px, 1fr);
  grid-template-rows: minmax(59px, auto) minmax(150px, 1fr);
}

#variable .box-items-inner>*:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

#variable .box-items-inner>*:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

#variable .box-items-inner>*:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

#variable .box-items-inner>*:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

#variable .showcase>#newBox .img .box-items-inner {
  background-color: white;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 120px;
  grid-template-columns: 1fr 120px;
  -ms-grid-rows: auto minmax(59px, auto) minmax(150px, 1fr);
  grid-template-rows: auto minmax(59px, auto) minmax(150px, 1fr);
}

#variable .showcase>#newBox .img .box-items-inner>*:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

#variable .showcase>#newBox .img .box-items-inner>*:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

#variable .showcase>#newBox .img .box-items-inner>*:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

#variable .showcase>#newBox .img .box-items-inner>*:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

#variable .showcase>#newBox .img .box-items-inner>*:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

#variable .showcase>#newBox .img .box-items-inner>*:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}

#variable .box-items-inner .img_inner {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 220px;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
}

#variable .showcase>#newBox .img_inner {
  display: none;
}

#variable .showcase>#newBox .img .img_inner {
  display: block;
}

#variable .box-items-inner .header {
  background-color: white;
}

#variable .box-items-inner .title {
  padding: 20px 40px;
  font-size: 1rem;
  color: #666666;
  font-family: var(--fontFirst);
  display: flex;
  align-items: center;
  box-shadow: 0 2px 8px -1px rgba(0, 0, 0, 0.10);
  text-transform: capitalize;
}

#variable .box-items-inner .price {
  padding: 20px 0;
  align-items: center;
  justify-content: center;
  display: flex;
  color: #000;
  font-family: var(--fontExp);
  font-weight: bold;
}
#variable .box-items-inner .price span{
  display: none;
}
#variable .box-items-inner .price span.show{
  display: inline-block;
}
#variable .box-items-inner .price span::before {
  content: "";
}
#variable .box-items-inner .price span.show::before {
  content: "$";
}

#variable .box-items-inner .description {
  padding: 20px 40px 20px 40px;
  position: relative;
  display: -ms-grid;
  display: grid;
  font-size: .9rem;
  color: black;
}

#ajax_session_timer {
  padding: 0 150px 3% 150px;
  background-color: var(--backMenu);
  color: black;
}

@media screen and (max-width: 1250px) {
  #ajax_session_timer {
    padding: 0 40px 3% 40px;
  }
}

@media screen and (max-width: 767px) {
  #ajax_session_timer {
    padding: 0 10px 3% 10px;
  }
}

#variable .box-items-inner .description::after {
  content: "";
  position: absolute;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.17);
  height: calc(100% - 40px);
  top: 20px;
  right: 0;
}

#variable .box-items-inner .add_item {
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari 3.1+ */
  -moz-user-select: none;
  /* Firefox 2+ */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Standard syntax */
  color: white;
  padding: 5px;
  background-color: var(--additemColor);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px -1px rgba(0, 0, 0, 0.10);
  text-transform: capitalize;
}

#variable .box-items-inner .add_item::before {
  content: "+ ";
  font-size: 1.2rem;
  margin-right: 5px;
  position: relative;
top: -1.5px;
}

@media screen and (max-width: 1250px) {
  #variable .box-items {
    padding: 40px;
  }
}

@media screen and (max-width: 767px) {
  #variable .box-items {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    padding: 40px 10px;
  }

  #variable .box-items-inner {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: minmax(45px, auto) minmax(150px, 1fr) 45px;
    grid-template-rows: minmax(45px, auto) minmax(150px, 1fr) 45px;
  }

  #variable .box-items-inner>*:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  #variable .box-items-inner>*:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  #variable .box-items-inner>*:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  #variable .box-items-inner>*:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }

  #variable .box-items-inner>*:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  #variable .box-items-inner>*:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }

  #variable .showcase>#newBox .img .box-items-inner {
    -ms-grid-rows: auto minmax(45px, auto) minmax(150px, 1fr) 45px;
    grid-template-rows: auto minmax(45px, auto) minmax(150px, 1fr) 45px;
  }

  #variable .box-items-inner .img_inner {
    height: 150px;
  }

  #variable .box-items-inner .title {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }

  #variable .box-items-inner .description {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }

  #variable .box-items-inner .description::after {
    width: 0;
  }

  #variable .box-items-inner .price {
    background-color: #F7F5F2;
  }

  #variable .box-items-inner .add_item {
    -ms-grid-row: -2;
    grid-row-start: -2;
    -ms-grid-column: 2;
    grid-column-start: 2;
  }
}

#variable #menus-inner {
  display: none;
}

#variable .showcase {
  color: #666666;
  transition: all .4s;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (100%)[2];
  grid-template-columns: repeat(2, 100%);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
}

#variable .showcase>*:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

#variable .showcase>*:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

#variable .showcase #newBox_inner {
  position: fixed;
  background-color:var(--colorLoader);
  top: 0;
  left: 0;
  width: 100%;
  transition: all .2s;
  z-index: 3000;
  height: 100vh;
  display: -ms-grid;
  display: grid;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  opacity: 1;
}

@-webkit-keyframes finish {

  /* from {background-color: red;} */
  100% {
    display: none;
    opacity: 0;
  }
}

@keyframes finish {

  /* from {background-color: red;} */
  100% {
    display: none;
    opacity: 0;
  }
}

#variable .showcase {
  overflow: hidden;
}

#variable .showcase #newBox,
#variable .showcase #oldBox {
  top: 0;
  position: relative;
  width: 100%;
  left: 0;
  /* background-image: url("../../images/bg-menu.png");
  background-size: contain;
  background-position: center center; */
}

#variable .showcase #oldBox {
  opacity: 1;
  transition: all .4s ease-out;
}

#variable .showcase #newBox.rect,
#varsiable .showcase #oldBox.rect {
  overflow: hidden;
  -webkit-animation: rightToLeft .4s;
  animation: rightToLeft .4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  left: 100%;
}

#variable .showcase #newBox.rev,
#vasriable .showcase #oldBox.rev {
  overflow: hidden;
  -webkit-animation: leftToRight .4s;
  animation: leftToRight .4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  left: -100%;
}

#variable .showcase #newBox.ext,
#vasriable .showcase #oldBox.ext {
  -webkit-animation-fill-mode: initial;
  animation-fill-mode: initial;
  left: 0;
}

#variable .showcase #newBox.left,
#varisable .showcase #oldBox.left {
  position: absolute;
  left: -100%;
}

#variable .showcase #newBox.right,
#varisable .showcase #oldBox.right {
  position: absolute;
  left: 200%;
}

#variable .showcase #oldBox.left {
  position: absolute;
  /* left: -100%; */
  opacity: .5;
  z-index: -2;
}

#variable .showcase #oldBox.right {
  position: absolute;
  /* left: 200%; */
  opacity: .5;
  z-index: -2;
}

/* #variable .showcase #newBox > div{
  display: none;
  transition: all .2s;
}
#variable .showcase #newBox > div.innerVisible{
  display: block;
} */
@-webkit-keyframes leftToRight {
  100% {
    left: 0;
  }
}

@keyframes leftToRight {
  100% {
    left: 0;
  }
}

@-webkit-keyframes rightToLeft {
  100% {
    left: 0;
  }
}

@keyframes rightToLeft {
  100% {
    left: 0;
  }
}

/* end menu-bar */
/* cart*/
.content_column_right {
  position: fixed;
  z-index: 6;
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  background-color: white;
  overflow-y: auto;
  transition: all 0.2s;
  overflow: hidden;
  visibility: hidden;
}

.content_column_right .basket {
  display: -ms-grid;
  display: grid;
  font-size: 0.8rem;
  font-weight: bold;
}

.content_column_right .basket input {
  width: 100%;
}

.content_column_right .basket>div:nth-child(2) {
  display: -ms-grid;
  display: grid;
  margin-top: 10px;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.content_column_right .basket>div:nth-child(2)>div {
  color: white;
  background-color: var(--mainColor);
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari 3.1+ */
  -moz-user-select: none;
  /* Firefox 2+ */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Standard syntax */
  padding: 10px;
}

.content_column_right .exit {
  position: fixed;
  width: 0;
  opacity: 0;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  transition: opacity 0.5s;
}

.content_column_right.open {
  visibility: visible;
  width: 320px;
  overflow: initial;
  overflow-y: auto;
}

.content_column_right.open .exit {
  opacity: 1;
  width: calc(100% - 320px);
}

.content_column_right #ajax_webcart_inner {
  padding: 10px 25px;
}

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

.content_column_right .btn-custom {
  margin: 10px 0;
  display: inline-block;
  padding: 10px 10px;
  width: 200px;
  background-color: var(--mainColor);
  color: white;
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari 3.1+ */
  -moz-user-select: none;
  /* Firefox 2+ */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Standard syntax */
}

.content_column_right .bottom {
  font-size: 0.8rem;
  padding-top: 30px;
  display: -ms-grid;
  display: grid;
  min-height: 150px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  text-align: center;
  align-content: flex-end;
}

.content_column_right .bottom .cuentas {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 5px 1fr;
  grid-template-columns: 2fr 1fr;
  grid-gap: 5px;
  color: black;
  font-weight: bold;
}

.content_column_right .bottom .cuentas>div:nth-child(2n) {
  color: #838383;
}

.content_column_right .bottom .cuentas>div {
  padding: 5px 20px;
}

.content_column_right .bottom .cuentas>div:nth-child(5) {
  padding: 0;
}

.content_column_right .bottom .cuentas>div:nth-child(5) span {
  display: inline-block;
  color: white;
  background-color: #B3B3B3;
  border-radius: 10px;
  padding: 5px 20px;
}

.content_column_right .webcartRow-inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 5px auto 5px auto 5px 1fr 5px auto 5px auto;
  grid-template-columns: auto auto auto 1fr auto auto;
  grid-gap: 5px;
  padding: 10px 0;
  border-bottom: 2px solid #E6E6E6;
  align-items: center;
  text-align: left;
  color: black;
  font-size: 0.8rem;
}
.advanceNoticeClosed{
  background-color: var(--mainColor);
}
.advanceNoticeClosed span{
  color: white !important;
}
.content_column_right .webcartRow-inner .orange {
  color: var(--mainColor);
}

.content_column_right .webcartRow-inner .price-web {
  color: #A3A3A3;
}

.content_column_right .webcartRow-inner .pencil {
  width: 12px;
  height: 100%;
  background-image: url("../../images/Pencil-Icon_Gray.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.content_column_right .webcartRow-inner .pencil+div {
  height: 100%;
}

.content_column_right .webcartRow-inner .close {
  width: 12px;
  height: 100%;
  background-image: url("../../images/x-red.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.content_column_right #ajax_order_details_inner {
  height: 100%;
}

.content_column_right #ajax_order_details_inner>div {
  height: 100%;
}

.content_column_right #ajax_order_details_inner>div>table,
.content_column_right #ajax_order_details_inner>div tr,
.content_column_right #ajax_order_details_inner>div td {
  height: 100%;
}

.content_column_right #ajax_order_details_inner>div td {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 1px 1fr;
  grid-template-rows: auto 1px 1fr;
}

.content_column_right #ajax_order_details_inner #ajax_webcart {
  height: 100%;
}

.content_column_right #ajax_order_details_inner #ajax_webcart>div {
  height: 100%;
}

.content_column_right #ajax_order_details_inner #ajax_webcart>div>div {
  height: 100%;
}

.content_column_right #ajax_order_details_inner #ajax_webcart table,
.content_column_right #ajax_order_details_inner #ajax_webcart tr,
.content_column_right #ajax_order_details_inner #ajax_webcart td {
  height: 100%;
}

.content_column_right #ajax_order_details_inner #ajax_webcart td {
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
}

.content_column_right #ajax_order_details_inner #ajax_webcart tr {
  height: 100% !important;
}

.content_column_right #ajax_order_details_datetime_inner {
  color: var(--mainColor);
  background-color: #F1F2F2;
  font-size: 0.8rem;
  padding: 10px 30px;
}

.content_column_right #ajax_order_details_datetime_inner .orderDetailsContent {
  padding: 0 !important;
}

.content_column_right #ajax_order_details_datetime_inner .orderDetailsContent>div {
  padding: 5px;
}

.content_column_right #ajax_order_details_datetime_inner .orderDetailsContent>div div {
  padding: 10px 0 10px 10px;
}

.content_column_right #ajax_order_details_datetime_inner .orderDetailsContent>div div:last-child::before {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 10px;
  width: calc(100% - 10px);
  height: 1.5px;
  background-color: var(--mainColor);
  box-sizing: border-box;
}

.content_column_right #ajax_order_details_datetime_inner .orderDetailsContent>div div:last-child {
  text-transform: capitalize;
  position: relative;
}

.content_column_right #ajax_order_details_datetime_inner .orderDetailsContent>div>div:first-child {
  border-radius: 30px;
  padding: 10px;
  color: white;
  background-color: #A7A9AC;
  font-weight: bold;
  width: auto !important;
}

.content_column_right #a_btip_advance_notice {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.content_column_right #a_btip_advance_notice>div {
  display: flex;
  font-size: 0.6rem;
  justify-content: center;
  padding: 15px 0;
  background-color: var(--slideactivityColor);
}

.content_column_right #a_btip_advance_notice>div .advanceNoticeWaitTextNormal,
.content_column_right #a_btip_advance_notice>div .basicAdvanceNoticeTextNormal {
  color: white !important;
}

.content_column_right #a_btip_advance_notice>div .advanceNoticeText {
  color: white !important;
  padding-right: 5px;
  font-weight: bold;
}

.content_column_right #content_column_right_content {
  height: 100% !important;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 1fr auto;
  grid-template-rows: 1fr auto;
}

.content_column_right #content_column_right_content>*:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.content_column_right #content_column_right_content>*:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.content_column_right #content_column_right_content #ajax_header_account {
  padding: 10px 25px;
}

.content_column_right #content_column_right_content #ajax_header_account .headerAccount {
  padding-bottom: 20px;
}

html.locked_safari .content_column_right #content_column_right_content #ajax_header_account {
  padding-bottom: 60px;
}

.content_column_right #content_column_right_content #ajax_header_account .headerAccountHeaderRow,
.content_column_right #content_column_right_content #ajax_header_account .headerAccountHeaderRowOver {
  padding: 10px !important;
  background-color: var(--mainColor);
  text-align: center;
  margin-bottom: 5px;
  font-size: 0.8rem;
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari 3.1+ */
  -moz-user-select: none;
  /* Firefox 2+ */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Standard syntax */
}

.content_column_right #content_column_right_content #ajax_header_account .headerAccountHeaderRow span,
.content_column_right #content_column_right_content #ajax_header_account .headerAccountHeaderRowOver span {
  color: white !important;
}

.content_column_right #content_column_right_content #ajax_header_account .headerAccountHeaderRow:nth-of-type(3),
.content_column_right #content_column_right_content #ajax_header_account .headerAccountHeaderRowOver:nth-of-type(3) {
  background-color: #B3B3B3;
}

.content_column_right #content_column_right_content #ajax_header_account .headerAccountHeaderRow+div,
.content_column_right #content_column_right_content #ajax_header_account .headerAccountHeaderRowOver+div {
  display: none;
}

.content_column_right #content_column_right_content>div:first-child {
  -ms-grid-row: 2;
  grid-row-start: 2;
}

.content_column_right .msg-cart {
  color: #B3B3B3;
  padding: 10px 20px;
}

.content_column_right .advanceNoticeClosed {
  padding: 10px;
  text-align: center;
}

.content_column_right .cart_em {
  display: inline-block;
  background-image: url("../../images/cart.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  position: relative;
  top: 7.5px;
}

.content_column_right .order-sumary {
  color: #fff;
  padding: 20px;
  position: relative;
  text-align: center;
  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.17);
  background-color: var(--slideheaderColor);
  font-family: var(--fontFirst);
}

.content_column_right .order-sumary #close-webcart {
  width: 15px;
  height: 100%;
  background-image: url("../../images/X-Icon_White.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: inline-block;
  position: absolute;
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari 3.1+ */
  -moz-user-select: none;
  /* Firefox 2+ */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Standard syntax */
  top: -25%;
  left: 20px;
}


/** fix inline **/
#ajax_toolbar {
  height: 0 !important;
}

/***** end **********/

/* iframe{
  visibility: hidden;
} */
.box-menu-bar .categories-item ul.transi_menubar {
  transition: height 0.2s, top 0s linear .2s, width 0s linear .2s;
}