/*MARGINS*/
.mx-5 { margin-left: 3em; margin-right: 3em; }
.mx-4 { margin-left: 2.5em; margin-right: 2.5em; }
.mx-3 { margin-left: 2em; margin-right: 2em; }
.mx-2 { margin-left: 1.5em; margin-right: 1.5em; }
.mx-1 { margin-left: 1em; margin-right: 1em; }
.mx-0 { margin-left: 0em; margin-right: 0em; }

.my-5 { margin-top: 3em; margin-bottom: 3em; }
.my-4 { margin-top: 2.5em; margin-bottom: 2.5em; }
.my-3 { margin-top: 2em; margin-bottom: 2em; }
.my-2 { margin-top: 1.5em; margin-bottom: 1.5em; }
.my-1 { margin-top: 1em; margin-bottom: 1em; }
.my-0 { margin-top: 0em; margin-bottom: 0em; }

.mb-5 { margin-bottom: 3em; }
.mb-4 { margin-bottom: 2.5em; }
.mb-3 { margin-bottom: 2em; }
.mb-2 { margin-bottom: 1.5em; }
.mb-1 { margin-bottom: 1em; }
.mb-0 { margin-bottom: 0em; }

.mt-5 { margin-top: 3em; }
.mt-4 { margin-top: 2.5em; }
.mt-3 { margin-top: 2em; }
.mt-2 { margin-top: 1.5em; }
.mt-1 { margin-top: 1em; }
.mt-0 { margin-top: 0em; }

.mr-5 { margin-right: 3em; }
.mr-4 { margin-right: 2.5em; }
.mr-3 { margin-right: 2em; }
.mr-2 { margin-right: 1.5em; }
.mr-1 { margin-right: 1em; }
.mr-0 { margin-right: 0em; }

.ml-5 { margin-left: 3em; }
.ml-4 { margin-left: 2.5em; }
.ml-3 { margin-left: 2em; }
.ml-2 { margin-left: 1.5em; }
.ml-1 { margin-left: 1em; }
.ml-0 { margin-left: 0em; }






.modal-feira h1, .modal-feira h2, .modal-feira h3, .modal-feira h4, .modal-feira h5, .modal-feira h6 { margin: 0; }


.modal-feira input:focus, .modal-feira select:focus, .modal-feira textarea:focus, .modal-feira button:focus { outline: none; }


/* The Modal (background) */
.modal-feira {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000;
    padding: 0px
    /*display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);*/
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0px;
  border: 1px solid #FFFFFF;
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  border-radius: 10px;
  overflow: hidden;
}


.modal-feira p {  color: #000;} /*margin: calc(1em/3);*/

.modal-feira .nome-estande { font-size: 1.2em; font-weight: bold; }
.modal-feira .valor-total { font-size: 1.5em; font-weight: bold; }
.modal-feira .btn { border-radius: 5px; padding: 10px 15px; color: #FFFFFF; text-decoration: none; margin: 0 5px; font-size: .9em; cursor: pointer; }
.modal-feira .modal-footer .btn:first-child { margin: 0 0 0 5px; }
.modal-feira .btn-primario { background-color: #98bf13; }
.modal-feira .btn-primario:hover, .modal-feira .btn-primario:focus  { background-color: #72900e; }
/*.modal-feira .btn-primario:disabled  { background-color: #d2e29d; }*/
.modal-feira .btn-secundario { color: #000000; border: 1px solid #939498; background-color: #f2f2f2; }
.modal-feira .btn-secundario:hover, .modal-feira .btn-secundario:focus  { color: #48494b; border: 1px solid #48494b; }
/*.modal-feira .btn-secundario:disabled  { background-color: #c8c9cb; }*/
.modal-feira .btn-excluir { background-color: #bf1313; }
.modal-feira .btn-excluir:hover, .modal-feira .btn-excluir:focus  { background-color: #900e0e; }
/*.modal-feira .btn-excluir:disabled  { background-color: #d2e29d; }*/

.modal-feira .nome-rede-user { float: right; }

.modal-feira input { border-radius: 5px; padding: 3px 5px;  border: 1px solid #CCCCCC; height: 28px; } /*width: 30%;*/



/* Add Animation */
@-webkit-keyframes animatetop {
  from  {top:-10px; opacity:0} 
  to    {top:0; opacity:1}
}

@keyframes animatetop {
  from  {top:-10px; opacity:0}
  to    {top:0; opacity:1}
}


/* The Close Button */
.close { color: #000; float: right; font-size: 28px; font-weight: bold; margin-top: -10px; }
.close:hover, .close:focus { color: #98bf13; text-decoration: none; cursor: pointer; }
.modal-header, .modal-body, .modal-footer { padding: 10px; }
.modal-header { border-bottom: 1px solid #e2e3e4; }
.modal-body {  }
.modal-body.sucesso { text-align: center; padding: 50px 0px; }
.modal-body.sucesso i { color: #98bf13; font-size: 4em; }
.modal-body.sucesso p.txt-1 { margin-bottom: 30px !important; }
.modal-body.sucesso p.txt-2 { font-size: 2.5em; font-weight: bold; }
.modal-body.sucesso p.txt-3 { margin-bottom: 30px !important; }
.modal-body.sucesso p.txt-4 {  }
.modal-body.sucesso p.txt-5 { margin-bottom: 30px !important; font-size: 1.5em; font-weight: bold; }
.modal-body.sucesso p.txt-6 { margin-bottom: 30px !important; }
.modal-body.sucesso p.txt-7 img { width: 120px; }
.modal-footer { display: block; text-align: initial; box-shadow: 0 0 17px rgba(0, 0, 0, .15); border-top: 1px solid #FFFFFF; background-color: #f2f2f2; } /*border-top: 1px solid #e2e3e4;*/
.modal-footer.footer-light {  box-shadow: none; border-top: 1px solid #e2e3e4; background-color: transparent;  }
#myBtn { width: 400px; height: 100px; }


.fr { float: right; }
.fl { float: left; }



/*HEADER*/
.header-row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-end; align-content: stretch; }
.header-col:nth-child(1) { display: block; flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 1; }
.header-col:nth-child(2) { display: block; flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 2; }
.header-col:nth-child(3) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 3; }



/*TABs*/
.tab-container { }
.tab-content { border: 1px solid #939498; border-radius: 0 0px 5px 5px; overflow: hidden; }
.tab-bar { }
.tab-black { }
.tab-bar-item { }
.tab-button, .tab-button:visited { padding: 10px; border-radius: 5px 5px 0 0; border: none; font-weight: bold; font-size: 1.05em; text-decoration: none; display: inline-block; color: #000000; background-color: #e6e6e6; cursor: pointer; }
.tablink { }
.tab-button.tab-active { background-color: #98bf13; color: #FFFFFF; }
.tab-border { }


/*BUSCA*/
.busca-form-row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: stretch; padding: 10px; box-shadow: 0 0 17px rgba(0, 0, 0, .15); border-bottom: 1px solid #FFFFFF; background-color: #f2f2f2; }
.busca-form-col:nth-child(1) { display: block; flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 1; }
.busca-form-col:nth-child(2) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 2; }
.busca-form-col:nth-child(1) input { width: 40%; }

.tt-dropdown-menu { width: 100% !important; right: 0 !important; left: initial !important }


/*LISTAGEM*/
.listagem-produtos, .listagem-produtos-resumo, .listagem-cupons { height: 350px; overflow-y: auto; }
.listagem-produtos, .listagem-produtos-resumo { overflow-y: scroll; }

/*SHOP*/
.listagem-produtos .busca-list-row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: stretch; border-bottom: 1px solid #e2e3e4; }
.listagem-produtos .busca-list-col { padding: 10px; }
.listagem-produtos .busca-list-col:nth-child(1) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 1; }
.listagem-produtos .busca-list-col:nth-child(2) { display: block; flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 2; border-right: 1px solid #e2e3e4; font-size: .9em; }
.listagem-produtos .busca-list-col:nth-child(3) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 3; }
.listagem-produtos .busca-list-col:nth-child(4) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 4; }

.listagem-produtos .busca-list-col .nome-produto { font-weight: bold; }
.listagem-produtos .busca-list-col a i { color: initial; }
.listagem-produtos .busca-list-col .valor-unid, .listagem-produtos .busca-list-col .valor-qtde, .listagem-produtos .busca-list-col .valor-subtotal { /*text-align: center;*/ margin: 5px 0 !important; }
.listagem-produtos .busca-list-col .valor-unid { font-weight: bold; }
.listagem-produtos .busca-list-col .valor-qtde input { text-align: center; width: 35%; }
.listagem-produtos .busca-list-col .valor-subtotal {  }
.diagramacao-texto { width: 140px; float: left; text-align: right; padding-right: 20px; font-weight: normal; font-size: .9em; }

.listagem-produtos-industria .busca-list-row-industria { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: stretch; border-bottom: 1px solid #e2e3e4; }
.listagem-produtos-industria .busca-list-col-industria { padding: 10px; }
.listagem-produtos-industria .busca-list-col-industria:nth-child(1) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; border-right: 1px solid #e2e3e4; font-size: .9em; }
.listagem-produtos-industria .busca-list-col-industria:nth-child(2) { display: block; flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: auto; border-right: 1px solid #e2e3e4; font-size: .9em; }
.listagem-produtos-industria .busca-list-col-industria:nth-child(3) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; border-right: 1px solid #e2e3e4; font-size: .9em; }
.listagem-produtos-industria .busca-list-col-industria:nth-child(4) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; border-right: 1px solid #e2e3e4; font-size: .9em; }
.listagem-produtos-industria .busca-list-col-industria:nth-child(5) { display: block; flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: auto; border-right: 1px solid #e2e3e4; font-size: .9em; }
.listagem-produtos-industria .busca-list-col-industria:nth-child(6) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; border-right: 1px solid #e2e3e4; font-size: .9em; }
.listagem-produtos-industria .busca-list-col-industria:nth-child(7) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; border-right: 1px solid #e2e3e4; font-size: .9em; }


/*RESUMO*/
.listagem-produtos-resumo:first-child { height: initial; margin-right: 17px; overflow-y: auto; }
.listagem-produtos-resumo:last-child { overflow-y: scroll; }
.listagem-produtos-resumo .busca-list-row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: stretch; border-bottom: 1px solid #e2e3e4; }
.listagem-produtos-resumo .busca-list-col { padding: 10px; }
.listagem-produtos-resumo .busca-list-col:nth-child(1) { display: block; flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 1; }
.listagem-produtos-resumo .busca-list-col:nth-child(2) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 2; }
.listagem-produtos-resumo .busca-list-col:nth-child(3) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 3; }
.listagem-produtos-resumo .busca-list-col:nth-child(4) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 4; }
.listagem-produtos-resumo .busca-list-col:nth-child(1), .listagem-produtos-resumo .busca-list-col:nth-child(2), .listagem-produtos-resumo .busca-list-col:nth-child(3) { border-right: 1px solid #e2e3e4; }
.listagem-produtos-resumo .busca-list-col:nth-child(2), .listagem-produtos-resumo .busca-list-col:nth-child(3), .listagem-produtos-resumo .busca-list-col:nth-child(4) { width: 150px; }


.listagem-produtos-resumo .busca-list-col .nome-produto { font-weight: bold; }
.listagem-produtos-resumo .busca-list-col a { color: initial; }
.listagem-produtos-resumo .busca-list-col .valor-unid, .listagem-produtos-resumo .busca-list-col .valor-qtde, .listagem-produtos-resumo .busca-list-col .valor-subtotal { text-align: center; margin: 5px 0; }
.listagem-produtos-resumo .busca-list-col .valor-unid { font-weight: bold; }
.listagem-produtos-resumo .busca-list-col .valor-qtde input { text-align: center; }
.listagem-produtos-resumo .busca-list-col .valor-subtotal {  }



/*HOVER-IMAGE-PREVIEW*/
.thumbnail-icon:hover + .thumbnail-image { display: inline-block; position: absolute; width: 100px; height: 100px; border-radius: 5px; margin-left: 10px;  border: 1px solid #FFF; box-sizing: border-box; margin-top: -30px; box-shadow: 0 0 10px rgba(0,0,0,.3);background-color: #FFFFFF;  /*padding: 1px;*/ }
.thumbnail-image { display: none; }
.thumbnail-image img { width: 100%; border-radius: 3px; }


/*CUPONS*/
.cupom { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
.cupom-item { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 0; padding: 10px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.1); width: 110px; text-align: center; margin: 20px; cursor: pointer; } /* border: 1px solid #e2e3e4; */
.cupom-pedido { width: 150px; margin-bottom: 30px; }
.cupom-img { background-image: url("/assets/images/no-image.png"); background-size: cover; background-repeat: no-repeat; width: 63px; height: 63px; margin-left: 15px; }
.cupom-img div { background-color: #FFFFFF; height: 63px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; }
.cupom-img img { width: 100%;}
.cupom-qtde { font-size: 2em; font-weight: bold; margin-bottom: 0 !important; }
.cupom-txt { text-transform: uppercase; }
.cupom-txt.codigo { font-size: 1.1em; color: #000; font-weight: bold; margin-bottom: 0 }
.cupom-txt.data { margin-bottom: 0; }

/*FOOTER*/
.footer-row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: stretch; }
.footer-col:nth-child(1) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 1; }
.footer-col:nth-child(2) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 2; }
.footer-col:nth-child(3) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 3; }
.footer-col:nth-child(4) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 4; }

.footer-col:nth-child(2) p { margin-bottom: 10px; }

.footer-col:nth-child(3) div { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-end; align-content: stretch; }
.footer-col:nth-child(3) div p:nth-child(1) { display: block; flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: center; order: 1; font-weight: bold; margin-right: 10px; }
.footer-col:nth-child(3) div p:nth-child(2) { display: block; flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: center; order: 2; margin-top: 0; }
.footer-col:nth-child(3) p:first-child::before { content: '!'; float: left; margin-top: -5px; margin-right: 10px; border: 1px solid #939498; padding: 5px 14px; border-radius: 50px; font-weight: bold; }



/*INDUSTRIA É VAN*/
.msg-ind-van { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; height: 350px; }
.msg-ind-van .msg { background-color: #f2f2f2; padding: 10px; border-radius: 5px; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,.1); border: 1px solid #e6e6e6; }
.msg-ind-van .msg p:first-child { font-size: 1.4em; }
.msg-ind-van a { color: #98bf13; }
.msg-ind-van a:hover { text-decoration: underline; }
