.img_fosco { background-color: rgba(245, 245, 245, 1); opacity: .6; }
.texto_fosco { opacity: .6; }

.fundo_vermelho { background-color: #FF7F50 }
.fundo_cinza { background-color: #DCDCDC }

.margin-esquerda-20 { 
  margin-top:20px !important;
  margin-bottom:20px !important;
  margin-left:20px !important
}
.margin-direita-20 { 
  margin-top:20px !important;
  margin-bottom:20px !important;
  margin-right:20px !important
}

.margin-top-5 { margin-top:5px !important }
.margin-top-10 { margin-top:10px !important }
.margin-top-20 { margin-top:20px !important }
.margin-bottom-10 { margin-bottom:10px !important }
.margin-bottom-15 { margin-bottom:15px !important }
.margin-bottom-20 { margin-bottom:20px !important }
.margin-bottom-100 { margin-bottom:100px !important }
.margin-bottom-300 { margin-bottom:300px !important }
.margin-left-0 { margin-left:0px !important }

.cursor_maozinha { cursor: pointer; }

.fonte-9 { font-size: 9px !important }
.fonte-10 { font-size: 10px !important }
.fonte-12 { font-size: 12px !important }
.fonte-14 { font-size: 14px !important }
.fonte-16 { font-size: 16px !important }
.fonte-18 { font-size: 18px !important }
.font-size-20 { font-size: 20px !important }


.box-geral {
  margin-top: 64px !important;
  padding-top: 32px !important;
}

.alinhar_direita { text-align: right; }
.alinhar_centro  { text-align: center; }

.card-text-preco {
  font-size: 1.4em;
  color: #008B8B
}

.protocolo_produto {
  right: 1px;
  top:1px;
  position: absolute;
  z-index: 10;
}

.compre-agora {
  background-color: #BFEFFF !important;
}

.width_total { width: 100% !important }

.texto_email {
    margin-top:20px
}

.catalogo-foto-carro-200h { 
  overflow : hidden !important;
  height   : 200px !important
}

.catalogo-foto-carro-300h { 
  overflow : hidden !important;
  height   : 300px !important
}

.bg_categorias {
  background-color: #F5DEB3 !important;
}

.top-card {
  margin-top:10px !important;
}

.img-thumb-modal {
  width :100px;
  height:60px;
}

.borda-thumb {
  border: 5px solid green;
}

.img-thumb-modal:hover {
  border: 5px solid green;
}

.thumb-width { 
  float:left;
  margin-right:2px;
  width:24% !important;
  height:50px !important
}

.pagination { margin-bottom:0px !important }


.input_red {
  border: 1px solid red !important;
}

.icones_favoritos {
  width: 20px;
  height: 20px;
  margin: 2px
}

div.open {
  color: red !important;
}

.texto-oculto {
  display: none;
}

.texto-visivel {
  display: block;
}



/* MESSAGES & ERRORS */

ul.messagelist {
  padding: 0;
  margin: 0;
}

ul.messagelist li {
  display: block;
  font-weight: 400;
  font-size: 13px;
  padding: 10px 10px 10px 65px;
  margin: 0 0 10px 0;
  background: #dfd url(../img/icon-yes.svg) 40px 12px no-repeat;
  background-size: 16px auto;
  color: #333;
}

ul.messagelist li.warning {
  background: #ffc url(../img/icon-alert.svg) 40px 14px no-repeat;
  background-size: 14px auto;
}

ul.messagelist li.error {
  background: #ffefef url(../img/icon-no.svg) 40px 12px no-repeat;
  background-size: 16px auto;
}

.errornote {
  font-size: 14px;
  font-weight: 700;
  display: block;
  padding: 10px 12px;
  margin: 0 0 10px 0;
  color: #ba2121;
  border: 1px solid #ba2121;
  border-radius: 4px;
  background-color: #fff;
  background-position: 5px 12px;
}

ul.errorlist {
  margin: 0 0 4px;
  padding: 0;
  color: #ba2121;
  background: #fff;
}

ul.errorlist li {
  font-size: 13px;
  display: block;
  margin-bottom: 4px;
}

ul.errorlist li:first-child {
  margin-top: 0;
}

ul.errorlist li a {
  color: inherit;
  text-decoration: underline;
}

td ul.errorlist {
  margin: 0;
  padding: 0;
}

td ul.errorlist li {
  margin: 0;
}

.form-row.errors {
  margin: 0;
  border: none;
  border-bottom: 1px solid #eee;
  background: none;
}

.form-row.errors ul.errorlist li {
  padding-left: 0;
}

.errors input, .errors select, .errors textarea {
  border: 1px solid #ba2121;
}

div.system-message {
  background: #ffc;
  margin: 10px;
  padding: 6px 8px;
  font-size: .8em;
}

div.system-message p.system-message-title {
  padding: 4px 5px 4px 25px;
  margin: 0;
  color: #c11;
  background: #ffefef url(../img/icon-no.svg) 5px 5px no-repeat;
}

.description {
  font-size: 12px;
  padding: 5px 0 0 12px;
}

.secoes {
  margin-left: 20px;
}

.colaboradores {
  font-size: 12px !important;
  line-height: 1.3em !important;
}

.colaboradores td {
  padding: 4px !important;
}

#btn_sair {
  margin-top: 30px !important;
}

.titulo_grupos {
  font-weight: bold;  
}

.titulos_colaborador {
  background-color: silver;
}

.titulos_gondola {
  background-color: rgb(216, 216, 216);
}

.titulos_gondola th, .linhas_gondola td {
  padding: 4px;
}

.td_gondolas {
  padding: 0px !important;
}

.td_gondolas td {
  border: None !important;
}

.table_gondolas {
  padding-top: 2px;
  font-size: 10px !important;
  line-height: 1.4em !important;
}

#gondolas {
  margin: 0px !important;
}

.gond_abertura {
  float: right !important;
}

.gond_periodo {
  font-size: 11px;
}

.tempo {
  clear: both;
  height: 18px !important;
  overflow:hidden;
}

#id-tabela-lista_produtos td, #id-totais-local-estoque td {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 22px;
}

#titulo_01, #titulo_02, #titulo_03, #titulo_04 {
  height: 44px !important
}

#titulo_06 {
  height: 38px !important
}

#titulo_02, #titulo_04, #titulo_06 {
  font-size: 10px !important
}

#titulo_05 {
  font-size: 10px !important
}

.varios_codigo_barras td {
  border: 1px solid white;
  background-color: #ffcccc;
}

.w_input {
  width: 100px !important
}

.negrito {
  font-weight: bold;  
}

.green { background-color: #ccffcc }
.red { background-color: #ffcccc }
.yellow { background-color: yellow }

.text-red { color: red }
.text-green { color: green }

.ocultado, .img-oculto {
  display: none;
}

.float-left { float:left !important }
.float-right { float:right !important }
.clear-both { clear:both !important }

.box_visualiza {
  overflow: hidden;
}

.fotos_visualiza {
  width: 170px;
}

#btn_voltar {
  clear: both;
}

#id_anotacoes {
  overflow: hidden;
  white-space: pre;
}

#id_atualiza {
  margin-left: 30px;
}

/* Não mostrar elemento na tela */
.no-display {
  display: none;
}

.nome_arquivo {
  border: none;
  background-color: silver;
  padding: 5px;
  display: none;
}

.btn-arquivo {
  background-color: gray;
  color: white;
}

#id_quant_coletores, #id_quant_diarias {
  width: 100px !important;
  text-align:center
}

.labels_calc {
  margin-right: 20px;
}

/* Checklist --------------------- */
.box_visualiza div {
  float:left; 
  overflow: hidden;
  margin-right: 5px;
}
/* ----------------------------- */

.cl-local, .cl-secoes, .cl-gondolas, .cl-inventario {
  margin: 0px !important;
}

.cl-local {
  list-style-type: none;
  padding-left: 0px;
}

.conf-rapida-texto {
  font-size: 12px;
  color: blue
}

.conf-rapida-links {
  font-size: 12px;
  color: red
}

.inventario-labels {
  font-size: 12px;
}

/*[11-09-20] Added by: M.Clemente */
.form-editar-inventario-100 {
  width: 100%;
}

/*[24-09-20] Added by: Milton */
.quebra-linha {
  /*line-break:auto;*/
  word-wrap:break-word
}