.welcome a {
  color: #fff;
  transition: 0.3s;
}

.welcome a:hover {
  color: #00ff00;
}

.welcome i {
  font-size: 40px;
  float: left;
  color: #fff;
  font-weight: 700;
  opacity: 0.6;
  margin-right: 10px;
}

.i-hover {
  width: 45px;
  float: left;
  /*margin: 4px 4px 0 0;*/
  display: inline;
  transition: 0.3s;
}

.i-hover:hover {
  color: #00ff00;
}

.icon-heart {
  display: flex;
  width: 100%;
  max-width: 56px;
}

.wishlist-hover input[type="checkbox"] + label:before {
  display: none !important;
}

.wishlist-hover input[type="checkbox"] + label svg {
  padding-top: 5px;
}
.text-right-navbar {
  width: 585px;
  right: -6px;
}
.text-right-navbar > span {
  color: #032054 !important;
  cursor: default;
}

.text-right-navbar > span > span {
  color: #fff !important;
  font-size: 15px;
  padding: 11px 13px;
}

#vp_topheader #topright_menu .navbar-nav li:not(:last-child):after {
  content: "";
  width: 1px;
  height: 18px;
  background: var(--primary-color);
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.input-group .form-control {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
/* topright_menu */
.navbar-default .navbar-nav > li > a {
  font-size: 14px;
  font-family: "Open sans", sans-serif;
  font-weight: 400px !important;
}

.topnavbar-televendas > span {
  background-color: var(--primary-color);
}

/* 29/03/2021 - NWSYS - Autor: Thiago Saraiva */
/* Balão de login */
.tooltip {
  position: relative;
  /* display: inline-block; */
  /* right: -2px; */
  float: right;
}

/* Conteúdo do balão */
.tooltiptext {
  visibility: hidden;
  opacity: 0;
  width: 238px;
  background-color: #f0f0f0;
  /* Position the tooltip */
  position: absolute;
  top: 40px;
  right: 19px !important;
  -webkit-transition: all 0.7s 0.1s;
  transition: all 0.7s 0.1s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 40%);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgb(0 0 0 / 40%);
  z-index: 9999;
}

.tooltiptext .columns {
  padding: 10px 4px 10px 20px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  /* desativa tooltip */
  /* opacity: 1; */
}

/* Seta acima da box */
.tooltiptext:before {
  content: " ";
  position: absolute;
  top: -8px;
  left: 178px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #f0f0f0;
}

/* caixa direita de login */

.login-tooltip-user {
  width: 230px;
  height: 180px;
  padding-top: 0px !important;
  float: right;
  padding: 15px;
  background-color: rgb(218, 218, 218);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 8px;
}

/* itens do conteúdo de login */
.login-tooltip-user li {
  background: none !important;
  float: right;
  position: relative;
  /* Importante para posicionar o conteúdo do dropdown*/
  list-style: none;
  text-decoration: none !important;
}

/* Botão de acesso ao perfil */
.profile-button-tooltip-user a {
  width: 200px;
  float: left;
  padding: 10px 0;
  border-radius: 5px;
  background-color: #023c02;
  font-size: 12px;
  letter-spacing: 0.2px;
  text-align: center;
  color: #fff !important;
  text-transform: uppercase;
  outline: none;
  text-decoration: none !important;
}

.profile-button-tooltip-user a:hover {
  width: 200px;
  float: left;
  padding: 10px 0;
  border-radius: 5px;
  background-color: #1e721e;
  font-size: 12px;
  letter-spacing: 0.5px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}

/* Texto Bem Vindo */

.login-tooltip-user h3 {
  font-size: 14px;
  font-weight: 500;
  color: #0033c6 !important;
  text-align: center;
}

.login-tooltip-user {
  font-size: 14px;
  font-weight: 500;
  color: #696969 !important;
  text-align: center;
}

/* Lista principal */
.tooltiptext ul {
  list-style: none;
}

/* Colunas */
.tooltiptext .col {
  /* display: inline; */
  float: left;
  padding: 0;
  margin: 0 0 12px 0;
  width: 100%;
}

.tooltiptext li ul.col li {
  width: 85%;
  list-style-type: none;
  height: 100%;
  position: relative;
  float: none;
  text-decoration: none !important;
}

/* conteudo do href */
.tooltiptext li a {
  font-size: 14px;
  font-weight: normal !important;
  color: #000;
  text-decoration: none !important;
}

.tooltiptext li:hover a {
  color: #000;
  text-decoration: none !important;
}

/* conteudo principal do tooltip */
.tooltiptext span {
  color: #666;
  line-height: 35px;
  margin: 10px 10px 10px 20px;
  font-size: 13px;
}
/* conteúdo esquerdo da box */
#column-left-box-tooltip {
  line-height: 25px;
}

#item-menu-tooltip {
  font-size: 16px !important;
}

.login-tooltip-user .fa-facebook-square:hover {
  color: #3b5998;
}

.login-tooltip-user .fa-instagram:hover {
  color: #c13584;
}

#img-effect-app {
  transition: transform 0.3s;
  transform: translateX(2px) scale(0.9);
}

#img-effect-app:hover,
#img-effect-app:focus {
  transform: translateX(2.2px) scale(1);
}

/* tooltip minicart top-navbar */
.tooltip-minicart-navbar {
  opacity: 1 !important;
  cursor: pointer;
}

.tooltip .tooltip-minicart {
  visibility: hidden;
  width: 350px;
  min-height: 100px;
  background-color: #fff;
  color: #000;
  text-align: center;
  border-radius: 0px 0px 6px 6px;
  padding: 5px 18px;
  position: absolute;
  z-index: 1;
  top: 102%;
  left: 50%;
  margin-left: -300px;
  opacity: 0;
  transition: opacity 0.5s;
  box-shadow: 2px 2px 2px rgb(0 0 0 / 20%);
}
.tooltip:hover .tooltip-minicart {
  visibility: visible;
  opacity: 1;
}

.title-tooltip-fixed {
  display: block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0px;
  color: #6f6f6f;
  margin: 16px 0 24px 0;
}

.dropdown_minicart {
  position: relative;
  /* right: -1px; */
  z-index: 1;
  /* width: 220px; */
  display: none;
}

body .horo_cart,
.dropdown_minicart .sidebarcell {
  background-color: #fff !important;
  color: #000;
}

.img-button-minicart,
.img-button-minicart > a {
  display: block;
}

@media (min-width:1000px){
  .button-minicart-quantity-items-welcome {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 28px;
    height: 28px;
    background: var(--primary-color);
    border-radius: 50%;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: -4px;
    right: -21px;
  }

  .button-minicart-quantity-items-welcome:hover {
    background: var(--terciary-color);
  }
}

/* Re-styling welcomeBox - VICTOR GABRIEL */
.vp_topheader_upper {
  position: relative;
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
}

.vp_topheader_upper > .vp_logo img {
  width: 175px;
}

.vp_topheader_upper > .nwsys-welcome-search {
  position: relative;
  top: auto;
  left: auto;
  z-index: 30;
  -webkit-box-flex: 0;
  -ms-flex: 555px;
  flex: 555px;
  margin-left: 15px;
  margin-right: 15px;
  max-width: 555px;
}

.vp_topheader_upper > .nwsys-welcome-search ul {
  border-radius: 5px;
  width: 100%;
}

.vp_topheader_upper > .nwsys-welcome-search ul > li {
  width: 100%;
}

.vp_topheader_upper > .nwsys-welcome-search [type="text"] {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  border: 0;
  line-height: 48px;
  padding: 1px 2px 0 20px;
  font-size: 15px;
  line-height: 48px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #a7a7a7;
  border-radius: 5px;
  font-family: "Open Sans", sans-serif;
}

.vp_topheader_upper > .nwsys-welcome-search ul > li .input-group-btn {
  width: 50px;
  margin-right: 2px;
  text-align: center;
}

#nwsys-welcome-search-button {
  border: none;
  background: transparent;
}

.vp_topheader_upper > .nwsys-welcome-profile {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.vp_topheader_upper > .nwsys-welcome-profile > .user-ico {
  width: 45px;
  height: 33px;
  background: url(../../../images/usuario.svg) no-repeat 0 0;
  background-size: 50px 33px;
}

.vp_topheader_upper
  > .nwsys-welcome-profile
  > .row-user-profile
  > .welcome-user {
  display: block;
}

.vp_topheader_upper
  > .nwsys-welcome-profile
  > .row-user-profile
  > .welcome-user
  > .tooltip
  > .welcome-message-span {
  cursor: default;
  color: var(--terciary-color);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.welcome-message-span{
  color: var(--terciary-color);
  font-weight:500;
}

.minicart {
  max-height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 8px;
  box-sizing: border-box;
}

.minicart::-webkit-scrollbar {
  width: 0.3em !important;
  border-radius: 0;
}

.minicart::-webkit-scrollbar-track-piece {
  border-radius: 0;
}

.minicart::-webkit-scrollbar-track {
  background: #fff !important;
  border-radius: 0;
}


.minicart::-webkit-scrollbar-thumb {
  background-color: var(--primary-color) !important; 
  width: 0.3em;
  border-radius: 0;
  border: 0px solid #fff !important;
}

.minicart > .cart-product-item:not(:first-child) {
  margin-top: 24px;
}

.minicart > .cart-product-item > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.minicart > .cart-product-item > a > img {
  width: 90px;
  height: 90px;
}

.minicart > .cart-product-item > a > div {
  text-align: left;
  margin-left: 6px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.minicart > .cart-product-item > a > div > span {
  display: block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #6f6f6f;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.minicart > .cart-product-item > a > div > p {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.minicart > .cart-product-item > a > div > p > small,
.contentcell > footer > span {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #6f6f6f;
  text-transform: capitalize;
}

.minicart > .cart-product-item > a > div > p > strong,
.contentcell > footer > span > strong {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0px;
  color: var(--terciary-color);
}

.contentcell > footer {
  border-top: 1px solid #e5e5e5;
  padding-top: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.contentcell > footer > span {
  margin-bottom: 24px;
}

.contentcell > footer > a {
  width: 295px;
  height: 48px;
  background: var(--terciary-color);
  display: block;
  margin: 0 auto;
  text-align: center;
  line-height: 48px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0px;
  color: #fff;
  border-radius: 5px;
}

/* Mobile view nwsys welcome profile */
.vpcartoffcanvas > .welcome-profile-mobile, .vpcartoffcanvas .nwsys-welcome-profile {
  display: flex;
  flex-direction: row;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  padding: 8px;
  color: var(--terciary-color);
  position: sticky;
  top: 0px;
  left: 0px;
  z-index: 5000;
  right: 0px;
  background-color: var(--primary-color);
}
.vpcartoffcanvas > .welcome-profile-mobile > .nwsys-welcome-profile > .user-ico {
  width: 45px;
  height: 33px;
  background: url(../../../images/usuario.svg) no-repeat 0 0;
  background-size: 50px 33px;
}
.btn-close-sidebar-mobile{
  border: none;
  background: transparent;
  color: #fff;
  position: absolute;
  right: 22px;
  font-weight: 500;
  font-family: Arial!important;
  margin-top: 6px;
}
.btn-close-sidebar-mobile:before {
  content: 'X';
  font-size: 28px;
}

.column-user-mobile {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: #fff;
  position: sticky;
  bottom: 0px;
  background-color: var(--primary-color)!important;
  letter-spacing: 0px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600!important;
}
.column-user-mobile > ul{
  margin-bottom:0px!important;
  padding: 0px;
}
.column-user-mobile > ul > li{
  letter-spacing: 0px;
  padding: 16px 15px;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  font-weight: 600!important;
  text-align: left;
  border-bottom: 1px solid rgb(0, 128, 0);
}

.nwsys-welcome-cart {
  padding: 0px 15px;
}