body {

  zoom: 80%;
}

.barra {
  width     : 100%;
  height    : 80px;
  background: #003040;
}

.botao {

  display    : block;
  float      : right;
  margin-left: 5px;
  padding-top: 9px;
  height     : 35px;
  width      : 113px;
  box-sizing : border-box;
  position   : relative;
  overflow   : hidden;
  cursor     : pointer;
}

.plano {
  width        : 150px;
  height       : 170px;
  border       : 2px dotted #cccccc;
  cursor       : pointer;
  padding      : 1rem;
  border-radius: 10px;
  color        : #d52b1e;
  font-family  : verdana;
  font-weight  : bold;

}

#abrir_correio {
  cursor: pointer;
}

.maiusculo {
  text-transform: uppercase;
}

.minusculo {
  text-transform: lowercase;
}

.preco {
  font-size: 23px;
  top      : 5px;
  position : relative;
}

.canais {
  font-size       : 10px;
  top             : 15px;
  width           : 70px;
  height          : 20px;
  background-color: #000000;
  color           : #ffffff;
  border-radius   : 10px;
  position        : relative;
  padding-top     : 1px;
}

.descricao {
  font-size: 15px;
}


.icone_alert {
  width     : 50px;
  float     : left;
  position  : relative;
  margin-top: -50px;
}


.texto_alert {
  width      : 230px;
  height     : 50px;
  float      : left;
  position   : relative;
  margin-top : -5px;
  margin-left: 40px;
}

.texto_alert_venda {
  width      : 630px;
  height     : 250px;
  float      : left;
  position   : relative;
  margin-top : -5px;
  margin-left: 40px;
}

.texto_alert_correio {
  width      : 290px;
  height     : 50px;
  float      : left;
  position   : relative;
  margin-top : -50px;
  margin-left: 60px;
}

.form_cancelar {
  width   : 270px;
  float   : left;
  position: relative;
  top     : 10px;
  left    : 10px;
}

.icone_cancelar {
  width      : 40px;
  float      : left;
  position   : relative;
  top        : 10px;
  margin-left: -15px;
}

.modal-cancelar {
  width: 380px;
}

.modal-correio {
  width : 730px;
  height: 470px;
}

.modal-input {
  width : 800px;
  height: 500px;
}

.modal-alerta {
  width : 400px;
  height: 150px;
}

.modal-venda {
  width : 700px;
  height: 280px;
}

.modal-alerta_mens {
  width : 400px;
  height: 170px;
}


#myModal_correio_erro {
  width : 400px;
  height: 130px;
}

.frame_correio {
  float      : left;
  position   : relative;
  margin-top : -15px;
  margin-left: -5px;
}


.alinhamento-right {
  float       : right;
  margin-right: 17px;
}

#motivo {
  cursor: pointer;
}

.letra_p {
  margin-top : -10px;
  font-size  : 12px;
  line-height: 110%;
  color      : #FF4000;
}

.pendencias {
  font-size  : 11px;
  padding    : 0.0005rem 0.005rem;
  line-height: 110%;
  border     : 0px;
}

.titulo_plano_acordion {
  font-size  : 14px;
  font-weight: bold;
  font-family: verdana;

}

.titulo_tipo_plano_acordion {
  font-size  : 25px;
  font-weight: bold;
  line-height: 98%;
  margin-top : -2px;
  margin-left: -3px;
  font-family: verdana;

}

.produto {
  font-size    : 10px;
  top          : 15px;
  width        : 95%;
  height       : 260px;
  border-radius: 6px;
  border       : 1px solid #CCC;
  position     : relative;
  padding-top  : 1px;
  background   : #ececfb;
  cursor       : pointer;
}

#left-off-canvas-menu {
  height    : 100%;
  background: #ffcc00;
}

.qtd_canais {
  font-size    : 12px;
  top          : -2px;
  right        : -1px;
  width        : 90px;
  height       : 30px;
  color        : #ffffff;
  border-radius: 0px 4px 0px 4px;
  position     : relative;
  background   : #d52b1e;
  padding-top  : 6px;
  float        : right;
  text-align   : center;
  font-family  : verdana;
  font-weight  : bold;
  cursor       : pointer;
}

.nome_produto {
  height        : auto;
  font-size     : 15px;
  font-family   : verdana;
  margin-left   : 9px;
  margin-right  : 9px;
  margin-top    : 35px;
  padding-top   : 10px;
  padding-left  : 5px;
  padding-bottom: 10px;
  padding-right : 5px;
  border        : 1px solid #cccccc;
  border-radius : 5px;
  background    : #ffffff;
  cursor        : pointer;
  color         : #d52b1e;
}

.preco_produto {
  height        : auto;
  font-size     : 22px;
  font-family   : verdana;
  margin-left   : 9px;
  margin-right  : 9px;
  margin-top    : 5px;
  padding-top   : 10px;
  padding-left  : 10px;
  padding-bottom: 10px;
  padding-right : 10px;
  border        : 1px solid #cccccc;
  border-radius : 5px;
  background    : #ffffff;
  color         : #d52b1e;
  font-weight   : bold;
  cursor        : pointer;

}

.texto_mes {
  font-size  : 10px;
  font-family: verdana;
  color      : #000000;
  font-weight: normal;
  cursor     : pointer;
}


.cd-popup {
  opacity   : 0;
  visibility: hidden;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.cd-popup.is-visible {
  opacity   : 1;
  visibility: visible;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  transform          : translateY(-40px);
  transition-property: transform;
  transition-duration: 0.3s;
}

.is-visible .cd-popup-container {
  transform: translateY(0);
}

#cd-troca_senha {
  display: none;
}

.tampar_pagina_venda {
  display     : none;
  width       : 100%;
  height      : 100%;
  background  : #ffffff;
  position    : absolute;
  opacity     : 0.85;
  -moz-opacity: 0.85;
  filter      : alpha(opacity=85);
  z-index     : 100;
}


.tampar_pagina {
  display        : none;
  width          : 100%;
  height         : 100%;
  background     : #ffffff;
  align-items    : center;
  justify-content: center;
  justify-items  : center;
  z-index        : 100;
}

.tampa_modal {
  display   : fixed;
  width     : 100%;
  height    : 100%;
  background: #ffffff;
  position  : absolute;
  z-index   : 100;
}


.procesando_inicio {}


#cobre_crivo {
  display   : none;
  width     : 100%;
  height    : 100%;
  background: #333333;
  position  : absolute;
  top       : 0;
  left      : 0;
  z-index   : 100;
  opacity   : 0.8;
  visibility: visible;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

#crivo_load {
  position   : absolute;
  left       : 50%;
  top        : 50%;
  color      : #ffffff;
  margin-left: -60px;

}

.red {
  color           : #ffffff;
  background-color: #e83636;
}

.blue {
  color           : #ffffff;
  background-color: #0085b2;
}

.orange {
  color           : #ffffff;
  background-color: #ff5c26;
}

.orange1 {
  color           : #000000;
  background-color: #ffb973;
}

.green {
  color           : #ffffff;
  background-color: #008c00;
}

.green1 {
  color           : #000000;
  background-color: #ccff99;
}

.roxo {
  color           : #ffffff;
  background-color: #69008c;

}

.texto_venda {
  font-size: 15px;
  color    : #000000;

}