
a.link-limpo, a.link-limpo:hover, a.link-limpo:active { text-decoration: none; color: #fff; }
.limpa { clear: both; }
.icone_disabled { color: #ccc !important; }

.m0 { margin: 0px !important; }
.m10 { margin: 10px !important; }
.m20 { margin: 20px !important; }
.mt0 { margin-top: 0px !important; }
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }
.mt130 { margin-top: 130px !important; }
.mt140 { margin-top: 140px !important; }
.mt150 { margin-top: 150px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.mr0 { margin-right: 0px !important; }
.mr3 { margin-right: 3px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }

.p0 { padding: 0px !important; }
.p5 { padding: 5px !important; }
.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt18 { padding-top: 18px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt90 { padding-top: 90px !important; }
.pt100 { padding-top: 100px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }

.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }

.pr0 { padding-right: 0px !important; }
.pr2 { padding-right: 2px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }

.p50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.m20 { margin-top: 20px !important; margin-bottom: 20px !important; }

.pr20a { padding-right: 20px !important; }
.pl20a { padding-left: 25px !important; }
@media (max-width: 991px) {
  .pr20a { padding-right: 5px !important; }
  .pl20a { padding-left: 5px !important; }    
}
@media (max-width: 1199px) {
  .pr20a { padding-right: 0px !important; }
}

.f10 { font-size: 10px !important; line-height: 10px; }
.f11a { font-size: 11px !important; line-height: 12px; }
.f12 { font-size: 12px !important; line-height: 12px; }
.f12b { font-size: 12px !important; }
.f14 { font-size: 14px !important; line-height: 14px; }
.f14a { font-size: 14px !important; line-height: 22px; }
.f14b { font-size: 14px !important; }
.f15 { font-size: 15px !important; }
.f16 { font-size: 16px !important; line-height: 16px; }
.f16a { font-size: 16px !important; line-height: 22px; }
.f16b { font-size: 16px !important; }
.f18 { font-size: 18px !important; line-height: 18px; }
.f20 { font-size: 20px !important; line-height: 20px; }
.f20a { font-size: 18px !important; line-height: 24px; }
.f30 { font-size: 30px !important; }
.f40 { font-size: 40px !important; line-height: 40px; }

.s600 { font-weight: 600; }
.s700 { font-weight: 700; }
.s800 { font-weight: 800; }

.mini10 { font-size: 10px; }
.mini11 { font-size: 11px; }
.mini12 { font-size: 12px; }
.mini14 { font-size: 14px; }
.mini20 { font-size: 20px; }
.mini24 { font-size: 24px; }

.verde { color: #00ad4e !important; }
.azul { color: #458bc4 !important; }
.laranja { color: #FA8005 !important; }
.vermelho { color: #ff0000 !important; }
.branco { color: #ffffff !important; }
.cinza { color: #444444 !important; }

.geneblack { color: #0d0d0d !important; }
.infinitesilver { color: #afafaf !important; }
.vintagegold { color: #a89968 !important; }
.geneblue { color: #272e5c !important; }
.infiniteblue { color: #306ac5 !important; }
.aquamarine { color: #41c0f0 !important; }

.geneblack-bg { background-color: #0d0d0d !important; }
.infinitesilver-bg { background-color: #afafaf !important; }
.vintagegold-bg { background-color: #a89968 !important; }
.geneblue-bg { background-color: #272e5c !important; }
.infiniteblue-bg { background-color: #306ac5 !important; }
.aquamarine-bg { background-color: #41c0f0 !important; }
.white-bg { background-color: #ffffff !important; }

.text-black {
  color: #0d0d0d !important;
}

.noHover { pointer-events: none; }
.italico { font-style: italic; }
itl { font-style: italic; }

.centraliza { text-align: center !important; }
  
@media (max-width: 1198px) {
    .mb-lg-30 {
      margin-bottom: 30px !important;
    }
}

.image-border {
  border: 1px solid #d5d2ce;
}
.w90, .w-90 {
  max-width: 90% !important;
}
.figure-caption {
  font-size: 70%;
  color: #6c757d;
}

.clique { cursor: pointer; color: #306AC5 !important; }

a.anchor {
  display: block;
  position: relative;
  top: -80px;
  visibility: hidden;
}

.iconezin-botao {
  font-size: 1.3rem;
}

.vesenha { background-color: transparent; border: 1px solid #A89968; }

hr.menu { margin-top: 0px; margin-bottom: 0px; }


/* Gera um quadrado responsivo. */
.square{
  width: 100%;
  height: 0; /* A mágica está aqui */
  padding-bottom: 100%; /* ... e está aqui */
  margin-top: 10px;
  float: left;
  position: relative;
  margin-left: 15px;
}

.rectangle{
  width: 65%;
  height: 0; /* A mágica está aqui */
  padding-bottom: 100%; /* ... e está aqui */
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 18%;
}

.block{
  position: absolute;
  text-align: center;
  background: #0d0d0d;
  width: 100%;
  height: 100%;
}
.block2 { background-color: #0d0d0d; }
 
.block:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em;
 }

/* 
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto 
{
  position: relative;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
} */

.plr5 { padding-right: 5px;
  padding-left: 5px; }

.nav-tabs .nav-link-item {
  color: #515253;
  text-transform: uppercase;
}
.nav-tabs .nav-link-item:hover {
  color: #E1523E;
  background-color: rgba(125, 125, 125, 0.1);
  border: 1px solid transparent;
}
.nav-pills .nav-link-item.active {
  color: #E1523E;
  background: transparent;
  border: 1px solid transparent;
  /* border-radius: 50px; */
}

.nav-pills .nav-link-item.active:hover {
  color: #E1523E;
  background-color: rgba(55,55,55, 0.2);
  border: 1px solid transparent;
  /* border-radius: 50px; */
}

.d-inline-block {
  display: inline-block !important;
}
.va-middle {
  vertical-align: middle !important;
}

.fw-regular {
  font-weight: 400 !important;
}

.custom-select {
  color: #515253;
  background-color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.15rem;
  display: inline-block;
  width: 100%;
  height: 40px;
  /* letter-spacing: 0.06rem; */
  border: 1px solid #d5d2ce;
  border-radius: 5px;
  padding: .375rem 1.75rem .375rem .75rem; /*0.75rem 1.85rem 0.75rem 1.25rem;*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
}

.btn-add {
  padding: 6px 16px;
  font-size: 14px;
  border-radius: 3px;
}

.card { margin-bottom: 10px; }


@media (min-width: 992px) {
  .inner-nav > ul > li.menu-item-has-children > .sub-menu,
  .inner-nav > ul > li.menu-item-has-children > .mega-menu {
      /* margin-top: 20px; */
  }
}

.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  margin-bottom: 1rem;
}
.input-group-append {
  margin-left: -1px;
}
.input-group-append, .input-group-prepend {
  display: -ms-flexbox;
  display: flex;
}
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.vesenha {
  background-color: transparent;
  border: 1px solid #A89968;
}

.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #fbfbfb;
  border: 1px solid #eee;
  border-radius: 0.25rem;
}

/* SOLUÇÃO PARA MANTER COLUNAS NA MESMA ALTURA:
https://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height */
.support-box { height: 90%; }
/* FIM */

/* .embed-responsive-16by9::before {
  padding-top: 0%;
} */

.fluid-width-video-wrapper {
  position: static !important;
}

div.wi img {
   border: 1px solid rgba(225, 225, 225, .6);
}

iframe.fitvidsignore {
  display: block;       /* iframes are inline by default */
  background: #000;
  border: none;         /* Reset default border */
  height: 100vh;        /* Viewport-relative units */
  width: 100%; /*100vh*/
}

@media (min-width: 768px AND max-width: 992px) {
  button.subfiltrobtn {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.disablebtn {
  pointer-events: none;
  cursor: not-allowed;
  /*opacity: 0.65;
  filter: alpha(opacity=65);*/
  background-color: #f1efec !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#cartmsgok .close, #cartmsgerr .close {
  padding: 0.55rem 1.5rem 0rem 1rem;
}
#cartmsgok, #cartmsgerr {
  position: fixed;
  top: 85px;
  z-index: 999;
  margin-right: 30px;
  margin-left: -10px;
}
.qtdeitemcarrinho { height: 30px; padding: 1px 5px; width: 50px; }
.price-inline-left {
  position: absolute;
  left: 0;
}

table.cart-table div.info {
  min-height: 45px;
  height: auto;
  position: relative;
}
table.cart-table div.info .title {
  display: block;
  font-size: 1rem;
}
table.cart-table div.info .sub-title {
  display: block;
  font-size: 0.75rem;
}
table.cart-table a, table.cart-table tbody { color: #999; }

div.tagcloud a {
  text-decoration: none;
  color: #495057;
  display: inline-block;
  padding: 5px;
  margin: 0 7px 7px 0;
  border-radius: 5px;
  font-size: 12px;
  background: rgb(233, 236, 239);
}
div.tagcloud sup {
  padding-left: 2px;
}
.table .thead-light td {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}


.list-media > .list-item {
  display: block;
}

.list-media .media-img {
  position: relative;
  float: left;
  z-index: 999;
}

.list-media .media-img img {
  line-height: 45px;
  height: 45px;
  width: 45px;
  text-align: center;
  border-radius: 5px;
}

.list-media .info {
  padding-left: 60px;
  min-height: 45px;
  height: auto;
  position: relative;
}

.list-media .info .sub-title {
  display: block;
  font-size: 0.75rem;
}

.list-media-content {
  position: relative;
  float: left;
  font-size: 0.875rem;
  line-height: 47px;
  height: 45px;
  width: 45px;
  text-align: center;
  border-radius: 50%;
  margin-right: 6px;
}

.list-media .info .list-checkbox {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-28px);
  -webkit-transform: translateY(-28px);
  -moz-transform: translateY(-28px);
  -o-transform: translateY(-28px);
  -ms-transform: translateY(-28px);
}

/* ******************************************************** */
/* SLIDER DA HOME */
/* ******************************************************** */
div.sliderhome { background-color: #fff;}
span.sliderhome-titulo {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}
span.sliderhome-titulo.dark, span.sliderhome-subtitulo.dark, span.sliderhome-botao.dark, span.sliderhome-rodape.dark {
  color: #000;
}
span.sliderhome-subtitulo {
  top: 60px;
  position: absolute;
  left: 30px;
  font-size: 16px;
  color: #fff;
  margin-right: 30px;
  margin-top: 10px;
  line-height: 18px;
}
a.sliderhome-botao {
  bottom: 30px;
  position: absolute;
  left: 30px;
  font-size: 12px;
  color: #fff;
}
span.sliderhome-rodape {
  bottom: 30px;
  position: absolute;
  left: 30px;
  font-size: 12px;
  color: #fff;
}
@media (max-width: 1700px) {
  span.sliderhome-titulo { font-size: 18px; }
  span.sliderhome-subtitulo { font-size: 14px; top: 55px; }
}
@media (max-width: 1400px) {
  span.sliderhome-titulo { font-size: 16px; }
  span.sliderhome-subtitulo { font-size: 14px; top: 52px; }
}
@media (max-width: 1000px) {
  span.sliderhome-titulo { font-size: 18px; }
  span.sliderhome-subtitulo { font-size: 16px; top: 52px; }
}
/* ******************************************************** */

div.cademp {
  border:1px solid #ccc;
  background-color: #efefef;
  padding: 20px 20px 0px 20px;
  margin-bottom: 20px;
  display: none;
}

div.modal-body p 
{
  line-height: 1.3;
}


@media (min-width: 1200px) {
  div.table-responsive { width: 1114px; } 
}

.card-header-alt {
  background-color: #e9ecef !important;
  margin-bottom: 1px !important;
  border-color: #495057 !important;
}
.cinzao { color: #495057 !important; }

.image-slider .owl-stage-outer { margin-bottom: 10px; }

.tiquetinha {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 999;
}

.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


.field_2fa {
  height: 50px;
  font-size: 40px;
  padding-right: 25px;
  padding-left: 25px;
  letter-spacing: 12px;
  text-align: center;
}

.white-bg { background-color: #ffffff !important; }
.original-bg { background-color: #f7f7f7 !important; }
.destacado-bg { background-color: #f0f0f0 !important; }

.btnfoot, .btnfooticon {
  background-color: transparent;
  border-color: transparent;
}

.btnfooticon {
  font-size: 20px;
}

.client {
  height: 100%;
  text-align: center;
  padding: 15px 0px;
  /* opacity: .3; */
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  font-weight: 600;
}

.ui-slider-pips [class*=ui-slider-pip-selected] {
    color: #000 !important;
}
.ui-slider-pips .ui-slider-pip-initial-2 {
    color: #000 !important;
}
.ui-slider-pips [class*=ui-slider-pip-initial] {
    color: #000 !important;
}

table.sistemaproduto > thead > tr > th {
  font-size: 12px !important;
  line-height: 1.5;
  color: #6c757d;
  background-color: #f8f9fa;
}
table.sistemaproduto > tbody > tr > td {
  font-size: 12px !important;
  line-height: 1.5;
  color: #6c757d;
}

.image-container {
  position: relative;
}

.preco-de {
  text-decoration: line-through;
}

.badge-destaque { background-color: #3A9AFA; color: #ffffff; }
.badge-promocao { background-color: #FA5834; color: #ffffff; }
.badge-lancamento { background-color: #B9B050; color: #ffffff; }

.wfloat:hover { 
  text-decoration: none;
  color: #ddd;
}
.wfloat{
	position:fixed;
	width:60px;
	height:60px;
	bottom:65px;
	right:12px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.my-wfloat{
	margin-top:16px;
}

#fdata_de::placeholder, #fdata_ate::placeholder {
  text-transform: none !important;
}

a.btnlink {
  height:40px;
  border-color:#d5d2ce;
  border-width:1px;
  color:#495057;
  background-color:#fff;
}
a.btnlink.active {
  background-color: #e9ecef;
  font-weight: 800;
}
