.breakable {
  white-space: normal;
  overflow-wrap: break-word;
}

.btn {
  white-space: normal !important;
}

.fatbottom {
  padding-bottom: 0.8em;
}

.fattop {
  padding-top: 0.8em;
}

.mediumbottom {
  padding-bottom: 0.4em;
}

.mediumtop {
  padding-top: 0.4em;
}

.pslide {
  display: none;
}

.pnlImagem {
  margin-bottom: 1em;
}

.pnlEstoque {
  margin-bottom: 1em;
}

.badge-small {
  font-size: 0.9em !important;
}

.times {
}

.pnlBotoes {
  margin-bottom: 1em;
}
.pnlBotoes .btn {
  margin-bottom: 5px;
}

.pnlVejaTambem {
  display: none;
}

.pnlSimilares {
  display: none;
}

.pnlCompreJunto {
  display: none;
}

.pnlPrazoEntrega {
  display: none;
}

#ProdutoSlides {
  width: 100%;
  -no-width: 310px;
  height: 275px;
  -no-border: 1px dotted red;
  text-align: center;
}

.ProdutoSlidesItem {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  padding: 5px 5px 5px 5px;
  overflow: hidden;
}

.ProdutoSlidesItem img {
  max-height: 250px;
  max-width: 98%;
}

.SlideButton {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

#ProdutoSlides .carousel-indicators {
  bottom: -13px;
}

#ProdutoSlides .carousel-indicators li {
  border: 1px solid silver;
}

#ProdutoSlides .carousel-indicators .active {
  background-color: #e77817;
}



/* Labels --------------------------------------------------------------------------------------- */

.ProdutoLabels {
  margin-bottom: 1em;
}

.ProdutoLabels a {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-right: 3px;
}

/* Quadro fixo Comprar -------------------------------------------------------------------------- */

.quadro-comprar {
  display: none;
  position : fixed;
  top: -1000px;
  right: 0px;
  border-bottom-left-radius: 10px;
  border: 1px solid rgba(0, 100, 0, 0.6);
  width: 110px;
  height: auto;
  padding: 10px;
  background-color: white;
  -no-overflow: hidden;
  line-height: 102%;
  z-index: 999999;
}

/* Labels das FPs ------------------------------------------------------------------------------- */

.label-FormaPgto {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding: 3px;
  margin-bottom: 5px;
  font-size: 12pt;
  overflow: hidden;
  width: 110px;
  height: 40px;
  white-space: normal !important;
  border: 1px solid silver;
  border-radius: 3px;
  cursor: pointer;
  cursor: hand;
  position: relative;
  color: dimgray;
  background-color: white;
}

.label-FormaPgto .texto {
  position: absolute;
  top: 7px;
  left: 32px;
  bottom: 1px;
  font-size: 9pt;
  line-height: 101%;
  padding-right: 2px;
}

@media (max-width: 768px) {
  .label-FormaPgto {
    width: 140px !important;
    font-size: 0.7em !important;
  }

  .label-FormaPgto .texto {
    font-size: 9pt;
  }
}



.label-FormaPgto:hover {
  border: 1px solid #289ec2;
  background-color: rgba(0, 0, 0, 0.2);
  color: white;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}

/* Para Mobile */
/* Veja definições para desktop mais abaixo */

.label-Integracao:before {
  position: absolute;
  left: 3px;
  top: 1px;
  bottom: 1px;
  width: 25px;
  overflow: hidden;
  text-align: center;
  font-family: FontAwesome;
  font-size: 15px;
  content: "\0f0ad";
}

.label-Frete:before {
  position: absolute;
  left: 3px;
  top: 1px;
  bottom: 1px;
  width: 25px;
  overflow: hidden;
  text-align: center;
  font-family: FontAwesome;
  font-size: 15px;
  content: "\0f0d1";
}

.label-FP:before {
  position: absolute;
  left: 3px;
  top: 1px;
  bottom: 1px;
  width: 25px;
  overflow: hidden;
  text-align: center;
  font-family: FontAwesome;
  font-size: 15px;
  content: "\0f155";
}

.label-CompraSegura:before {
  position: absolute;
  left: 3px;
  top: 1px;
  bottom: 1px;
  width: 25px;
  overflow: hidden;
  text-align: center;
  font-family: FontAwesome;
  font-size: 15px;
  content: "\0f023";
}

.label-NFE:before {
  position: absolute;
  left: 3px;
  top: 1px;
  bottom: 1px;
  width: 25px;
  overflow: hidden;
  text-align: center;
  font-family: FontAwesome;
  font-size: 15px;
  content: "\0f15b";
}

.label-Lacrado:before {
  position: absolute;
  left: 3px;
  top: 1px;
  bottom: 1px;
  width: 25px;
  overflow: hidden;
  text-align: center;
  font-family: FontAwesome;
  font-size: 15px;
  content: "\0f06b";
}

.label-Cotacao:before {
  position: absolute;
  left: 3px;
  top: 1px;
  bottom: 1px;
  width: 25px;
  overflow: hidden;
  text-align: center;
  font-family: FontAwesome;
  font-size: 15px;
  content: "\0f15c";
  color: #e77817;
}

@media (min-width: 768px) {
  .label-Integracao:before {
    position: absolute;
    left: 3px;
    top: 1px;
    bottom: 1px;
    width: 25px;
    overflow: hidden;
    text-align: center;
    font-family: FontAwesome;
    font-size: 20px;
    content: "\0f0ad";
  }

  .label-Frete:before {
    position: absolute;
    left: 3px;
    top: 1px;
    bottom: 1px;
    width: 25px;
    overflow: hidden;
    text-align: center;
    font-family: FontAwesome;
    font-size: 20px;
    content: "\0f0d1";
  }

  .label-FP:before {
    position: absolute;
    left: 3px;
    top: 1px;
    bottom: 1px;
    width: 25px;
    overflow: hidden;
    text-align: center;
    font-family: FontAwesome;
    font-size: 20px;
    content: "\0f155";
  }

  .label-CompraSegura:before {
    position: absolute;
    left: 3px;
    top: 1px;
    bottom: 1px;
    width: 25px;
    overflow: hidden;
    text-align: center;
    font-family: FontAwesome;
    font-size: 20px;
    content: "\0f023";
  }

  .label-NFE:before {
    position: absolute;
    left: 3px;
    top: 1px;
    bottom: 1px;
    width: 25px;
    overflow: hidden;
    text-align: center;
    font-family: FontAwesome;
    font-size: 20px;
    content: "\0f15b";
  }

  .label-Lacrado:before {
    position: absolute;
    left: 3px;
    top: 1px;
    bottom: 1px;
    width: 25px;
    overflow: hidden;
    text-align: center;
    font-family: FontAwesome;
    font-size: 20px;
    content: "\0f06b";
  }

  .label-Cotacao:before {
    position: absolute;
    left: 3px;
    top: 1px;
    bottom: 1px;
    width: 25px;
    overflow: hidden;
    text-align: center;
    font-family: FontAwesome;
    font-size: 20px;
    content: "\0f15c";
    color: #e77817;
  }
}

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

.btn-extras {
  width: 184px;
}

.btn-Cotacao {
  background-color: #e77817 !important;
  color: white !important;
}

/* Tabela de preços ----------------------------------------------------------------------------- */

.PrecoAntigo-panel {
}

.PrecoAntigo-Chamada {
  font-size: 1.7em;
  font-weight: bold;
  color: #e77817;
}

.PrecoAntigo-Preco {
  font-size: 1.3em;
  font-weight: bold;
  color: lightgray;
  text-decoration: line-through;
}


.label-preco {
  font-size: 1.7em;
  font-weight: bold;
  vertical-align: text-top;
}

.label-preco-small {
  font-weight: bold;
}

.label-preco-SP {
  color: red;
}

.label-preco-SS {
  color: black;
}

.label-preco-NN {
  color: blue;
}

.label-preco-PF {
  color: darkmagenta;
}

.label-preco-BR {
  color: green;
}

.label-preco-disabled {
  color: lightgray;
}

.Preco_SS {
}

.Preco_SP {
}

.Preco_NN {
}

.Preco_PF {
}


.panel-regiao-BR {
  border: 1px solid green !important;
}

.panel-regiao-BR .panel-heading {
  background-color: green !important;
  color: white !important;
}

.panel-regiao-SS {
  border: 1px solid black !important;
}

.panel-regiao-SS .panel-heading {
  background-color: black !important;
  color: white !important;
  min-height: 6em;
}

.panel-regiao-SP {
  border: 1px solid red !important;
}

.panel-regiao-SP .panel-heading {
  background-color: red !important;
  color: white !important;
  min-height: 6em;
}

.panel-regiao-NN {
  border: 1px solid blue !important;
}

.panel-regiao-NN .panel-heading {
  background-color: blue !important;
  color: white !important;
  min-height: 6em;
}

.panel-regiao-PF {
  border: 1px solid darkmagenta !important;
}

.panel-regiao-PF .panel-heading {
  background-color: darkmagenta !important;
  color: white !important;
  min-height: 6em;
}


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

.EstoqueLabel {
  display: inline-block;
  vertical-align: top;
  font-size: 1.2em !important;
  margin-bottom: 5px;
  white-space: normal !important;
}

.EstoqueShow {
  display: block;
  font-size: 1.3em;
  padding: 10px 15px 10px 15px;
  border: 1px solid white;
  border-radius: 6px;
}

.EstoqueBadge {
  font-size: 0.8em !important;
}

.btnComprarBig {
  font-size: 1.7em !important;
}

.pnlMain {
  margin: 0 5px 0 5px;
}

.pnlMain h1 {font-weight:bold; font-size:11pt; text-align:left; padding-top:0.4em;}
.pnlMain h2 {font-weight:bold; font-size:10pt; text-align:left;}
.pnlMain h3 {font-weight:bold; font-size: 10pt; padding-bottom:1em; margin-top:0; margin-bottom:0;}
.pnlMain h4 {font-weight:normal; font-size: 8pt; margin-bottom:1em; margin-top:0;}
.pnlMain h5 {font-weight:normal; font-size: 7pt; margin:0; padding:0;}
.pnlMain h6 {font-weight:normal; font-size: 8pt; margin:0; padding:0;}

.TituloSecao {
  display: block;
  color: darkorange;
  font-size: 10pt;
  border-bottom: 1px solid darkorange;
  margin-top: 1em;
  margin-bottom: 1em;

}

.TituloSecao a, #FPBoxTitle a {
  display: inline-block;
  vertical-align: bottom;
  float: right;
  width: 100px;
  margin: 0;
  padding: 0;
  text-align: right;
}
.TituloSecao h2 {font-weight:bold; font-size:10pt; text-align:left;}



.LinkButton {
  border: none;
  vertical-align: top;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.ImgButton {
  border: none;
  vertical-align: top;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.TableGreenBody {
  border-right-width: thin;
  border-bottom-width: thin;
  border-left-width: thin;
  border-right-style: inset;
  border-bottom-style: inset;
  border-left-style: solid;
  border-right-color: #669966;
  border-bottom-color: #669966;
  border-left-color: #669966;
  font-size: 10px;
}

.TableOrangeBody {
  text-align:left;
  border: none; border-collapse: collapse;
  font-size: 10px;
  margin-bottom: 1em;
}

.TableOrangeBody th{
  border-bottom: 1px solid #e77817;
  text-align: left;
}

.TableOrangeTop {
  text-align:left;
  border:none;
  border-bottom: 1px solid #e77817;
  /*
  background-image:url(images/body/top_orange.gif);
  background-repeat: repeat-x;
  */
  font-size: 12px;
  font-weight: bold;
  /*color: #FFFFFF;*/
  color: #e77817;
}

.FormaPGTOTableHead  {
  border: none;
  border-collapse: collapse;
  font-size: 9pt;
  text-align: left;
  padding: 0;
  margin: 0;
}

.FormaPGTOTableBody  {
  width: 100%;
  border: none;
  border-collapse: collapse;
  font-size: 9pt;
  text-align: left;
  padding: 0;
  margin: 0;
}

.SizeDiv {
  height: 6em;
  width: 160px;
  overflow: hidden;
}

.HeadPreco {
  border: none;
  color: white;
  text-align: left;
  cursor: pointer;
  padding: 0.7em 0.7em 0.7em 0.7em;
  background-image: url('images/tabcorner.gif');
  background-repeat: no-repeat;
  background-position: right top;
}

.HeadGG {
  background-color: green;
}

.HeadSS {
  background-color: black;
}

.HeadNN {
  background-color: blue;
}

.HeadSP {
  background-color: red;
}

.HeadPF {
  background-color: darkmagenta;
}

.BodyPreco {
  word-wrap: break-word;
  position: relative;
  min-width: 700px;
  font-size: 9pt;
  background-color: white;
  color: black;
  text-align: left;
  padding: 1em 1em 1em 1em;
  display: block;

  -moz-border-radius: 0px 15px 15px 15px;
  -webkit-border-radius: 0px 15px 15px 15px;
  border-radius: 0px 15px 15px 15px;

  -moz-box-shadow: 3px 3px 4px gray;
  -webkit-box-shadow: 3px 3px 4px gray;
  box-shadow: 3px 3px 4px gray;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='gray')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='gray');
}

.BodyGG {
  border: 2px solid green;
}

.BodySS {
  border: 2px solid black;
}

.BodyNN {
  border: 2px solid blue;
}

.BodySP {
  border: 2px solid red;
}

.BodyPF {
  border: 2px solid darkmagenta;
}

#BodyContainer {
  margin: 0;
  word-wrap: break-word;
}

table.PrecosTab {
  width: 98%;
  font-size: 9pt;
  text-align: left;
}

.PrecosTab td {
  text-align: left;
  vertical-align: top;
}

.PrecosTab td.valor {
  font-weight: bold;
  white-space: nowrap;
  vertical-align: top;
  padding-top: 1em;
}

.PrecosTab td.valordescr {
  vertical-align: top;
  padding-top: 1em;
}

.PrecosTab th {
  text-align: left;
  font-size: 9pt;
  font-weight: bold;
  padding-top: 1em;
  padding-bottom: 1em;
}

input.Proposta {
  text-align: right;
  font-size: 7pt;
}

#FreteUnico {
  text-align: center;
  margin: 1em 0px 1em 0px;
}
#FreteUnico div {
  display: inline-block;
  width: 820px;
  border: 1px solid #e77817;
  padding: 10px 10px 10px 10px;
  background-color: #e77817;
  color: white;
  font-size: 10pt;
  text-align: left;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}


#FPBox {
  color: black;
  background-color: white;
  text-align: left;
  vertical-align: top;
  margin-top: 1em;
  border: 2px solid #e77817;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
  margin: 5px 5px 5px 5px;
  box-shadow: 5px 5px 15px -6px gray;
}

#FPBoxTitle {
  padding: 5px 5px 5px 5px;
  color: white;
  background-color: #e77817;
  font-size: 10pt;
  text-align: left;
}

#FPBoxText {
  padding: 5px 5px 5px 5px;
  font-size: 8pt;
}

#FPBoxGreen{
  color: black;
  background-color: white;
  text-align: left;
  vertical-align: top;
  margin-top: 1em;
  border: 2px solid green;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
  margin: 5px 5px 5px 5px;
  box-shadow: 5px 5px 15px -6px gray;
}

#FPBoxGreenTitle {
  padding: 5px 5px 5px 5px;
  color: white;
  background-color: green;
  font-size: 10pt;
}

#FPBoxGreenText {
  padding: 5px 5px 5px 5px;
  font-size: 9pt;
}

#FPBoxBlue{
  color: black;
  background-color: white;
  text-align: left;
  vertical-align: top;
  margin-top: 1em;
  border: 2px solid Blue;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
  margin: 5px 5px 5px 5px;
  box-shadow: 5px 5px 15px -6px gray;
}

#FPBoxBlueTitle {
  padding: 5px 5px 5px 5px;
  color: white;
  background-color: Blue;
  font-size: 10pt;
}

#FPBoxBlueText {
  padding: 5px 5px 5px 5px;
  font-size: 9pt;
}

#FPBoxRed{
  color: black;
  background-color: white;
  text-align: left;
  vertical-align: top;
  margin-top: 1em;
  border: 2px solid Red;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
  margin: 5px 5px 5px 5px;
  box-shadow: 5px 5px 15px -6px gray;
}

#FPBoxRedTitle {
  padding: 5px 5px 5px 5px;
  color: white;
  background-color: Red;
  font-size: 10pt;
}

#FPBoxRedText {
  padding: 5px 5px 5px 5px;
  font-size: 9pt;
}

.MyImageWrapper {
  position: relative;
}

.IPIReduzido {
  display: inline-block;
  position: absolute;
  top: 60px;
  left: 1px;
  height: 100px;
  background-color: transparent;
  text-align: center;
  vertical-align: middle;
  z-index: 10;
}