html, body {
    min-height: 100%;
}
main{
  padding-top: 84px; /*Necessario pra corrigir a navbar que fica passando por cima de uns elementos*/
  padding-left: 1px; 
  padding-right: 1px; 
}

#mainNovoPedido{
  padding-top: 100px; /*Necessario pra corrigir a navbar que fica passando por cima de uns elementos*/


}
#mainMostrarProduto{
  padding-top: 80px; /*Necessario pra corrigir a navbar que fica passando por cima de uns elementos*/


}

.flash          { background: #cee5F5; padding: 0.5em;
                 border: 1px solid #aacbe2; }


#imagemVerProduto{
  max-width: 660px;
  max-height:660px;
}
#tbody_prods tr td {
  text-align: center;
}
#btn-lixo{
  border:none !important;
  background: transparent;
}
td>img{
  width: 70px;
  height:50px;
}

#divimagemVerCliente img{
  width:  640px;
  height: 360px;
}
/* #divimagemVerProduto img{
  width:  auto;
  height: auto;
} */

textarea{
  resize: none;
}

.table>tbody>tr>td {vertical-align: middle};

/* #form_novo_pedido {
  background-color: #ffffff;
  margin: 100px auto;
  padding: 40px;
  width: 70%;
  min-width: 300px;
} */
.footer {
  background:crimson;
}

.navbar-nav > .nav-item > a {
position: relative;
}

.bt_mais{
  text-align: center;
}

.fixed-action-btn{
    position:fixed;
    right:23px;
    bottom:23px;
    padding-top:15px;
    margin-bottom:0;
    z-index:997;
    bottom:45px;
    right:24px;
  }

  .btn-floating.btn-large{
    width:56px;
    height:56px;
    padding:0;
  }

  .btn-large{
    height:54px;
    line-height:54px;
    font-size:15px;
    padding: 0 28px;
  }

  .btn-floating{
    display: inline-block;
    color: #FFF;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border-radius: 50%;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    cursor: pointer;
    vertical-align: middle;
  }

  .btn-floating.btn-large i{
    line-height:56px;
  }

  .btn-floating i{
    width: inherit;
    display:inline-block;
    text-align:center;
    color: #FFF;
    font-size: 1.6rem;
    line-height: 40px;
  }
  .fixed-action-btn ul{
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    bottom: 64px;
    margin: 0;
    visibility: hidden;
  }
  .fixed-action-btn.active ul{
    visibility: visible;
  }
  ul:not(.browser-default){
    padding-left:0;
    list-style-type:none;
  }
  .fixed-action-btn  ul li{
    margin-bottom:15px;
  }
  .fixed-action-btn.direction-left, .fixed-action-btn.direction-right{
    padding: 0 0 0 15px;
  }
  .fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul{
    text-align:right;
    right: 64px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    left:auto;
    width: 500px;
  }
  .fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li{
    display: inline-block;
    margin: 7.5px 15px 0 0;
  }
  .mdc-fab {
   background-color: #4285f4;
}
input.invalid {
background-color: #ffdddd;
}





   /* Tela de criar Pedido */
   /* Mark input boxes that gets an error on validation: */

/* Hide all steps by default: */
.tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #4CAF50;
}
.toast {
    left: 50%;
    position: fixed;
    transform: translate(-50%, 0px);
    z-index: 9999;
}
#tableProdutosParcial tbody td{
  text-align:center;

}

/* Cstomizar datatable */
.page-item.active .page-link {
    background-color: rgb(113, 113, 113) !important;
    background: linear-gradient(90deg, rgba(113, 113, 113, 1) 5%, rgba(66, 66, 66, 1) 50%, rgba(113, 113, 113, 1) 95%) !important;
    border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border: 1px solid #000000;
        -webkit-box-shadow: inset 13px 14px 8px -8px rgba(148, 148, 148, 0.56);
        -moz-box-shadow: inset 13px 14px 8px -8px rgba(148, 148, 148, 0.56);
        box-shadow: inset 13px 14px 8px -8px rgba(148, 148, 148, 0.56);
  font: bold;
  /* font color: white !important; */

}
.page-link {
    color: #A3A3A5 !important;

}
/* .paginate_button:hover{
  font color: white !important;
  background: none;
  color: black!important;
} */


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  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
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #4285f4;
  color: white;
}

.modal-body {padding: 2px 16px;}



/* Para Desktop */
@media screen and (min-width: 600px) {
textarea{
  width:600px;
}
}

/* Para Mobile */
@media screen and (max-width: 600px) {




.mdc-fab--mini {
    width: 20px;
    height: 20px;
}
#tableProdutosListarPedido thead th{
  font-size: 10px;
}

#tableProdutosListarPedido tbody td{
  font-size: 10px;
}
#tableProdutosListarPedido_wrapper{
  font-size: 10px;
}

#tableProdutosListar thead th{
  font-size: 8px;
}

#tableProdutosListar tbody td{
  font-size: 8px;
}
#tableProdutosListar_wrapper{
  font-size: 8px;
}

#tableClientesListar thead th{
  font-size: 8px;
}

#tableClientesListar tbody td{
  font-size: 8px;
}
#tableClientesListar_wrapper{
  font-size: 8px;
}

#tablePedidosListar thead th{
  font-size: 8px;
}

#tablePedidosListar tbody td{
  font-size: 8px;
}
#tablePedidosListar_wrapper{
  font-size: 8px;
}

#tableProdutosFinal thead th{
  font-size: 10px;
}

#tableProdutosFinal tbody td{
  font-size: 10px;
}
#tableProdutosParcial thead th{
  font-size: 10px;
}

#tableProdutosParcial tbody td{
  font-size: 10px;
}

#tableVerbasListar thead th{
  font-size: 8px;
}

#tableVerbasListar tbody tr td{
  font-size: 8px;
}
.esconder{
            display: none;
        }

#prevBtn{
  font-size: 10px;
}
#nextBtn{
  font-size: 10px;
}
td>img{
  width: 54px;
  height:36px;
}
#divimagemVerCliente img{
  width:  100px;
  height: 100px;
}
#divimagemVerProduto img{
  width:  100px;
  height: 100px;
}


.btn-label{
  float: center;

}
.span-plus{
  height: 13px !important;
  font-size: 10px;
  vertical-align:middle;
}
.span-minus{
  height: 13px !important;
  font-size: 10px;
  vertical-align: bottom;
}
td{
  max-width:90px;
}

.container-fluid {
       padding:0; /* Extend your menu really full width without padding of container-fluid */
   }
   .navbar-nav {
       margin:0; /* Center your menu with current 100% width available */
   }
   .navbar .nav > li {
       display: block;
   }
   .navbar .nav > li  img {
       margin: auto;
   }

}

html,
body {
    overscroll-behavior-y: contain;
}

.list-group-item
{
  padding-bottom: 0.3rem;
  padding-top: 0.3rem;
}
 p {
  margin-bottom: 0;
}

.cells_format{
  text-align:center;
}
@media only screen and (max-width: 600px) {
  .cells_format{
    text-align:center;
    font-weight: 500;
    font-size: 0.5rem;
    }
  #tableProdutosListar tbody td{
    font-size: 11px;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button{
    font-size: 11px;
  }

}
#tableListarProdutos td {
  font-size: 1rem;
  font-weight: 300;
}