.fundoPrincipal {
		background: -webkit-linear-gradient(#475465,#000000 );
		background: -o-linear-gradient(#475465,#000000 );
		background: -moz-linear-gradient(#475465,#000000 );
		background: linear-gradient(#475465,#000000 );
}

.imagemmenu {
       margin-top:7px;
}
.botaomenu {
      //-webkit-touch-callout:none;                
      //-webkit-text-size-adjust:none;                     
      //-webkit-user-select:none;
}

.botaomenu:hover{      
      opacity:.8;      
}

.botaomenu:active{
      border-top:0px solid transparent;
      opacity:.6;
      //background-color:yellow;
}


.botaomenu2:active{      
      //opacity:.6;
      background-color:#E8E8E8;
}

  :hover {
  
  //opacity:.6;
}


.botaoverde {
  background-color:#00B279;
}

.botaoverde:hover {
  
  background-color:#007F56;
}

.myButtonLogin {
	background-color:#ededed;
	border-radius:15px;
	border:1px solid #d6bcd6;
	cursor:pointer;
	color:black;
	//font-family:Arial;
	font-size:14px;	
        padding:5px 10px 5px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
        //width:100%!important;
}

.myButtonLogin:active {
	position:relative;
	top:1px;
}

.botaAdicionar {
  box-sizing:border-box;
  top:calc(100% - 54px);
  left:calc(100% - 210px)!important;
  border-radius:10px;
  box-shadow:1px 1px 1px #888;
  text-shadow:1px 1px 1px #686868!important;
  width:200px;
}

.botaRodape{
  box-sizing:border-box;
  border-radius: 10px;
  width: calc(100% - 20px)!important;
  top: calc(100% - 54px)!important;
  left: 10px!important;
}

.botaRodape2{
  box-sizing:border-box;
  border-radius: 10px;
  width: calc(100% - 20px)!important;
  top: calc(100% - 106px)!important;
  left: 10px!important;
}

.pesqSelecao{
  border:1px solid white;
  font-weight: 100;
}

.pesqSelecaoMarcado{
  border:1px solid black;
  font-weight: bold;
}



.apertar:active{
  //-webkit-transform: scale3d(0.9, 0.9, 1);
  //-webkit-transform: scale(0.9, 0.9);
  position:relative;
  top:1px;
  //background-color:red;
  
  
}

.apertar2:active{
  //background-color:#DCDCDC;
  opacity:.6;
  cursor: pointer;
  color:transparent;
}

.linhaTabela {
  background-color:transparent;
}

.linhaTabela:hover {
  background-color:#DCDCDC;
}

.redondo {
  border-radius:50%;
}

.imgproduto {
  background: url('imagens/zoom-in.png') no-repeat center;  
  background-size: 50px 50px;
}

.zoom:hover {
  
  opacity:.1;
}

.rotated {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg); /* IE 9 */
  -moz-transform: rotate(180deg); /* Firefox */
  -webkit-transform: rotate(180deg); /* Safari and Chrome */
  -o-transform: rotate(180deg); /* Opera */
}

.padding3 {
  padding:10px 3px 3px 3px;
}
.semnegrito100 {
  font-weight: 100;
}
.quebratexto {
	 white-space: wrap;
	 word-break: break-all;
	 word-wrap: break-word;
         overflow-wrap: break-word;         
         white-Space: pre-wrap;  
}
.quebratextoespaco {
	 white-space: wrap;
}

.linhaespremida {
    line-height: 95%;
}

.textoalinhadotopo {
  vertical-align: text-top;
}

.overflow {
  --max-lines: 3;
  position: relative;
  max-height: calc(var(--lh) * var(--max-lines));
  overflow: hidden;
  padding-right: 1rem; /* space for ellipsis */
}
.overflow::before {
  position: absolute;
  content: "...";
/*   inset-block-end: 0;
  inset-inline-end: 0; */
  bottom: 0;
  right: 0;
}
.overflow::after {
  content: "";
  position: absolute;
/*   inset-inline-end: 0; */
  right: 0;
  width: 1rem;
  height: 1rem;
  background: white;
}

.elipse {
	//text-overflow: ellipsis;
	//overflow: hidden;
	 overflow: hidden; 
	 white-space: nowrap;
	 text-overflow: ellipsis; 
	 //word-break: break-all;
	 word-break: keep-all;
	 word-wrap: break-word;
}
.tam16 {
	font-size:16px;
}
.tam14 {
	font-size:14px;
}
.tam12 {
	font-size:12px;
}
.tam10 {
	font-size:10px;
}
.negrito {
	font-weight: bold;
}


.botaomais {        
	background-color:#00B279;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	border-radius:5px;
	font-size:18px;
	display:inline;
}

@media screen and (max-width: 1000px) {
    .botaomais {
        display:none;
    } 
    .designweb {
        display:none;
    }
}


.Aberto {
        color:white;
	//background-color:#00B279;
	//padding-left:5px;	
	padding-right:5px;
	text-align:left;
	//border-radius:5px;
	font-size:18px;
        //width:100px;
        margin-top:5px;
	//display:inline;
}


.Fechado {
        color:white;
	//background-color:red;
	//padding-left:5px;
	padding-right:5px;
	text-align:left;
	//border-radius:5px;
	font-size:18px;
        //width:100px;
        margin-top:5px;
	//display:inline;
}

.Horario {
	//float:right;
	//display:inline;
        padding-left:5px;
	padding-right:5px;
	font-size:16px;
        width:100px;
        text-align:center;
}


.bubbleesquerda:after {
      content: '';
      position: absolute;
      border-style: solid;
      border-width: 0 12px 10px;
      border-color: rgba(255,255,255,.80) transparent;
      display: block;
      width: 0;
      z-index: 1;
      top: -10px;
      left: 68px;
}
.bubbledireita:after {
      content: '';
      position: absolute;
      border-style: solid;
      border-width: 0 12px 10px;
      border-color: rgba(255,255,255,.80) transparent;
      display: block;
      width: 0;
      z-index: 1;
      top: -10px;
      left: 220px;
}



.animated { 
   -webkit-animation-duration: 7s; 
   animation-duration: 7s; 
   -webkit-animation-fill-mode: both; 
   animation-fill-mode: both; 
   color:white;
   //border-radius:8px;   
   border:0px solid transparent;
   text-align:center;
   //font-size:16px;
   //font-family: verdana;
   font-weight: 100;
   vertical-align:middle;
   padding:10px 10px 10px 10px;
   pointer-events:none;
   transform: translateY(-50%);       
   transform: translateX(-50%);       
   text-shadow: 0px 0px #000000;
   letter-spacing: 1px;
   text-rendering: optimizeLegibility ;
  -webkit-font-smoothing: antialiased;
} 

@-webkit-keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
@keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
.fadeOut { 
    -webkit-animation-name: fadeOut; 
    animation-name: fadeOut; 
}
       
.pletraMaiuscula:first-letter { 
  text-transform: uppercase;
}


.touch {
  -webkit-tap-highlight-color: rgba(0,0,0,0)
}
.touch:active {
  -webkit-tap-highlight-color: rgba(0,244,156,0.5)
}

.ui-icon-custom {
  background-image: url('imagens/seta_down16x16.png');
  background-position:90% center;
  background-repeat:no-repeat;
}


/*
==============================================
slideUpEfeito
==============================================
*/


.slideUpEfeito{
	animation-name: slideUpEfeito;
	-webkit-animation-name: slideUpEfeito;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}

@keyframes slideUpEfeito {
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUpEfeito {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

.sidenav {
//  height: 100%;
//  width: 0;
//  position: fixed;
//  z-index: 1;
//  top: 0;
//  left: 0;
//  background-color: white;
//  overflow-x: hidden;
  transition: 0.2s;
  //padding-top: 0px;
  
}

.sidenav a {
//  padding: 8px 8px 8px 32px;
//  text-decoration: none;
//  font-size: 25px;
//  color: black;
//  display: block;
  //transition: 0.3s;
}

.sidenav a:hover {
//  color: silver;
}

.sidenav .closebtn {
  position: absolute;
//  top: 0;
//  right: 25px;
  //font-size: 36px;
  //margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.escondescroll::-webkit-scrollbar {
  display: none;
}

//.grudar {
//  position:sticky;
//  top:100px;;
//  
//}