body, html {
    width: 100%;
    height: 100%;

}

 /*Tabela-pedidos*/

 input[type='text'].datepicker-tabela-pedidos
 {

 }
/*Tela de Login Administrador*/
.adm-geral {
	/*Efeito degrade*/
	background: #009bdc;
	background: -moz-linear-gradient(top, #009bdc 0%, #003e73 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009bdc), color-stop(100%,#003e73));
	background: -webkit-linear-gradient(top, #009bdc 0%,#003e73 100%);
	background: -o-linear-gradient(top, #009bdc 0%,#003e73 100%);
	background: -ms-linear-gradient(top, #009bdc 0%,#003e73 100%);
	background: linear-gradient(to bottom, #009bdc 0%,#003e73 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009bdc', endColorstr='#003e73',GradientType=0 );
	/*Efeito degrade*/
	
	width: 100%;
	height: 100%;
}

.acesso-entregador {
	text-align: center;
	margin-top: 15px;
}

.acesso-entregador a{
	width: 60%;
	font-weight: 700;
	border-radius: 5px;
	background: url(../img/icones/ico-velocidade.png) 7px 7px no-repeat #FFF;
	padding: 10px;
	padding-left: 45px;

}

.acesso-entregador a:hover{
	transition: 0.2s;
	background: url(../img/icones/ico-velocidadeB.png) 7px 7px no-repeat #00a8df;
	color: #FFF !important;
	text-decoration: none !important;
}

.adm-login {
	 margin: 135px auto;
	 margin-bottom: 20px;
	 width: 500px;
	 background-color: #2369a1;
	 /*Borda*/
	 -webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
	 border-radius: 10px;
	 border: 1px solid #005087;/*rgba(0,64,117,0.2);*/
}

.adm-login-logo {
	background-color: #FFF;
	height: 95px;
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
	/*Borda*/
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
}


#salvarLogin{
  width: 30px;
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
}

#salvarLoginDistribuidor{
	
   width: 15px;
   margin-bottom: 0;
   height: auto !important;
  /* -ms-transform: scale(1.5); IE
   -moz-transform: scale(1.5); FF
   -webkit-transform: scale(1.5); Safari and Chrome
   -o-transform: scale(1.5); */ /* Opera */
}

.adm-campos label {
	color: #FFF;
	font-size: 17px;
}

.adm-erro-login{
	background: #FFF;
	color: #a92400;
	width: 450px;
	position: relative;
	left: 50%;
	margin-left: -225px;
	text-align: center;	
}

.adm-campos {
	padding: 25px 30px 10px 30px;
	color: #FFF;
}

.adm-campos p{
	margin-top: 9px;
	padding-left: 15px;	
	font-size: 15px;
}

.adm-campos a{
	text-decoration: none;
	color: #323333;
}

.adm-campos a:hover{
	text-decoration: underline;
	
}

.adm-campos input{
	padding-left: 40px;
}

.adm-campos #nome {
	background: url(../img/icones/adm-ico-usuario.png) no-repeat scroll 7px;
	background-color: #fff;
}

.adm-campos #senha {
	background: url(../img/icones/adm-ico-senha.png) no-repeat scroll 7px;
	background-color: #fff;
}

.adm-campos #login {
	background: url(../img/icones/adm-ico-entregador.png) no-repeat scroll 7px;
	background-color: #fff;
}

.adm-form-login{
	display: table;
	width: 100%;
}

.adm-campos .bt-entrar{
	border-radius: 10px;
	width: 100%;
	text-align: center;
	padding: 0;
	height: 40px;
	background-color: #4a97cc;
	border: none;
	color: #FFF;
	font-size: 17px;
	cursor: pointer;
	margin-left: -5px;
	margin-bottom: 15px;
}

.adm-campos .bt-entrar:hover{
	transition: 0.2s;
	background-color: #1786d3;
}

.adm-login-rodape {
	margin-top: 45px;
	min-height: 40px;
	border-top: 1px solid #006099;
	text-align: center;
}

.adm-login-rodape a{
	font-weight: 700;
	font-size: 25px;
	color: #ffffff;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #a5bbd3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #a5bbd3;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #a5bbd3;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #a5bbd3;
}

.adm-info-pedido{
	width: 600px;
	background: #FFF;
	position: absolute;
	border-radius: 20px;
	left: 40%;
	top: 30%;
	padding: 25px;
	padding-bottom: 10px;
	border: 2px solid #004b97;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(107,107,107,1);
	-moz-box-shadow: 2px 2px 5px 0px rgba(107,107,107,1);
	box-shadow: 2px 2px 5px 0px rgba(107,107,107,1);
}

.lista-produtos{
	border: 1px solid #CCC;
	border-radius: 10px;
	text-align: center;
	margin-top: 50px !important; 
}

.lista-endereco{
	margin-top: 20px !important;
	border: 1px solid #CCC;
	border-radius: 10px;
}

.lista-produtos h3{
	margin-top: -15px;
	font-size: 20px;
	background-color: #FFF;
	width: 170px;
	padding-left: 0px;
}


.lista-endereco h3{
	margin-top: -15px;
	font-size: 20px;
	background-color: #FFF;
	width: 210px;
	padding-left: 10px;	
}

.btn-fechar-lista{
	height: 35px;
	width: 35px;
	float: right;
	background: #004b97;
	text-align: center;
	padding-top: 5px;
	color: #FFF;
	margin: -27px;
	position: relative;
	z-index: 999999;
	border-top-right-radius: 20px;
}

.btn-fechar-lista:hover{
	background: #005fbd;
	color: #FFF;
	float: right;
	
}

.btn-fechar-lista:active{
	color: #FFF;
}

.adm-titulo-lista {
	text-align: center;
	background: #004b97;
	position: relative;
	z-index: 99;
	height: 34px;
	margin: -26px !important;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	color: #FFF;
}

.adm-titulo-lista p {
	margin-top: -20px;
	margin-left: 15px;
}

.lista-pedio-mensagem {
	width: 100%;
	height: 300px;
	overflow-y: auto;
	background: #f7f7f7;
	border: 1px solid #c5c5c5;
	margin-bottom: 10px;
	padding: 20px;
	border-radius: 5px;
	display: block;
	float: left;
}

.lista-pedido-inputBar {
	display: block;
	float: left;
	width: inherit;
}

#bt-envio-mensagem{ 
	width: 25%;
	padding-top: 16px;
	padding-bottom: 0;
	height: 55px;
	margin-top: -72px;
	font-size: 20px;
	border-radius: 20px;

}

#adm-bt-envio-mensagem{ 
	width: 25%;
	padding-top: 16px;
	padding-bottom: 0;
	height: 55px;
	margin-top: -72px;
	font-size: 20px;
	border-radius: 20px;
}


#mensagem {
height: 55px;
width: 70%;
}


.mens-sys{
	color: #808080;
	margin-bottom: 5px;
}

.mens-user{
	color: #009df2;
	margin-bottom: 5px;
}

.mens-dis{
	color: #00669d;
	margin-bottom: 5px;
}


/*=============================
FIM Tela de Login Administrador
===============================*/

/*Painel Administrativo*/
.adm-top{
	height: 120px;
	padding: 10px 0;
}

.adm-top img{
	position: relative;
	margin: 0 auto;
	display: block;
}

.adm-legenda {
	color: #FFF;
	height: 50px;
	background-image: url(../img/distribuidor/bg-titulo.jpg);
	background-color: #7dabc9;
	
}

#sair-adm-distribuidor{
	float: right;
	margin-top: 28px;
	background: #0F6F9E;
	color: #FFF;
	width: 100px;
	text-align: center;
	padding: 7px 10px; 
}

#sair-adm-distribuidor:hover{
	background: #49a8d7;
}

.adm-legenda img {
	margin-top: 2px;
	margin-left: -25px;
	float: left;
}

.adm-legenda h5 {
	font-weight: bold;
	color: #FFF;
	font-size: 17px;
	margin-top: 15px;
}

.adm-legenda ul{
	list-style: none;
}

.adm-legenda ul li {
	display: inline-block;
	width: 150px;
	height: 30px;
	margin-top: 10px;
	padding-right: 5px;
	padding-top: 2px;
}

.adm-legenda ul li:hover {
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.01) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.01)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.01) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.01) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.01) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.01) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#03ffffff',GradientType=1 );
	color: #4083c6;
}

.adm-legenda ul li img{
	margin-top: -7px;
	
}

.adm-legenda ul a{
	display: inline-block;
	color: #FFF;
}

.adm-legenda ul a:hover{
	color: #4083c6;
}

.menu-links{
	text-align: center;
}
.menu-links a{
	/* margin-right: 5px; */
}
/*
.adm-legenda p{
	margin-top: 13px;
	margin-right: 25px;
	margin-bottom: 0;
	float: right;
	font-size: 15px;
}

.adm-legenda #sair {
	padding: 5px 10px;
	color: #004b97;
}

.adm-legenda #sair:hover {
	color: #e0f2fe;
	text-decoration: underline;
}

.adm-menu-lat {
	background: #f2f2f2;
	height: auto;
	padding: 0;
}

.adm-menu-lat a{
	color: #888;
}

.adm-menu-lat ul {
	list-style: none;
	margin: 0;
}

.adm-menu-lat ul li {
	height: 40px;
	background-color:  #f2f2f2;
	margin-bottom: 5px;
	padding-left: 10px;
}

.adm-menu-lat ul li:hover{
	background-color: #fff;	
	transition-duration: 0.6s;
	color: #013757;
}

.adm-menu-lat ul li img{
	margin-right: 5px;	
}*/

.adm-conteudo {
	background: #FFF;
	min-height: 735px;
	padding: 25px;
}


/*Pedidos Recebidos*/
.legendas-pedido{
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

.legenda-status{
	height: 12%;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

.legendas-pedido img{
	display: block;
	margin: 0 auto;
}

.tabela-pedidos thead tr th, 
.tabela-pedidos tbody tr td{
	text-align: center;
	font-size: 20px !important;

}

.tabela-pedidos tbody tr td li{
	list-style: none;
	margin: 10px 0;
}

.tabela-pedidos tbody tr{
	margin: 10px 0 !important;
	cursor: pointer;
}

.tabela-pedidos tbody tr:hover{
	background: rgba(3, 75, 126, 0.2);
}

.tabela-pedidos tbody tr:hover .info{
	background: #142d53;
	cursor: pointer;
}

.tabela-pedidos tbody tr .info{
	padding-left: 15px !important;
	padding-right: 15px !important;
	background: #1d4178;
	color: #FFF;
}

.tabela-pedidos tbody tr .info:hover{
	background: #142d53;
}

.title-filter-data-pedidos {
	margin-top: 10px;
	float: right;
}

.title-filter-data-pedidos h3
{
    color: #222;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    font-size: 18px;
}

.title-filter-data-pedidos label
{
    margin: 6px;
    float: left;
}

.title-filter-data-pedidos input[type='text']
{
	width: 95px;
	float: left;
}


.table-pedidos thead tr th, 
.table-pedidos tbody tr td{
	text-align: center;
    font-size: 20px;
}

.table-pedidos tbody tr td li{
	list-style: none;
	margin: 10px 0;
}

.table-pedidos tbody tr{
	margin: 10px 0 !important;
	cursor: pointer;
}

.table-pedidos tbody tr:hover{
	background: rgba(3, 75, 126, 0.2);
}

.table-pedidos tbody tr:hover .info{
	background: #142d53;
	cursor: pointer;
}

.table-pedidos tbody tr .info{
	padding-left: 15px !important;
	padding-right: 15px !important;
	background: #1d4178;
	color: #FFF;
}

.table-pedidos tbody tr .info:hover{
	background: #142d53;
} 


.data {
	color: #4c5158;
}

.tempo{
	color: #727b7f;
}

/*Pedidos Recebidos*/

.footer-distribuidor{
	text-align: center;
	position: relative;
	bottom: 0;
   	width: 100%;
	background: #052e52;
	height: 70px;
	padding-top: 40px;
}

.footer-distribuidor p{
	color: #FFF;
	margin: 0;
}

/*Configurações estilo Maps administrador*/
/*removed this because its wrong and caused problems on the dist add map view.*/
/*
 #mapa {
	margin-bottom: 20px;
	margin-left: 10px;
	border: 5px solid #fff;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(107,107,107,1);
	-moz-box-shadow: 2px 2px 5px 0px rgba(107,107,107,1);
	box-shadow: 2px 2px 5px 0px rgba(107,107,107,1);
 }
*/
.mapa {
	margin-bottom: 20px;
	border: 5px solid #fff;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(107,107,107,1);
	-moz-box-shadow: 2px 2px 5px 0px rgba(107,107,107,1);
	box-shadow: 2px 2px 5px 0px rgba(107,107,107,1);
 }

.mensagem-maps{
	margin: -15px 0 5px 20px;
	color: #969696;
	font-size: 12px;
}

#mapa-add .error{
	font-size: 12px;
}

#mapa-add {
	height: auto;
	margin-bottom: 20px;
}

#mapa-add h1{
	font-size: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFF;
	margin-top: 10px;
	padding-left: 10px;
	background: #3e3e3e;
	margin-bottom: 25px;
}
#mapa-add h1 img{
	margin-top: -3px;
	margin-right: 5px;
	height: 25px;
	width: 25px;
}

.text-cadatro-endereco{
	text-align: left;
	height: 50px;
	width: 100%;
	background: #3e3e3e;
}
.text-cadatro-endereco:hover{
	background: #262626;
	transition: 0.4s;
}

.text-cadatro-endereco h1{
	font-size: 22px;
	text-align: left;
	padding-bottom: 5px;
	color: #FFF;
	margin-top: 10px;
	padding-left: 10px;
}

.text-cadatro-endereco h1 img{
	margin-top: 3px;
	float: left;
	margin-right:8px;
	height: 22px;
	width: 22px;
}

.mapa-edit .error{
	font-size: 12px;
}

.bt-cadastrar-endereco{
	width: 150px;	
	height: 35px;
	background-color: #0f6f9e;
	color:  #FFF;
	border: none;
	cursor: pointer;
	position: absolute;
	left:100%;
	margin-left: -163px;
	margin-top: -52px;

}

.bt-cadastrar-endereco:hover {
	transition: 0.2s;
	background-color: #49a8d7;
}

/*Mapa editavel*/
.mapa-edit{
	height: auto;
	padding-bottom: 40px;
	position: inherit;
	margin-bottom: 10px;
}

.btn-cancelar-edicao-endereco {
	width: 150px;	
	height: 35px;
	background-color: #0f6f9e;
	color:  #FFF;
	border: none;
	cursor: pointer;
	padding: 10px;
	margin: 10px;

}

.btn-cancelar-edicao-endereco:hover {
	transition: 0.2s;
	color: #FFF;
	background-color: #49a8d7;
}


/* =============== Estilos do autocomplete =============== */
.ui-autocomplete { 
	background: #fff; 
	border-top: 1px solid #ccc;
	cursor: pointer; 
	font: 15px 'Open Sans',Arial;
	margin-left: 3px;
	width: 493px !important;
}

.ui-autocomplete .ui-menu-item { 
	list-style: none outside none;
	padding: 10px 0 10px 10px;
}

.ui-autocomplete .ui-menu-item:hover { background: #eee }

.ui-autocomplete .ui-corner-all { 
	color: #666 !important;
	display: block;
}

.ui-helper-hidden-accessible {
	color: #fff;
	font-size: 0px;
}

.btnEndereco {
	display: block;
	float: left;
	cursor: pointer;
}

/*lista de localizações*/
.adm-lista-local{
	background-color: #565656;
	height: 50px;
	margin-bottom: 10px !important;
	color: #FFF;
	cursor: pointer;
}

.adm-lista-local:hover{
	transition: 0.6s;
	background-color: #3e3e3e;
	
}


.adm-lista-local p{
	text-align: left;
	font-weight: bold;
	font-size: 17px;
	margin-top: 12px;
}

.adm-lista-local img {
	margin-top: 7px;
	float: right;
	cursor: pointer;
	opacity: 0.7;
    filter: alpha(opacity=70);
}

.adm-lista-local img:hover {
	transition: 0.5s;
	opacity: 1;
    filter: alpha(opacity=100);
}

.lista-local-titulo {
	margin-top: 45px;
	border-bottom: 1px solid #c4c4c4;
	text-align: center;
	margin-bottom: 10px;
	-webkit-box-shadow: 0px -5px 5px -2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px -5px 5px -2px rgba(0,0,0,0.15);
box-shadow: 0px -5px 5px -2px rgba(0,0,0,0.15);
}

.adm-lista-ico{
	width: 50px;
	height: 50px;
	padding: 0 10px 0 0;
}

#img-endereco{
	float: left;
	margin-top: 12px;
	width: 30px;
	margin-right: 10px;
}

#btn-add-novo-endereco {
	width: 100%;	
	height: 45px;
	background-color: #0f6f9e;
	color:  #FFF;
	border: none;
	cursor: pointer;
	padding: 10px 15px;
	display: block;
	margin-top: 10px;
	text-align: center;

}

#btn-add-novo-endereco:hover {
	transition: 0.2s;
	background-color: #49a8d7;
}



/* Chrome, Safari, Opera */
@-webkit-keyframes setaAnima {
    0%   {left:-120; top:0px;}
    100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes setaAnima {
    0%   {left:-120; top:0px;}
    100% {left:0px; top:0px;}
}



#btn-cancelar-novo-endereco {
	width: 150px;	
	height: 35px;
	background-color: #0f6f9e;
	color:  #FFF;
	border: none;
	cursor: pointer;
	padding: 10px;
	margin: 10px;

}

#btn-cancelar-novo-endereco:hover {
	transition: 0.2s;
	background-color: #49a8d7;
}


.adm-tabela-pedidos td{
	text-align: center;
	height: 120px;
}


.adm-tabela-pedidos tbody tr td{
	font-size: 17px;
	cursor: pointer;
}

.adm-tabela-pedidos tbody tr:hover{
	background: #6eabef;
}

.adm-tabela-pedidos th{
	text-align: center;
	font-size: 18px;
	border-bottom: 1px solid #c4c4c4;
	height: 70px;
}

/* oal*/
.adm-tabela-pedidos{
	background: #FFF;
	width: 100%;
}

.adm-tabela-pedidos th{
	cursor: pointer;
}

.adm-tabela-pedidos td{
	text-align: center;
}

.adm-tabela-pedidos td img{
	margin-right: 5px; 
}

/*lista de produtos*/
.adm-voltar-listaPedidos{
	width: 100px;
	height: 35px;
	background: #FFF;
	float: left;
	text-align: left;
	padding: 3px 5px 0 0;
	color: #4679BD;
	font-weight: 700;
}

.adm-voltar-listaPedidos:hover{
	color: #254167;
}

.adm-lista-infoCliente p{
	margin: 10px 10px;
}

.dados-entrega {
	margin-top: 20px;
	margin-bottom: 30px;
}

.dados-entrega h4 img{
	margin-top: -5px;
	margin-right: 5px;
}

.dados-entrega select{
	margin-top: 20px;
}
/*=============================
FIM Painel Administrativo
===============================*/

/*===========Font-end===========*/
.front-top {
	min-height: 100px;
	display: block;
}

.front-menu-top ul{
	list-style: none;
	margin-top: 45px;
}

.front-menu-top ul li {
	display: inline;
	margin-right: 10px;
}

.front-menu-top ul li:hover {
	border-bottom: 2px solid #0093c9;
}

.front-maps {
	height: auto;
	/*background: url(../img/bg-fundo.jpg);*/
	background: rgb(179, 236, 255);
	-webkit-box-shadow: inset 0px 5px 63px -18px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 5px 63px -18px rgba(0,0,0,0.75);
	box-shadow: inset 0px 5px 63px -18px rgba(0,0,0,0.75);
}

.front-maps h1{
	margin: 0px;
	color: #FFF;
	font-size: 28px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 20px;
	text-shadow: black 0.8px 0.3px 0.2px;
}

.front-maps h4{
	text-align: center;
	color: #FFF;
	margin-top: 20px;
	margin-bottom: 0;
}

.front-maps h1 a{
	color: #005072;/*#035499*/
	font-weight: 700;
	font-size: 35px
}

.front-maps h1 a:hover{
	color: #004076;
}

.front-pesquisa {
	background: #efefef;
	border: 1px solid #acacac;
	padding: 30px;
	border-radius: 10px;
}

.front-pesquisa-clear
{
	padding: 30px;
	text-align: center;
}
.front-pesquisa-clear h2
{
	color: rgb(2, 137, 208);
    font-weight: 100;
    font-size: 30px;
}

input[type="text"].input-search-home
{
    border-width: 0;
    width: 100%;
    float: left;
    height: 53px;
}

.btn-search-home
{
	margin: 0 auto;
    border: 0;
    width: 100%;
    height: 53px;
    color: white;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;

	background: #019fcc; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #019fcc, #0182cb); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #019fcc, #0182cb); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #019fcc, #0182cb); /* For Firefox 3.6 to 15 */
	background: linear-gradient(left, #019fcc, #0182cb); /* Standard syntax */
}

.box-search-home-nav
{
    float: left;
    margin: 0;
}
.btn-search-home-nav
{
    background: 0;
    text-align: center;
    font-size: 11px;
    padding: 7px;
    margin: 0;
    color: #0186cb;
    width: 100%;
    font-weight: bold;
    background: white;
    height: 40px;
}

.btn-search-home-nav:hover{
	color: white;
	border: 0;
	background: #019fcc; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #019fcc, #0182cb); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #019fcc, #0182cb); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #019fcc, #0182cb); /* For Firefox 3.6 to 15 */
	background: linear-gradient(left, #019fcc, #0182cb); /* Standard syntax */
}
.btn-search-home-nav-active
{
	color: white;
	padding: 0;
	border: 0;
	background: #019fcc; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #019fcc, #0182cb); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #019fcc, #0182cb); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #019fcc, #0182cb); /* For Firefox 3.6 to 15 */
	background: linear-gradient(left, #019fcc, #0182cb); /* Standard syntax */
}

.front-pesquisa input{
	height: 50px;
	padding: 0 10px;
	border-radius: 5px;
	color: #3f3f3f;
	margin-top: 10px;
    font-size: 15px;
    font-weight: 700;
}

.front-pesquisa ::-webkit-input-placeholder {
   color: #3f3f3f;
   font-size: 15px;
   font-weight: 700;
}

.front-pesquisa :-moz-placeholder {
   color: #3f3f3f;
   font-size: 15px;
   font-weight: 700;
}

.front-pesquisa ::-moz-placeholder {
   color: #3f3f3f;
   font-size: 15px;
   font-weight: 700;
}

.front-pesquisa :-ms-input-placeholder {  
   color: #3f3f3f;
   font-size: 15px;
   font-weight: 700;
}

#ilustra-pesquisa{
	position: absolute;
	margin-left: 35px;
	top: -90px;
}

#me-localiza {
	border: 1px solid #afafaf;
	background: #ff7200; /*#007199;*/
	color: #FFF;
	cursor: pointer;
	font-size: 22px;
	margin-top: 85px;
	text-align: center;
	width: 100%;
}
#me-localiza:hover {
	background: #ffba00;
	border: 1px solid #c4c4c4;
}

#endereco-localiza {
	border: 1px solid #afafaf;
	background: #007199; /*#007199;*/
	color: #FFF;
	cursor: pointer;
	font-size: 22px;
	text-align: center;
	width: 100%;
}

#endereco-localiza:hover {
	background: #004e6a;
	border: 1px solid #c4c4c4;
}

.title-maps{
	position: relative;
	/*margin: 0 -45px;*/
	margin-top: 45px;
	background: #FFF;
	font-size: 25px;
	padding-top: 10px;
	display: none;
	color: #007199;
	margin-bottom: 0;
	font-family: 'Open Sans';
	font-weight: 700;
	text-align: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px; 
}

.title-maps-margin
{
	margin : 45px -30px 0 0;
}

.title-maps img{
	position: static;
	display: inline;
	margin: 0 5px;
	margin-top: 0px;
}

.quatro-passos {
	background: #f4f4f4;
	text-align: center;
	padding: 20px 0;
}

.quatro-passos h1{
	font-size: 40px;
	color: #484848;
	margin-top: 20px;
	margin-bottom: 30px;
}

.quatro-passos h3{
	font-size: 14px;
	color: #484848;
	text-align: left;
	float: left;
	margin-top: 25px;
}

.quatro-passos img{
	border-radius: 220px;
	border: 5px solid  #FFF;
	-webkit-box-shadow: 2px 5px 62px -14px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 5px 62px -14px rgba(0,0,0,0.75);
box-shadow: 2px 5px 62px -14px rgba(0,0,0,0.75);
}

.quatro-passos #video{
	height: 54px;
	width: 240px;
	display: table;
	padding: 2px;
	position: relative;
	left: 50%;
	margin-left: -120px;
	background: #fefefe;
	border: 1px solid #e8e8e8;
background: -moz-linear-gradient(top, #fefefe 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top, #fefefe 0%,#ededed 100%);
background: -o-linear-gradient(top, #fefefe 0%,#ededed 100%);
background: -ms-linear-gradient(top, #fefefe 0%,#ededed 100%);
background: linear-gradient(to bottom, #fefefe 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ededed',GradientType=0 );
border-radius: 25px;
margin-bottom: 10px;
	cursor: pointer;

}

#video:hover{
	background: #ededed;
background: -moz-linear-gradient(top, #ededed 0%, #fefefe 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#fefefe));
background: -webkit-linear-gradient(top, #ededed 0%,#fefefe 100%);
background: -o-linear-gradient(top, #ededed 0%,#fefefe 100%);
background: -ms-linear-gradient(top, #ededed 0%,#fefefe 100%);
background: linear-gradient(to bottom, #ededed 0%,#fefefe 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#fefefe',GradientType=0 );
}

#video a{
	font-weight: 700;
	font-size: 18px;
	float: left;
	padding-top: 10px;
	padding-left: 15px;
}

#video img {
	border: none;
	float: left;
}

#video-reproducao{
	position: absolute;
	left: 50%;
	margin-left: -320px;
	z-index: 99999;
	border: 20px solid #FFF;
}

.quatro-passos strong{
	font-size: 79px;
	float: left;
	margin-top: -23px;
	margin-right: 5px;
	padding-left: 60px; 
	top: 230px;
	color: #004b67;
}

.front-titulo {
	padding-left: 35px;
	height: 30px;
	background: url(../img/bg-maps.jpg);
}

.front-titulo h5{
	color: #FFF;
}

.footer {
	text-align: center;
	position: relative;
	display: inline-block;
   	width: 100%;
	background: #052e52;
	min-height: 70px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer p{
	color: #FFF;
	margin: 0;
}


.footer ul {
	float: right;
	list-style: none;
}

.footer ul li {
	display: inline-table;
}

.footer ul li img{
	opacity: 0.6;
}

.footer ul li img:hover{
	opacity: 1;
}
/* INDEX*/

#index-mapa{
	display: none;
	border: 5px solid #FFF;
}

.index-balao-info {
	border-radius: 5px;
	width: 390px;
	border-left: 4px solid #2969b0;
	text-align: center;
}

.index-balao-info th{
	text-align: center;
	color: #3d4f63;
}

.tabela-info{
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden; 
}

.titulo-balao-info{
	background: #2969b0;
	height: 40px;
	padding-top: 3px;
	text-align: center;
	border-top-right-radius: 5px;
}

.tabela-venda{
	-webkit-box-shadow: 5px 5px 22px -2px rgba(0,0,0,0.44);
	-moz-box-shadow: 5px 5px 22px -2px rgba(0,0,0,0.44);
	box-shadow: 5px 5px 22px -2px rgba(0,0,0,0.44);
	display: block;
	position: relative;
	z-index: 9999;
	top: 150px;
}

#fechar-info {
	float: right;
	background: #001833;
	color: #FFF;
	width: 25px;
	height: 25px;
	border-top-right-radius: 5px;
}

#fechar-info:hover{
	background: #004592;
}

.balao-info td{
	height: 50px;
	width: 50px;
	margin-left: 25px;
	padding: 15px;
}
.desativado {
	cursor: default !important;
	background-color: #424242 !important;
	border-radius: 10px;
	color: #FFF;
	height: 45px;
	width: 45px;
	border-radius: 25px;
	text-align: center;
	float: right;
	padding-top: 13px;
}

.desativado:hover{
	color: #FFF;
}

.btn-info {
	cursor: pointer;
	border-radius: 10px;
	color: #FFF;
	height: 45px;
	width: 45px;
	border-radius: 25px;
	text-align: center;
	float: right;
	padding-top: 13px;
	background: #1E5799;
	-webkit-box-shadow: inset 0px 0px 29px -5px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 29px -5px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 29px -5px rgba(0,0,0,0.75);
}

.btn-info:hover {
	color: #FFF;
	background: #0082c4;
}

.titulo-balao-info h4{
	color: #fff;
}

.balao-info {
	width: 100%;
	border: 1px solid #275788;
	margin-bottom: 0;
}

.btn-pedido {
	width: 100%;
	font-size: 19px;
	color: #FFF;
	padding-top: 5px;
	height: 45px;
	background: #2969b0;
	cursor: pointer;
	border-bottom-right-radius: 5px;
}

.btn-pedido:hover {
	background: #1f3f76;
}

.balao-info input{
	margin: 0;
	width: 35px;
	height: 25px;
	float: left;
	text-align: center;
	border: none;
}
.balao-info label{
	float: left;
}

#balao-qtd{
	width: 115px;
	float: left;
	padding-right: 0;
}

.balao-img{
	padding: 0 5px !important; 
}
.balao-img img{
	max-height: 40px;
}

.balao-valores td{
	height: 20px;
	padding: 5px;
	text-align: end;
}

.deixe-comentario {
	background: #0095ca;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.deixe-comentario img{
	position: relative;
	left: 50%;
	margin-left: -164px;
	margin-top: 10px;
}

.deixe-comentario h2{
	font-weight: 700;
	color: #FFF;
	margin: 0;
	margin-bottom: 20px;
}

.deixe-comentario small{
	font-size: 13px;
	font-weight: 700;
	color: #FFF;
	position: absolute;
	margin-top: -25px;
}

.deixe-comentario strong{
	padding-left: 15px;
	width: 100%;
	display: inline-block;
	color: #004e69;
}

.deixe-comentario input {
	border-radius: 5px;
	height: 50px;
}

.deixe-comentario textarea{
	border-radius: 5px;
}

.deixe-comentario label.error{
    font-weight: bold;
    top: -37px;
    position: relative;
    float: right;
    margin-right: 15px;
}

.deixe-comentario label{
	font-size: 16px !important;
}

#msg-sucesso, #msg-erro, #msg-soma {
    width: 100%;
    display: none;
    margin: 15px 0px;
    padding: 5px;
    text-align: center;
    background: #FFF;
    border-top: 2px solid #009688;
    color: #009688;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

}

 #msg-erro, #msg-soma {
 	color: #FF0000 !important;
	border-top: 2px solid #FF0000 !important;
 }

.btn-enviar-comentario {
	width: 160px;
	display: block;
	cursor: pointer;
	height: 45px;
	margin-top: 10px;
	border: none;
	background: #00739b;
	color: #FFF;
	float: right;

	margin-bottom: 20px;
}

.btn-enviar-comentario:hover {
	background: #004e69;
}

/*Lista de produtos do distribuidor mostrado para compra */

.fundo-preto {
	position: absolute;
	width: 100%;
	height:	100%;
	background: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
	z-index: 999;
}


.pop-up-produtos{
	font-family: 'Open Sans',Arial;
	width: 400px;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -200px;
	border-radius: 10px;
	background: #FFF;
	height: auto;
	padding-bottom: 20px; 
	color: #484848;
   /*Impede seleção de texto*/
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.pop-up-titulo {
	padding-top: 10px;
	text-align: center;

}

.pop-up-titulo h4{
	font-family: 'Open Sans',Arial;
	text-align: center;
	color: #484848;
	


}

.pop-up-titulo small {
	font-size: 72% !important;
	padding-bottom: 25px;
}

.avaliacao-busca{
    height: 70px;
    margin:  0 50px 50px;
   


}

#info-total{
	padding: 0 0 0 48px;
	margin: 0;
	height: 35px;
	font-size: 18px;
	font-weight: 700;
}

.cinza{
	background: #ededed;

}

.pop-up-lista {
	height: 260px;
	overflow-x: none;
	overflow-y: auto;
	width: 400px;
	background: #fcfcfc;
	margin: 0;
	margin-left: -15px; 
	border: 1px solid #d5d5d5; 
	padding: 5px;
	float:none !important;
}

.pop-up-lista ul{
	list-style: none;
	height: 100px;
	margin: 0;
	margin-bottom: 10px;
}

.pop-up-lista ul li{
	display: inline-table;
	margin-right: 5px;
	float: left;
}

.pop-up-lista p {
	text-align: center !important;
}

.marca {
	width: 110px;
	height: 80px;
}

.marca img {
	margin-top: 5px;
	padding-top: 5px;
	max-height: 60px;
	position: center;
}

.valores{
	padding: 0 5px;
	height: 80px;
	width: 50px;
	margin-left: 10px;
}

.valores ul li{
	display: list-item;
	margin-bottom: 8px;
	margin-top: 25px;
	height: 30px;
	width: 60px;

}

.valores strong{
	margin-left: -20px;
	font-size: 14px;
	position: absolute;
	margin-top: -5px;
}

.litros-10 {
	padding-top: 3px;
	width: 75px;
	margin-left: -10px;
	background: url(../img/icones/bg-10-litros.png) 30px 12px no-repeat;
	height: 75px;
	font-size: 13px;
}

.litros-20 {
	padding-top: 3px;
	width: 75px;
	margin-left: -10px;
	background: url(../img/icones/bg-20-litros.png) 30px 12px no-repeat;
	height: 75px;
	font-size: 13px;
}

.btns-add {
	width: 85px;
	height: 80px;
	margin: 0;
	text-align: center;

}

.btns-add ul{	
	float: right;
}

.btns-add .add{
	margin: 0;
	float: right;
	margin-top: 7px;
	font-size: 22px;
	width: 80px;
	height: 40px;
	cursor: pointer;
	font-weight: 700;
	background: #000;
	border: 1px solid #d5d5d5;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
}

.btns-add .add:hover{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );
}

.pop-up-info {
	width: 370px;
	padding: 5px;
	background: #eaeced;
	margin-left: 30px;
	margin-top: 10px;
	float: left;
	
}

.pop-up-info p{
 	font-size: 16px;
 	margin: 0;
 	font-weight: 700;
 	color: #7f7f7f;
 }

 .pop-up-valor-total{
 	margin-top: 5px;
 	float: right;
 	display: block;
 	padding-left: 0;
 	margin-left: 5px;
 	margin-right: 25px;
 	height: 50px;
 	width: 125px;
 	float: left;
 	color: #767676;
 }

 .pop-up-valor-total strong{
	font-size: 16px;
	font-weight: 400;

 }

 .pop-up-valor-total label{
 	position: absolute;
 	height: 35px;
 	width: 45px;
 	background: #fafafa;
 	border: 1px solid #d5d5d5;
 	font-size: 22px;
 	border-top-left-radius: 5px;
 	border-bottom-left-radius: 5px;
 	text-align: center;
 	font-weight: 700;
 	font-size: 16px;
 	padding-top: 5px;
 }

 .pop-up-valor-total input{
 	height: 25px;
 	padding-left: 36px;
 	margin-top: 2px;
 	border-radius: 5px;
 }

 .btn-cofirma-pedido {
 	background: #ff7200;
 	color: #FFF;
 	float: left;
 	margin-top: 36px;
 	margin-left: 10px;
 	height: 55px;
 	display: block;
 	width: 90%;
 	padding-top: 9px;
 	font-size: 22px;
	text-align: center;
	border-radius: 5px;
  }

  .btn-cofirma-pedido:hover{
  	color: #FFF;
  	background: #ffba00;
  }

  .btn-cancela-pedido {
 	background: #0f6f9e;
 	color: #FFF;
 	float: left;
 	margin-top: 36px;
 	margin-left: 20px;
 	height: 55px;
 	display: block;
 	width: 90%;
 	padding-top: 9px;
 	font-size: 22px;
	text-align: center;
	border-radius: 5px;
  }

  .btn-cancela-pedido:hover{
  	color: #FFF;
  	background: #0c5578;
  }

  .pop-up-valor-entrega {
  	font-size: 12px;
  	float: left;
  	padding: 0 15px;
  	padding-top: 30px;
  	width: 120px;
  	display: block;
  	margin-left: 50px;
 	color: #767676;
  }

  .pop-up-valor-entrega strong{
  	margin-top: 5px;
    font-size: 16px;
	font-weight: 700;
  }

  .pop-up-valor-entrega p{
  	float: left;
  	margin: 0 0 0 5px;
  	font-size: 16px;
  	white-space: nowrap;
  }
/*Fim Lista de produtos do distribuidor mostrado para compra */

/* ---  Index  -----*/

/*Saiba como*/
.saiba-como{
	height: 300px;
	background: #FFF;
}

.redes-sociais{
	min-height: 220px;
	background: #f4f4f4;
}

.redes-sociais h2{
	text-align: center;
	font-size: 32px;
	color: #484848;
	font-weight: 700;
}

.redes-sociais img{
	margin-top: 10px;
	position: relative;
	left: 50%;
	margin-left: -64px;
	opacity: 0.7;
	cursor: pointer;
}

.redes-sociais img:hover{
	opacity: 1;
}

#ilustracao-saiba{
	margin: 0;
	margin-top: 15px;
	margin-right: 15px;
	float: right;
}

.saiba-como .texto{
	margin-top: 50px;
	padding: 25px;
}

.saiba-como h2{
	font-size: 22px;
	color: #3e3e3e;
}

.saiba-como p{
	color: #a2a2a2;
}
/*Fim Saiba como*/

/*cadastre sua empresa*/

.ico-front{
	padding: 0;
	padding-top: 25px;
}


.cadastro-empresa .titulo{
	text-align: center;
}

.cadastro-empresa .titulo p{
	color: #9c9c9c;
	margin-bottom: 30px;
}

.cadastro-empresa .info{
	margin-bottom: 30px;
	height: 120px;
}

#front-pc{
	margin-top: 30px;
}
/*Fim cadastre sua empresa*/

/*Marcas cadastradas*/
.marcas-cadastradas {
	background: #f4f4f4;
}

.marcas-cadastradas .titulo{
	text-align: center;
}

.marcas-cadastradas .titulo h2{
	margin-top: 25px;
	font-size: 28px;
	color: #3e3e3e;
	margin-bottom: 0;
}
.marcas-cadastradas .titulo p{
	color: #9c9c9c;
	margin-bottom: 30px;
}

.marcas-cadastradas img{
	margin-bottom: 20px;
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.marcas-cadastradas img:hover{
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
/*Fim Marcas cadastradas*/

.cadastro-empresa h2{
	margin-top: 25px;
	font-size: 28px;
	margin-bottom: 0;
	color: #3e3e3e;
}

/* Formulario de contato front*/
.page-contato{
	display: table;
	width: 100%;
	background: url(../img/front/bg-email.png) no-repeat -50px -50px #0082c4;
}

.form-contato{
	background:#f4f4f4;
	margin-bottom: 45px !important;
	padding: 10px 25px;
	margin-top: 30px;
	border-radius: 10px;
	border: 1px solid #c5c5c5;
}

.form-contato label{
	width: 100%;
}

.form-contato h2{
	text-align: center;
	color: #4c4c4c;
	border-bottom: 1px solid #7f7f7f;
	margin-bottom: 25px;
}
/* FIM Formulario de contato front*/

/*Usuário*/
.login-usuario{
	width: 320px;
	padding: 10px 20px;
	background-color: #f7f7f7;
	border-radius: 20px;
	border: 1px solid #c8d8df;
	position: absolute;
	z-index: 99999;
	left: 43%;
	top: 90px;
	text-align: center;
}


.login-usuario:before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 15px solid rgba(0,0,0,0);
	border-bottom-color: #f7f7f7;
	bottom: 100%;
	right: 10%;
	margin-left: -15px;
}

#form-loginUsuario{
	display: table;
}

#form-loginUsuario-cadastro{
	display: block;
	width: 100%;
}

.login-usuario h4{
	color: #4d4d4d;
	width: 100%;
	float: left;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	margin-bottom: 20px;
}

.login-usuario input{
	background: #fcfcfc;
	height: 35px;
	border-radius: 10px;
	border: 1px solid #bebebe;
	padding-left: 35px;
	margin-bottom:15px; 
	width: 100%;
}

.login-usuario input:focus{
	background: #FFF;
	outline: 0;
}

#btn-cancelar-novo-endereco-usuario {
	width: 150px;	
	height: 35px;
	float: left;
	text-align: center;
	background-color: #0f6f9e;
	color:  #FFF;
	border: none;
	cursor: pointer;
	padding: 5px;
	margin: 0 0 10px 20px;

}

#btn-cancelar-novo-endereco-usuario:hover {
	transition: 0.2s;
	background-color: #49a8d7;
}

/*
#btn-add-novo-endereco-usuario {
	width: 170px;	
	height: 40px;
	background-color: #0f6f9e;
	color:  #FFF;
	border: none;
	text-align: center;
	cursor: pointer;
	padding: 7px;
	margin-top: 5px;
	float: right;
	margin-right: 20px;

}

#btn-add-novo-endereco-usuario:hover {
	transition: 0.2s;
	background-color: #49a8d7;
}

#btn-add-novo-endereco-usuario {

}*/

.text-cadatro-endereco{
	text-align: right;
}

.btn-cancelar-edicao-endereco-usuario {
	width: 150px;	
	height: 35px;
	margin-left: 15px;
	text-align: center;
	float: left;
	background-color: #0f6f9e;
	color:  #FFF;
	border: none;
	font-size: 17px;
	cursor: pointer;
	padding: 5px;
}

.btn-cancelar-edicao-endereco-usuario:hover {
	transition: 0.2s;
	color: #FFF;
	background-color: #49a8d7;
}

.configuracao-usuario h4{
	color: #666;
}

/* Compre Água*/
.compre-titulo{
	display: block;
	height: 80px;
	padding-top: 7px;
	background: url(../img/bg-fundo.jpg);-webkit-box-shadow: inset 0px 10px 5px 0px rgba(0,0,0,0.11);
-moz-box-shadow: inset 0px 10px 5px 0px rgba(0,0,0,0.11);
box-shadow: inset 0px 10px 5px 0px rgba(0,0,0,0.11);
}

.compre-titulo img{
	margin-top: 10px;
	display: inline;
	float: left;
	margin-left: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.compre-titulo h1{
	margin-top: 12px;
	color: #FFF;
	font-size: 35px;
	font-weight: 700;
	text-shadow: -1px -1px 3px rgba(150, 150, 150, 1);
}

.lista-distribuidores {
	height: 700px;
}


.lista-distribuidores{
	background:  #f1f1f1;
}

.lista-distribuidores .row{
	background:  #fff;
	padding-top: 25px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.tabela-distribuidores{
	text-align: center;
	width: 100%;
	display: block;
}


.tabela-distribuidores td{
	text-align: center;
} 

.tabela-distribuidores tr{
	height: 70px;
}


.tabela-distribuidores .comprar{
	background: #3a699d;
	list-style: none;
	height: 65px;
	color: #FFF;
	padding-top: 22px; 
	margin: 5px 0;
	cursor: pointer;
}


.tabela-distribuidores .comprar:hover{
	background: #325a87;
	color: #FFF;
}

.tabela-distribuidores .loja{
	background: #fa8400;
	list-style: none;
	height: 65px;
	color: #FFF;
	padding-top: 22px; 
	margin: 5px 0;
	cursor: pointer;
}


.tabela-distribuidores .loja:hover{
	transition: 0.6s;
	background: #cb4003;
	color: #FFF;
}

.tabela-distribuidores .even{
	background: #f1f1f1;
}

.tabela-distribuidores .odd{
	background: #FFF;
}

.lista-distribuidores{
	height: auto;
	padding-bottom: 20px;
}

.lista-distribuidores .campo-pesquisa{
	padding-top:50px;
}

.lista-distribuidores .campo-pesquisa input{
	height: 50px;
	border-radius: 10px;
	font-size: 18px;
	color: #4e4e4e;
}

.lista-distribuidores .campo-pesquisa input::-webkit-input-placeholder {
   color: #c5c5c5;
}

.lista-distribuidores .campo-pesquisa input:-moz-placeholder {
   color: #c5c5c5;
}

.lista-distribuidores .campo-pesquisa input::-moz-placeholder {
   color: #c5c5c5;
}

.lista-distribuidores .campo-pesquisa input:-ms-input-placeholder {  
  color: #c4c4c4;
}

.titulo-lista h3{
	text-align: center;
	color: #004f70;
	margin-top: 28px;
	width: 100%;
	font-size: 32px;
	font-weight: 700;
}

.titulo-lista h3 img{
	margin-right: 10px;
}

.lista-distribuidores .campo-pesquisa label{
	font-size: 20px;
}

.img-pesquisa{
	height: 200px;
	background: url(../img/bg-pesquisar.jpg) 30px 0 no-repeat;
}

/* Dim Compre Água*/


/*---------Painel Adm------------*/
.fundo-adm-usuario{
	width: 100%;
	background: url(../img/administrador/bg-adm-usuario.png);
	overflow-x:hidden;
}

.painel-adm-usuario{
	margin-top: 20px;
	margin-bottom: 20px;
	background:#FFF;
	border-radius: 20px;	
	
}

.menu-adm-usuario{
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.title-adm-usuario{
	background-color: #0e5794;
	margin: 0;
	height: 40px;
	text-align: center;
	color: #fff;
	font-size: 19px;
	font-weight: 700;
	margin-left: -15px;
	margin-right: -15px;
	padding-top: 10px;
	border-top-left-radius: 20px;
	margin-bottom: 20px;
}

.menu-adm-usuario ul li {
	list-style: none;
	height: 35px;
	padding-top: 3px;
	padding-left: 15px;
	margin: 5px -15px 0px -32px;
	color: #999;
	background: #dfdfdf;
	cursor: pointer;
}

.menu-adm-usuario ul li:hover{
	transition: 0.6s;
	color: #777;
	background: #bebebe;
}

.conteudo-adm-usuario{
	-webkit-box-shadow: inset 2px 0px 17px -6px rgba(0,0,0,0.35);
	-moz-box-shadow: inset 2px 0px 17px -6px rgba(0,0,0,0.35);
	box-shadow: inset 2px 0px 17px -6px rgba(0,0,0,0.35);
	
	padding: 0 25px;
	min-height: 800px;
}

.conteudo-adm-usuario h5{
	-webkit-box-shadow: inset 2px 0px 17px -6px rgba(0,0,0,0.35);
	-moz-box-shadow: inset 2px 0px 17px -6px rgba(0,0,0,0.35);
	box-shadow: inset 2px 0px 17px -6px rgba(0,0,0,0.35);
	height: 40px;
	color: #FFF;
	text-align: center;
	padding: 5px;
	font-size:  20px;
	background-color: #1064aa;
	margin: 0 -25px 20px -25px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.adm-entregadores {
	margin-top: 50px;
	border-radius: 5px;
	min-height: auto;
	margin-bottom: 25px;
	padding: 25px;
	border: 1px solid #cbcbcb;
}

.adm-entregadores h1{
	font-weight: 700;
	color: #121212;
	font-size: 30px;
	background: #FFF;
	position: absolute;
	margin-top: -50px;
	padding: 0 10px;
}

.adm-entregadores h1 img{
	margin-right: 10px;
	margin-top: -10px;
}

.adm-entregadores-lista ul {
	list-style: none;
	margin: 20px 0;
}

.adm-entregadores-lista ul li{
	color: #FFF;
	height: 45px;
	padding-left: 65px;
	border-radius: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 20px;
	font-size: 20px;
	cursor: pointer;
	background: url(../img/distribuidor/icones/ico-entregadorB.png) 10px 5px no-repeat #327ea0;
 }

 .adm-entregadores-lista ul li:hover{
	background: url(../img/distribuidor/icones/ico-entregadorB.png) 10px 5px no-repeat #000;
	transition: 0.6s;
}

.adm-entregadores-lista ul li img{
	float: right;
	margin-right: 15px;
	opacity: 0.6;
	filter: alpha(opacity=60); /* For IE8 and earlier */
}

.adm-entregadores-lista ul li img:hover{
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	transition: 0.2s;
}

#btn-novo-entregador {
	float: right;
	height: 45px;
	color: #FFF;
	padding-top: 3px;
	font-weight: 700;
	border-radius: 5px;
	padding: 10px 15px 0 35px;
	background: url(../img/icones/add-endereco.png) 8px 12px no-repeat #004e71;
	background-size: 20px;
}

#btn-novo-entregador:hover {
	background: url(../img/icones/add-endereco.png) 8px 12px no-repeat #003147;
	background-size: 20px;
}

.adm-entregadores-cadastro {
	border-radius: 5px;
	border: 1px solid #cbcbcb;
}

.adm-entregadores-cadastro #submit.button {
	margin-top: 0 !important;
	float: right;
}

.adm-entregadores-cadastro h2{
	position: absolute;
	font-size: 25px;
	font-weight: 700;
	margin-top: -18px;
	background: #FFF;
	padding: 0 15px;
}

#form-castro-entregador{
	margin-top: 20px;
	display: block;
}

.adm-entregadores-editar {
	border-radius: 5px;
	border: 1px solid #cbcbcb;
}

.adm-entregadores-editar #submit.button {
	margin-top: 0 !important;
	float: right;
}

.adm-entregadores-editar h2{
	position: absolute;
	font-size: 25px;
	font-weight: 700;
	margin-top: -18px;
	background: #FFF;
	padding: 0 15px;
}

.btn-entregador {
	height: 35px;
	border-radius: 5px;
	width: 90px;
	text-align: center;
	color: #FFF;
	font-weight: 700;
	font-size: 17px;
	background: #0063a2;
	padding: 5px;
	margin-bottom: 5px;
	display: block;
	margin-top: 10px;
}

.btn-entregador:hover {
	transition: 0.2s;
	color: #FFF;
	background: #0084d7;
}

.estoque-entregador {
	padding-bottom: 20px;
	height: 255px;
	border: 1px solid #cbcbcb;
	border-radius: 5px;
	margin: 10px;
	margin-bottom: 40px;
}

.estoque-entregador .columns{
	border: 1px solid #cbcbcb;
	border-radius: 5px;
}

.estoque-entregador img{
	width: 200px;
	left: 50%;
	margin-left: -100px;
	position: relative;
}

.estoque-entregador label{
	width: 45%;
	display: inline-block;
	float: left;
	text-align: center;
	margin: 5px;
}

.estoque-entregador label input{
	margin-bottom: 20px;
	text-align: center;
	font-weight: 700;
	color: #818181;
}

.alterar-estoque{
	display: inline-block;
	height: 35px;
	padding: 5px;
	width: 101%;
	margin-left: -1px;
	font-weight: 700;
	text-align: center;
	background: #0063a2;
	color: #FFF;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.fechar-estoque{
	left: 98%;
	margin-top: -25px;
	font-weight: 700;
	color: #FFF;
	width: 23px;
	height: 23px;
	border-radius: 23px;
	background: #818181;
	padding-left: 7px;
	position: absolute;
}

.fechar-estoque:hover{
	color: #FFF;
	background: #444444;
}

.fechar-addEntregador{
	left: 96%;
	margin-top: -65px;
	font-weight: 700;
	color: #FFF;
	width: 23px;
	height: 23px;
	border-radius: 23px;
	background: #818181;
	padding-left: 7px;
	position: absolute;
}

.fechar-addEntregador:hover{
	color: #FFF;
	background: #444444;
}

.alterar-estoque:hover{
	background: #004571;
	color: #FFF;
}

.confirma-entregador {
	width: 100%;
	height: 40px;
	background: #0063a2;
	color: #FFF;
	text-align: center;
	display: block;
	font-size: 20px;
	padding-top: 5px;
	border-radius: 5px;
}

.confirma-entregador:hover {
	color: #FFF;
	background: #004571;
}

.divisao {
	background: url(../img/distribuidor/div-marca.png) no-repeat;
	background-size: 100%;
	display: block;
	height: 30px;
}

.linha-entregador {
	padding: 0;
	margin: 0;
	display: none;
}

.info-entregador .columns{
	padding: 0;
}

.info-entregador {
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #cbcbcb;
}

.info-entregador h2{
	position: absolute;
	font-size: 25px;
	font-weight: 700;
	margin-top: -40px;
	background: #FFF;
	padding: 0 15px;
}

/*Pedidos*/

.pedido {
	height: 50px;
	border-radius: 10px;
	background: url(../img/icones/ico-pedidos-entregador-b.png) 16px 5px no-repeat #323232;
	background-size: 40px;
	cursor: pointer;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px; 
	
}

.pedido:hover {
	transition: 0.2s;
	background: url(../img/icones/ico-pedidos-entregador-b.png) 16px 5px no-repeat #000;
}

.pedidos {
	margin-top: 10px;
}

.pedidos h3{
	padding-left: 65px;
	text-align: left;
	padding-top: 5px;
	font-size: 25px;
	color: #FFF;
}

.mostra-pedido {
	border: 1px solid #212121;
	margin-top: -3px;
	width: 100%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 20px;
	 display: none; 
}

.mostra-pedido ul{
	list-style: none;
	text-align: left;
}

.mostra-pedido ul li{
	margin: 10px 0;
}

/* .marca {
	margin-top: 20px;
	display: block;
} */

.ilustracao-marca-pedido {
	height: 70px;
}

.ilustracao-marca-pedido img{
	/* position: relative; */
	margin-top: 10px;
	width: 150px;
	/* left: 50%;
	margin-left: -65px; */
}

.ilustracao-marca-pedido strong{
	position: absolute;
	left: 10;
	top: 10;
	color: #313131;
	font-size: 18px;
	font-weight: 700;
	width: 40px;
}

.ilustracao-marca-pedido {
	margin: 10px;
	padding: 10px;
	margin-bottom: 0;
	text-align: center;
	height: 150px;
	border: 1px solid #c4c4c4;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.info-pedido{
	text-align: center;
	background: #000;
	color: #FFF;
	margin: 0 10px;
}
.info-pedido strong{
	
	color: #FFF;
	font-size: 15px;
	font-weight: 700;
	width: 40px;
}




/*Linha-pedidos*/
.linha-pedidos {
	padding: 0;
	margin: 0;
	 display: none; 
}

.info-pedidos .columns{
	padding: 0;
}

.info-pedidos {
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #cbcbcb;
}

.info-pedidos h2{
	position: absolute;
	font-size: 25px;
	font-weight: 700;
	margin-top: -40px;
	background: #FFF;
	padding: 0 15px;
}

.fechar-pedidos{
	left: 98%;
	margin-top: -25px;
	font-weight: 700;
	color: #FFF;
	width: 23px;
	height: 23px;
	border-radius: 23px;
	background: #818181;
	padding-left: 7px;
	position: absolute;
}

.fechar-pedidos:hover{
	color: #FFF;
	background: #444444;
}


/*Linha-pedidos*/

#form-editar-entregador{
	margin-top: 20px;
	display: block;
}

#excluirEntregador {
	margin: 5px 0;
	cursor: pointer;
	float: right;
}

.rota-entregadores-lista{
	padding-left: 23px;
	display: block;
	text-align: center;
}

.entregador {
	margin-top: 5px;
	width: 226px;
	margin-right: 10px; 
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
	border: 1px solid #d4d4d4;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.entregador:hover{
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(250,250,250,1)), color-stop(100%, rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );
}

.entregador h3{
	margin: 0;
	color: #004e71;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 25px;
	width: 100%;
	float: left;
}

.entregador p{
	font-size: 15px;
	margin: 0;
	display: inline-block;
	color: #0078c3;
	width: 100%;
	text-align: center;
	margin-top: 6px;
}

.entregador img{
	float: left;
	width: 91px;
	position: relative;
	left: 50%;
	margin-left: -45px;
}

.highlight{
	border: 2px solid #4387c8;
}

/*Mapa de entrega*/
.mapa-entregas {
	margin-top: 50px;
	border-radius: 5px;
	min-height: auto;
	margin-bottom: 25px;
	padding: 25px;
	border: 1px solid #cbcbcb;
}

.mapa-entregas h1{
	font-weight: 700;
	color: #121212;
	font-size: 30px;
	background: #FFF;
	position: absolute;
	margin-top: -50px;
	padding: 0 10px;
}

.mapa-entregas h1 img{
	margin-right: 10px;
	margin-top: -10px;
}

.addEntregador {
	position: absolute;
	width: 300px;
	height: 220px;
	left: 50%;
	margin-left: -150px;
	background: #FFF;
	z-index: 9999;
	margin-top: 100px;
	border-radius: 5px;
	border: 1px solid #c4c4c4;
	padding: 15px;
	display: none;
}

.addEntregador h3 {
	font-size: 22px;
	margin-bottom: 10px;
	text-align: center;
}

.inputs p {
	margin: 5px 0;
	text-align: center;
}

#addEntregadorCont {
}

.btn-entrar{
	float: right;
	height: 35px;
	width: 100px;
	color: #FFF;
	text-align: center;
	padding-top: 5px; 
	background: #1f59a7;
	border-radius: 10px;
}

.btn-entrar:hover{
	color: #FFF;
	background: #2965b6;
}

.cria-conta{
	float: left;
	font-size: 14px;
	text-decoration: underline;
	height: 35px;
	width: 120px;
	color: #1f59a7;
	text-align: center;
	padding-top: 5px; 
	padding-left: 15px;
}

.login-usuario #usuario{
	background: url(../img/icones/adm-ico-usuario.png) no-repeat scroll 7px;
	background-color: #fff;
	background-size: 20px;
}

.login-usuario #senhaUsuario{
	background: url(../img/icones/adm-ico-senha.png) no-repeat scroll 7px;
	background-color: #fff;
	background-size: 20px;
}


#entrar-facebook{
	height: 35px;
	border-radius: 5px;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-left: 17px;
	margin-top: 10px;
	color: #FFF;
	float: left;
	background: url(../img/icones/ico-facebook.png) no-repeat 5px 5px #3c5a99;
	background-position-x: 5px;
	background-position-y: 5px;

}

#entrar-facebook:hover{
	background: url(../img/icones/ico-facebook.png) no-repeat 5px 5px #4d69a2;
	background-position-x: 5px;
	background-position-y: 5px;
}

#menu-user{
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
	border: 1px solid #cfcfcf ;
	height: 35px;
	width: 100%;
	float: left;
	padding-top: 5px;
	color: #888;
	margin-bottom: 15px;
	border-radius: 5px;
}

#menu-user:hover{
	background: rgba(255,255,255,1);/* Old Browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); 
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); 
	color: #555; 
}

#btn-logout{
	background: #1f59a7;
	color: #FFF;
	height: 35px;
	float: right;
	border-bottom-right-radius: 5px;
	padding-top: 5px;
	width: 100px;
}

#btn-logout:hover{
	background: #2770d1;
}


.btn-entrar{
	float: right;
	height: 35px;
	width: 100px;
	color: #FFF;
	text-align: center;
	padding-top: 5px; 
	background: #1f59a7;
	border-radius: 10px;
	
	
}

.btn-entrar:hover{
	color: #FFF;
	background: #2965b6;
}

.btn-entrar-responsa{
	float: right;
	height: 55px;
	font-size: 22px;
	width: 100%;
	color: #FFF;
	text-align: center;
	padding-top: 9px; 
	background: #1f59a7;
	border-radius: 10px;
}

.recuperar-senha {
	float: left;
	width: 100%;
	margin-left: 20px;
	font-size: 18px;
	margin-top: 15px;
	text-align: center;
}

.btn-entrar-responsa:hover{
	color: #FFF;
	background: #2965b6;
}

.cria-conta{
	float: left;
	font-size: 14px;
	text-decoration: underline;
	height: 35px;
	width: 120px;
	color: #1f59a7;
	text-align: center;
	padding-top: 5px; 
	padding-left: 15px;
}

.login-usuario #usuario{
	background: url(../img/icones/adm-ico-usuario.png) no-repeat scroll 7px;
	background-color: #fff;
	background-size: 20px;
}

.login-usuario #senhaUsuario{
	background: url(../img/icones/adm-ico-senha.png) no-repeat scroll 7px;
	background-color: #fff;
	background-size: 20px;
}


#entrar-facebook{
	height: 35px;
	border-radius: 5px;
	width: 100%;
	display: block;
	text-align: center;
	padding-left: 50px;
	margin-top: 10px;
	color: #FFF;
	float: left;
	background: url(../img/icones/ico-facebook.png) no-repeat 5px 5px #3c5a99;
	background-position-x: 5px;
	background-position-y: 5px;

}

#entrar-facebook:hover{
	background: url(../img/icones/ico-facebook.png) no-repeat 5px 5px #4d69a2;
	background-position-x: 5px;
	background-position-y: 5px;
}

.face-login {
	height: 55px !important;
	font-size: 100% !important; 
	background-position-x: 21px !important; 
	background-position-y: 13px !important;
	background: url(../img/icones/ico-facebook.png) no-repeat 21px 13px #3c5a99 !important;
	margin-bottom: 10px;
}

.login-responsa label{
	font-size: 18px;
}

.login-responsa input{
	font-style: 18px;
	border-radius: 10px;
	height: 55px;
}

.login-responsa h1{
	text-align: center;
}

.login-responsa h3{
	text-align: center;
	color: #525252;
}

#menu-user{
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
	border: 1px solid #cfcfcf ;
	height: 35px;
	width: 100%;
	float: left;
	padding-top: 5px;
	color: #888;
	margin-bottom: 15px;
	border-radius: 5px;
}

#menu-user:hover{
	background: rgba(255,255,255,1);/* Old Browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); 
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); 
	color: #555; 
}

#btn-logout{
	background: #1f59a7;
	color: #FFF;
	height: 35px;
	float: right;
	border-bottom-right-radius: 5px;
	padding-top: 5px;
	width: 100px;
}

#btn-logout:hover{
	background: #2770d1;
}


.front-cadastroUsuario-bgimagem h1{
	font-size: 35px;
	color: #484848;
	text-align: center;
}

.front-cadastroUsuario-bgimagem .columns{
	background: #FFF;
	padding: 20px;
	margin-top: 30px;
}

.front-cadastroUsuario-bgimagem label{
	display: table;
	width: 100%;
}

#form-cadastro-novoUsuario{
	display: table;
}

.cadastro {
	
	display: block;
}

.login {
	height: auto;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: block;
	margin-bottom: 35px;
}

.login h1{
	margin-top: 40px;
}

.btn-cadastrar{
	float: right;
	height: 40px;
	width: 120px;
	color: #FFF;
	cursor: pointer;
	font-size: 15px;
	border: transparent;
	text-align: center;
	padding-top: 0px; 
	background: #1f59a7;
	border-radius: 10px !important;
	
	
}

.btn-cadastrar:hover{
	color: #FFF;
	background: #2965b6;
}

.btn-cadastrar-responsa{
	float: left;
	height: 40px;
	width: 100%;
	margin-bottom: 20px; 
	color: #FFF;
	cursor: pointer;
	font-size: 22px;
	border: transparent;
	text-align: center;
	padding-top: 0px; 
	background: #1f59a7;
	border-radius: 10px !important;
	
	
}

.btn-cadastrar-responsa:hover{
	color: #FFF;
	background: #2965b6;
}



/*Cadastro Distribuidores*/

.front-cadastro-gradiente{
	min-height: 100%;
	background: #f1eff4;
	background: -moz-linear-gradient(top,  #f1eff4 0%, #ffffff 33%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1eff4), color-stop(33%,#ffffff), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #f1eff4 0%,#ffffff 33%,#ffffff 100%);
	background: -o-linear-gradient(top,  #f1eff4 0%,#ffffff 33%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #f1eff4 0%,#ffffff 33%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f1eff4 0%,#ffffff 33%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1eff4', endColorstr='#ffffff',GradientType=0 );
}

.front-cadastro-bgimagem{
	position: block;
	height: 690px;
	background: url(../img/bg-cadastroY.png) no-repeat;
	background-position: bottom;
}

.dis-form-cadastro{
	display: table;
	width: 100%;
}

.dis-form-cadastro label{
	text-align: left;
	display: inline-block;
	width: 100%;
	margin:5px;
}

.front-cadastro-form {
	background: #FFF;
	padding: 15px 25px;
	border: 7px solid #008dd2;
	border-radius: 10px;
	margin-top: 40px;
	text-align: center;
	-webkit-box-shadow: 10px 10px 56px -20px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 56px -20px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 56px -20px rgba(0,0,0,0.75);
}

.front-cadastro-form h1{
	color: #555;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 0;
}

.front-cadastro-form p{
	color: #999;
	margin-top: -10px;
	border-bottom: 1px solid #888;
}

.front-cadastro-form .bt-cadastrar {
	font-size: 18px;
	height: 45px;
	width: 100%;
	border: none;
	border-radius: 10px;
	background: #4a7db5;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
}

.front-cadastro-form .bt-cadastrar:hover {
	background: #2e6db3;
}

/*---------------------------------*/
/*Formulario de cadastro de usuario*/
/*---------------------------------*/
.front-cadastroUsuario-bgimagem{
	height: 100%;
	background: url(../img/bg-cadastroUsuario.png) no-repeat;
	background-position: bottom;
}

.front-cadastroUsuario-form {
	background: #FFF;
	padding: 15px 25px;
	border: 7px solid #008dd2;
	border-radius: 10px;
	margin-top: 40px;
	text-align: center;
	-webkit-box-shadow: 10px 10px 56px -20px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 56px -20px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 56px -20px rgba(0,0,0,0.75);
}

.front-cadastroUsuario-form h1{
	color: #555;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 0;
}

.front-cadastroUsuario-form p{
	color: #999;
	margin-top: -10px;
	border-bottom: 1px solid #888;
}

.front-cadastroUsuario-form .bt-cadastrar {
	font-size: 18px;
	height: 45px;
	width: 100%;
	border: none;
	border-radius: 10px;
	background: #4a7db5;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
}

.front-cadastroUsuario-form .bt-cadastrar:hover {
	background: #2e6db3;
}

.bt-cadastrar-endereco-usuario{
	width: 170px;	
	font-size: 17px;
	height: 35px;
	background-color: #0f6f9e;
	color:  #FFF;
	border: none;
	padding: 5px;
	cursor: pointer;
	float: right;
}

.bt-cadastrar-endereco-usuario:hover {
	transition: 0.2s;
	background-color: #49a8d7;
}

/*FIM FORMULARIO USUARIO*/

.front-alert-erro {
	background: #ff0000;
	width: 300px;
	height: 100px;
	position: absolute;
	top: 50%;
	margin: 0;
}

.error {
	float: left;
}


/*Configurações*/
.novasmensas {
	background: #709d58;
	margin-top: 5px;
	text-align: center;
	border-radius: 5px;
	padding: 5px;
	color: #FFF;
}

.novasmensas:hover {
	background: #5f864b;
}

.novasmensas a {
	color: #FFF;
	width: 100%;
}

.novasmensas span {
	text-align: center;
	margin-bottom: 10px;
	width: 100%;
}


/*Mensagem Novo Pedido*/
/*Configurações*/
.novoPedido {
	background: #005f87;
	margin-top: 5px; 
	text-align: center;
	border-radius: 5px;
	padding: 5px;
	color: #FFF;
}

.novoPedido:hover {
	background: #00435f;

}

.novoPedido a {
	color: #FFF;
	width: 100%;
}

.novoPedido span {
	text-align: center;
	margin-bottom: 10px;
	width: 100%;
}

/*Mensagem entregador*/

.amensagem-entregador {
	display: block;
}

.mensagem-novoPedido {
	display: block;
}

.mensagem-nentregador{
	background: #ff7133;
	margin-top: 5px;
	text-align: center;
	border-radius: 5px;
	padding: 5px;
	color: #FFF;
}

.mensagem-nentregador:hover{
	background: #e93a00;
}

.mensagem-nentregador a{
	color: #FFF;
}

.mensagem-nentregador span{
	margin-bottom: 10px;
}

/*mensagem-entregador*/
/*Mensagem endereço*/
.mensagem {
	display: block;
}

.mensagem-endereco{
	background: #6c6c99;
	margin-top: 5px;
	text-align: center;
	border-radius: 5px;
	padding: 5px;
	color: #FFF;
}

.mensagem-endereco:hover{
	background: #5b5b83;
}

.mensagem-endereco a{
	color: #FFF;
}

.mensagem-endereco span{
	margin-bottom: 10px;
}

/*mensagem-incompleto*/
.mensagem-incompleto{
	background: #efae28;
	margin-top: 5px;
	text-align: center;
	border-radius: 5px;
	padding: 5px;
	color: #FFF;

}

.mensagem-incompleto:hover{
	background: #e1a427;
}

.mensagem-incompleto a{
	color: #FFF;
}

.mensagem-incompleto span{
	margin-bottom: 10px;
}


/*mensagem-verificando*/
.mensagem-verificando{
	background: #FFF;
	margin-top: 5px;
	text-align: center;
	border-radius: 5px;
	padding: 5px;
	cursor: pointer;
	color: #848484;
}

.mensagem-verificando:hover{
	background: #94be88;
	color: #fff;
}

.mensagem-verificando a{
	color: #848484;
}


.mensagem-verificando span{
	margin-bottom: 10px;
}

.mensagem-verificando img{
	margin-right: 10px !important;
	width: 28px;
	height: 28px;
}


#form-alterar-tel{
	display: table;
	width: 100%;
	margin-top: 10px;
}

.form-alterar-senha{
	border-top: 2px solid #888;
	padding-top: 15px; 
}

.bt-alterar-senha{
	margin-top: 20px; 
	width: 100%;
	height: 37px;
	border: none;
	color: #FFF;
	background: #0f6f9e;
	cursor: pointer;
}

.bt-alterar-senha:hover{
	transition: 0.6s;
	background: #49a8d7;
}

.adm-conteudo h5{
	color: #888;
	margin-bottom: 0;
}

.adm-conteudo h6{
	margin-top: 8px;
	margin-left: 20px;
	font-size: 17px;
	color: #888;
	margin-bottom: 0;
}

/*MARCAS*/
.adm-conteudo input[type="file"] {
	color: #999;
	height: 37px;
}
.adm-conteudo input[type="file"]::-webkit-file-upload-button {
	background: #2168de;
	color: #FFF;
	padding: 0 7px;
	border: none;
	height: 37px;
}

.adm-conteudo input[type="file"]::-webkit-file-upload-button:hover {
	background: #2977d6;
	
}
/* FIM MARCAS*/
.form-alterar-dados{
	border-top: 2px solid #888;
	padding-top: 15px; 
}

#form-alterarDados{
	margin-bottom: 25px;
}

/*Produtos*/
.litros {
	text-align: center;
	height: 37px;
	margin-bottom: 17px;
	margin-top: 10px;
	font-size: 18px;
}

/*Painel adm usuario*/
.pedidos{
	width: 100%;	
}

.status-pedido {
	margin-top: 25px;
	margin-bottom: 10px;
	border-radius: 15px;
	padding: 25px;
	border: 1px solid #a1a1a1;
	
	
}

.status-pedido img{
	float: left;
	margin-top: -3px;
	margin-right: 10px;
	
}

.status-pedido h4{
	position: absolute;
    display: block;
    background: #FFF;
    padding: 3px 5px;
    top: -20px;
    margin-left: 6px;
    margin-bottom: 20px;
}

.adm-btn-alter-status {
	width: 100%;
	color: #FFF;
	border: none;
	background: #008cba;
	height: 35px;
	font-size: 18px;
	cursor: pointer;
}

.adm-btn-alter-status:hover {
	background: #007095;
}

.adm-btn-alter-statuss {
	background: #008cba;
	color: #FFF;
	cursor: pointer;
	float: left;
	font-size: 18px;
	height: 35px;
	line-height: 35px;
	margin-top: 23px;
	text-align: center;
	width: 100%;
}

.adm-btn-alter-statuss:hover {
	background: #007095;
	color: #fff;
}

.tabela-listaPedidos {
	margin-top: 25px;
	margin-bottom: 10px;
	border-radius: 15px;
	padding: 25px;
	border: 1px solid #a1a1a1;
}

.tabela-listaPedidos h4{
	position: absolute;
	background: #FFF;
	padding: 3px 5px;
	top: -20px;
	margin-left: 10px;
}

.tabela-listaPedidos ul{
	list-style: none;
	margin: 7px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #a1a1a1;
	float: left;
	width: 100%;
}

.tabela-listaPedidos ul li {
	display: inline;	
}

.tabela-listaPedidos .litros-ico{
	width: 150px;
	margin: 5px 25px;
}

.tabela-listaPedidos .litros-titulo {
	width: 70px;
	float: left;
	padding-top: 3px;
	text-align: center;
}

.dados-entrega {
	margin-top: 25px;
	margin-bottom: 10px;
	border-radius: 15px;
	padding: 25px;
	border: 1px solid #a1a1a1;
}

.dados-entrega h4{
	position: absolute;
	background: #FFF;
	padding: 3px 5px;
	top: -20px;
	margin-left: 10px;
}

.pedidos td{
	text-align: center;
	height: 120px;
}


.pedidos tbody tr td{
	font-size: 17px;
}

.pedidos tbody tr:hover{
	background: #6eabef;
}

.pedidos th{
	text-align: center;
	font-size: 18px;
	border-bottom: 1px solid #c4c4c4;
	height: 70px;
}

.lista-pedido-cancelar:hover {
	background: #3a699d;
	color: #FFF;
}

.btn-confirma-endereco{
	color: #FFF;
	width: 100%;
	margin-top: 37px;
	height: 45px;
	font-size: 20px;
	background: #efae28;
	cursor: pointer;
	border: none;
}

.btn-confirma-endereco:hover{
	background: #e1a427;
}

.li-pedido:hover{
	background: #cdcdcd;
	cursor: pointer;
}

.pedido-ativo{
	height: 10px;
	width: 10px;
	border-radius: 10px;
	margin-top: 5px;
	margin-bottom: 0;
	margin-right: 10px;
	margin-left: 5px;
	float: right;
	background: #00f40d;
	border: 1px solid #d9d9d9;
}

.pedido-desat{
	background: #f40000;
	height: 10px;
	width: 10px;
	border-radius: 10px;
	margin-top: 5px;
	margin-bottom: 0;
	margin-right: 10px;
	margin-left: 5px;
	float: right;
	border: 1px solid #d9d9d9;
}

.td-ativacao{
	text-align: right;
}

.produtos-pedido {
	height: 200px;
}

.forma-pagamento {
	display: none;
	width: 360px;
	background: #FFF;
	-webkit-box-shadow: 5px 5px 22px -2px rgba(0,0,0,0.44);
	-moz-box-shadow: 5px 5px 22px -2px rgba(0,0,0,0.44);
	box-shadow: 5px 5px 22px -2px rgba(0,0,0,0.44);
	position: absolute;
	z-index: 99999;
	left: 50%;
	margin-left: -180px;
	/*top: 230px;*/
	border-radius: 10px;
}

.forma-pagamento label{
	font-size: 16px;
}

.forma-pagamento h3{
	font-size: 18px;
}

.title-pagamento{
	text-align: center;
	height: 40px;
	border-bottom: 1px solid #c4c4c4;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.title-pagamento h3{
	margin-top: 8px;
	font-size: 19px;
	color:#484848;
}

.conteudo-pagamento{
	text-align: center;
}

.conteudo-pagamento .valor-total {
	margin-top: 20px;
	margin-bottom: 20px;
}

.conteudo-pagamento a {
}

.conteudo-pagamento input{
	border-radius: 10px;
	margin-top: 5px; 
	font-size: 16px;
	height: 50px;
}

.btn-envia-pedido{
	padding-top: 7px;
	background: #ff7200;
	height: 50px;
	color: #FFF;
	font-size: 22px;
	cursor: pointer;
	text-align: center;
	margin: 5px;
	border-radius: 5px;
	margin-bottom: 15px; 
}

.btn-envia-pedido:hover {
	background: #ffba00;
}

.btn-voltar-pedido{
	padding-top: 7px;
	background: #0f6f9e;
	height: 50px;
	color: #FFF;
	font-size: 22px;
	cursor: pointer;
	text-align: center;
	margin: 5px;
	border-radius: 5px;
	margin-bottom: 15px; 
}

.btn-voltar-pedido:hover {
	background: #0c5578;
}

.sem-padding {
	padding: 0 !important;
}

.sem-margin {
	margin: 0 !important;
}

.produdos-pedidos {
	display: none;
	width: 300px;
	background: #FFF;
	-webkit-box-shadow: 5px 5px 22px -2px rgba(0,0,0,0.44);
	-moz-box-shadow: 5px 5px 22px -2px rgba(0,0,0,0.44);
	box-shadow: 5px 5px 22px -2px rgba(0,0,0,0.44);
	position: absolute;
	z-index: 99999;
	left: 30%;
	top: 230px;
	border-radius: 10px;
}

.produtos{
	width: 100%;
}

.produtos th{
	background: #2969b0;
	color: #FFF;
}

#fechar-pedido{
	color: #ff6c6c;
	text-align: center;
	margin-top: -15px;
	margin-right: -10px;
	padding-left: 3px;
	padding-bottom: 3px;
	float: right;
	width: 20px;
	height: 20px;
	background: #FFF;
}

#fechar-pedido:hover{
	color: #ff1515;
}
.produtos-adm {
	border: 1px solid #c4c4c4;
	margin-bottom: 15px !important;
	min-height: 150px;
	padding-left: 40px;
}

.produtos-adm img{
	max-height: 85px; 
}

.front-cadastroUsuario-bgimagem h1{
	font-size: 35px;
	color: #484848;
	text-align: center;
}

.front-cadastroUsuario-bgimagem .columns{
	background: #FFF;
	padding: 20px;
	margin-top: 30px;
}

.front-cadastroUsuario-bgimagem label{
	display: table;
	width: 100%;
}

#form-cadastro-novoUsuario{
	display: table;
}

.cadastro {
	display: block;
}

.cadastro h1{
	margin-top: 40px;
}

.login {
	height: 500px;
	display: block;
	margin-bottom: 35px;
}

.login h1{
	margin-top: 40px;
}

.btn-cadastrar{
	float: right;
	height: 40px;
	width: 120px;
	color: #FFF;
	cursor: pointer;
	font-size: 15px;
	border: transparent;
	text-align: center;
	padding-top: 0px; 
	background: #1f59a7;
	border-radius: 10px !important;
	
	
}

.btn-cadastrar:hover{
	color: #FFF;
	background: #2965b6;
}

/* MODAIS DE ERRO E CONFIRMAÇÂO*/

#del-ped-modal, #sucesso-mod-ped{
	max-width: 320px;
}

#del-ped-modal h3, #sucesso-mod-ped h3{
	text-align: center;
}

#del-mod-distribuidor{
	max-width: 320px;
}

#del-mod-distribuidor h3{
	text-align: center;
}

#del-mod-entregador{
	max-width: 320px;
}

#del-mod-entregador h3{
	text-align: center;
}

#del-modal{
	max-width: 320px;
}

#del-modal h3{
	text-align: center;
}

#erro-modal{
	max-width: 320px;
}

#erro-modal h3{
	text-align: center;
}

#sucesso-modal{
	max-width: 320px;
}

#sucesso-modal h3{
	text-align: center;
}

#sucesso-mod-prod{
	max-width: 320px;
}

#sucesso-mod-prod h3{
	text-align: center;
}


#sucesso-mod-distribuidor{
	max-width: 518px;
}

#sucesso-mod-distribuidor h3{
	text-align: center;
}

#sucesso-del-entregador{
	max-width: 518px;
}

#sucesso-del-entregador h3{
	text-align: center;
}

.modalBox{
	max-width: 518px !important;
	text-align: center !important;
}

.btn-modal{
	height: 40px;
    background: #2188F3;
    color: #FFF;
    padding: 5px 15px;
    border-radius: 10px;
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 100px;
    line-height: 32px;
    margin-top: 20px;
    cursor: pointer;
}

.modal-close{
	float:left;
	margin-left: -50px;
}

/* SISTEMA DE DÚVIDAS*/
.caixa-duvida{
	height: 500px;
	width: 380px;
	position: absolute;
	
}

.duvida{
	font-size: 12px;

 }

 .duvida b{
 	float: right; 
 	margin-right: 20px;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	color: #FFF;
	background: #b7b7b7;
	font-size: 19px;
	padding-left: 10px;
	border: 1px double #575757;
	cursor: pointer;
}

.duvida p{
	display: none;
	float: right;
	background: #FFF;
	width: 230px;
	position: relative;
	z-index: 9999;
	font-size: 15px;
	padding: 3px;
	padding-left: 20px;
	margin-left: 30px;
}

.botoes-login{
	background: #FFF;
}

.botoes-login ul {
	list-style: none;
	margin-left: 0;

}

.botoes-login ul li{
	height: 60px;
	padding-top: 12px;
	padding-left: 20px;
	font-weight: 700;
	font-size: 18px;
}

.botoes-login ul li:hover{
	background: #007dac;
	color: #FFF;
}

.menu-slide {
	position: absolute;
	display: none;
	height: 250px;
	z-index: 999;
	margin-top: 10px;
	margin-left: 90px;
	width: 200px;
}


.menu-slide li{
	margin: 0 !important;
	background: #489cc0;
	border-bottom: 2px solid #c4c4c4;
	padding: 5px;
	font-size: 17px;
	height: 40px !important;
	width: 200px !important;
	color: #FFF;
	display: list-item !important; 
}

.menu-slide li:hover{
	background: #FFF !important;
}

.hide-menu li{
	width: 200px !important;
	margin-left: 30px;
}

/* .hide-menu {
	display: none !important;
}
 */
.fecha-tudo {
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 9;
}

/*chat entregador*/
.adm-chat {
	margin-top: 50px;
	border-radius: 5px;
	min-height: auto;
	margin-bottom: 25px;
	padding: 25px;
	border: 1px solid #cbcbcb;
}

.adm-chat h1{
	font-weight: 700;
	color: #121212;
	font-size: 30px;
	background: #FFF;
	position: absolute;
	margin-top: -50px;
	padding: 0 10px;
}

.adm-chat h1 img{
	margin-right: 10px;
	margin-top: -10px;
}

/*----------Fim chat-----------*/

/*Mensagem*/
.titulo-mensagem{
	color: #4b87c8 !important;
	font-size: 34px !important;
	
}

.titulo-mensagem img{
	margin-top: -5px;	
	margin-right: 10px;
}

.mensagens-recebidas{
	height: 500px;
	overflow-y: auto;
}

.mensagem-distribuidor{
	background: #4b95c8;
	text-align: left;
	min-height: 70px;
	margin: 20px;
	margin-top: 30px;
	position: relative;
	border-radius: 5px;
	overflow: auto;
}

.mensagem-distribuidor::after{
	bottom: 100%;
	left: 35px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #4b95c8;
	border-width: 10px;
	margin-left: -10px;
}

.mensagem-distribuidor .meta{
	float: right;
	width: 100%
}

.mensagem-distribuidor strong{
	color:#000;
	float: right;
	top: -35;
	left: 0;
	text-align: left;
}

.mensagem-distribuidor p{
	float: left;
	text-align: left;
	color: #fff;
}

.mensagem-distribuidor small{
	float: right;
	font-size: 12px;
	font-weight: 700;
	color: #000;
	margin-top: 5px;
	margin-left: 5px;
}


.mensagem-entregador{
	background: #4b87c8;
	text-align: left;
	min-height: 70px;
	margin: 20px;
	margin-top: 30px;
	position: relative;
	border-radius: 5px;
	overflow: auto;
}

.mensagem-entregador::after{
	bottom: 100%;
	right: 35px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #4b87c8;
	border-width: 10px;
	margin-left: -10px;
}

.mensagem-entregador .meta{
	float: left;
	width: 100%
}

.mensagem-entregador strong{
	color:#000;
	top: -35;
	left: 0;
	float: left;
}

.mensagem-entregador p{
	float: right;
	text-align: right;
	color: #fff;
}

.mensagem-entregador small{
	float: left;
	font-size: 12px;
	font-weight: 700;
	color: #000;
	margin-top: 5px;
	margin-left: 5px;
}

.mensagem-sistema{
	background: #4b87c8;
	text-align: left;
	min-height: 70px;
	margin: 20px;
	margin-top: 50px;
	position: relative;
	border-radius: 5px;
	overflow: auto;
}

.mensagem-sistema::after{
	bottom: 100%;
	right: 35px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #4b87c8;
	border-width: 10px;
	margin-left: -10px;
}

.mensagem-sistema .meta{
	float: left;
	width: 100%
}

.mensagem-sistema strong{
	color: #890202;
	top: -35;
	left: 0;
	float: left;
}

.mensagem-sistema p{
	float: right;
	text-align: right;
	color: #fff;
}

.mensagem-sistema small{
	float: left;
	font-size: 12px;
	font-weight: 700;
	color: #890202;
	margin-top: 5px;
	margin-left: 5px;
}

.nova-mensagem {
	bottom: 0;
	background: #e4e4e4;
	min-height: 90px; 
	width: 100%;
	border-radius: 10px;
}

.nova-mensagem input{
	margin: 20px;
	height: 60px;
	padding: 15px;
	font-size: 17px;
	border-radius: 5px;
} 

#enviar-mensagem{
	margin-top: 16px;
	display: block;
	background: #004b7f;
	height: 70px;
	width: 70px;
	position: relative;
	left: 50%;
	margin-left: -35px;
	padding-top: -3px;
	border-radius: 50%;
}

#enviar-mensagem p{
	position: relative;
	top: 21px;
	left: 8px;
    color: #FFF;
	font-size: 17px;
	font-weight: 700;
}

#enviar-mensagem:hover{
	background: #0062a6;
}

/*Lista Estoque */
.lista-estoque {
	margin-top: 50px;
	border-radius: 5px;
	min-height: 500px;
	margin-bottom: 25px;
	padding: 25px;
	border: 1px solid #cbcbcb;
}

.lista-estoque h2{
	font-weight: 700;
	color: #434343;
	font-size: 30px;
	background: #FFF;
	position: absolute;
	margin-top: -50px;
	padding: 0 10px;
}

.lista-estoque h1 img{
	margin-right: 10px;
	margin-top: -10px;
}


.lista-estoque strong{
	font-size: 15px;
	width: 100%;
}

.lista-estoque .columns{
	text-align: center;
}

#abre-menu-slide{
	cursor: pointer;
}

 /* FIM SISTEMA DE DÚVIDAS*/


/*Página de distribuidor*/

.pagina-distribuidor{
	min-height: 850px;
	background: #f8f7f7;
	padding-bottom: 50px;
	padding-top: 30px;
}

/* .pagina-distribuidor .row{
	background: #FFF;
	padding-top: 10px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	padding-bottom: 50px;

} */

.pagina-divisao{
	background: #FFF;
	height: 25px;
	border-top: 7px double #dcdcdc;
}

.pagina-distribuidor h1 {
	color: #515151;
	font-weight: 700;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin-bottom: 25px;
	border-bottom: 1px solid #f1f1f1;
	font-size: 40px;
	margin-left: 10px;
}

.pagina-distribuidor ul{
	margin-left: 45px; 
}

.pagina-distribuidor p{
	margin-left: 15px; 
}

.pagina-distribuidor h2{
	color: #2f2f30;
	font-weight: 700;
}

.btn-realiza-pedido {
	background: #FFF;
	cursor: pointer;
	padding-top: 10px;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 18px;
	height: 55px;
	color: #8f8f90;
	border: 1px solid #d9d9d9;
}

.btn-realiza-pedido:hover {
	transition: 0.3s;
	color: #FFF;
	background: #d9d9d9;
	
}

.desc-produto {
	background: #FFF;
	padding: 10px;
	border-radius: 10px;
	font-size: 14px;
	margin-top: 15px;
	cursor: pointer;
	color: #444444;
}

.desc-produto:hover {
	background: #d7e8fc;
}

.desc-produto:hover .fi-plus{
	background: #3b5998;
}

.desc-produto i{
	float: right;
}

.desc-produto .fi-plus{
	font-size: 14px;
	text-align: center;
	background: #dadada;
	color: #FFF;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin: 0 5px 0 15px;
}

.desc-produto p{
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 13px;
}

.meu-pedido {
	margin: 10px auto;
	border: 1px solid #d9d9d9;
	/* min-height: 320px; */
	background: #FFF;
	width: 100%;
	padding-bottom: 20px;

}

.meu-pedido ul{
	display: block;
	margin: 0;
	list-style: none;
	font-size: 14px;
}

.meu-pedido p{
	/*display: none;*/
}

.lista-meu-pedido li {
	padding-bottom: 40px;
	padding-top: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f9f9f9;
}

.lista-meu-pedido li:hover {
	background: #f6f6f6;
}

.lista-meu-pedido .fi-x{
	position: absolute;
	right: 5px;
	top: -3px;
	font-size: 18px;
	cursor: pointer;
	color: #c4c4c4;
}

.lista-meu-pedido li:hover .fi-x{
	color: #c4c4c4;
}

.meu-pedido strong{
	color: #666666;
	display: block;
	margin-top: 5px;
	margin-bottom: 20px;
}

.meu-pedido img{
	position: relative;
	width: 72px;
	margin-left: -36px;
	left: 50%;
	margin-top: 15px;
}

.meu-pedido h5{
	color: #b9b9b9;
	text-align: center;
	font-weight: 400;
	font-size: 20px;
	margin: 0 30px 20px 30px;
}

.qtd-produto {
	text-align: center;
}

.qtd-produto b{
	margin-top: 2px;
	margin: 0 5px;
	font-size: 14px;
}

.qtd-produto i{
	border: 2px solid #000;
	display: inline-block;
	font-size: 10px;
	cursor: pointer;
	text-align: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.qtd-produto .fi-minus{
	color: #ff0000;
	border-color: #ff0000;
}

.qtd-produto .fi-minus:hover{
	color: #db0000;
	border-color: #db0000;
}

.qtd-produto .fi-plus{
	color: #39bc00;
	border-color: #39bc00;
}

.qtd-produto .fi-plus:hover{
	color: #3e981c;
	border-color: #3e981c;
}

.lista-meu-pedido strong{
	display: inline-block;
	margin-top: 2px;
	margin-right: 10px;
	margin-left: 5px;
}

.remove-padding{
	padding: 0 !important;
}

.preco-produto{
	margin-top: 3px;
	margin-right: 10px;
	float: right;
	width: auto !important;
	height: auto !important;
	border: none !important;
}

/* .distribuidor-social{
	height: 50px;
	margin-left: 20px !important; 
	list-style: none !important;
}

.distribuidor-social li{
	list-style: none;
	display: inline-block;
} */

.img-distribuidor{
	position: relative;
	width: 300px;
	height: 300px;
	left: 50%;
	margin-left: -130px;

}
.btn-mapa {
	padding: 0 40px;
}


#abrir-mapa{
	width: 100%;
	position: relative;
	background: #7097e7;
	text-align: center;
	min-height: 50px;
	font-weight: 700;
	font-style: italic;
	padding-top: 0px;
	font-size: 35px;
	color: #FFF;
	border-radius: 10px;
	cursor: pointer;
}

#abrir-mapa:hover{
	transition: 0.5s;
	background: #005097;
}

.distribuidor-info{
	list-style: none !important;
	margin-left: 17px !important;
}

.distribuidor-info li{
	min-height: 40px;
	padding: 3px 0 0 40px;
}
/* 
.tel-distribuidor{
	margin-top: 5px;
	padding-top: 0;
	font-size: 14px;
	color: #006db8;
	cursor: pointer;
	background: url(../img/distribuidor/icones/ico-tel.png) no-repeat;
	background-position: 0 3px; 
}

.tel-distribuidor i{
	margin-top: 5px;
	display: block;
	font-weight: 700;
}

.tel-distribuidor strong{
	font-size: 20px;
	color: #707070;
	cursor: auto;
	display: none;
} */

.site-distribuidor {
	margin-top: 10px;
	padding-top: 0;
	font-size: 17px;
	background: url(../img/distribuidor/icones/site.png) no-repeat;
	background-position: 5px 6px; 
	background-size: 25px;
}

.site-distribuidor a{
	font-weight: 700;
	color: #707070;
}

.marker-distribuidor{
	background: url(../img/distribuidor/icones/ico-marker.png) no-repeat;
	background-position: 0px 0px; 
}


.abrir-compra {
	height: 45px;
	padding: 10px 25px 10px 45px;
	color: #FFF;
	margin-left: 25px;
	background: url(../img/distribuidor/icones/ico-c.png) no-repeat #c95100;
	background-position: 15px 10px;
	background-size: 24px;
	font-size: 18px;
	border-radius: 10px;
	font-weight: 400;
	font-style: italic;

}

.abrir-compra:hover{
	color: #FFF;
	background: url(../img/distribuidor/icones/ico-c.png) no-repeat #e75d01;
	background-position: 15px 10px;
	background-size: 24px;
}

/*Fim Página de distribuidor*/

/*carregamento*/
	.loadding {
		position: absolute;
		z-index: 9999;
		height: 550px;
		background: #efefef;
		width: 100%;
		/* margin-left: -15px; */
		display: none;
	}

	.loadding img{
		position: relative;
		/*left: 50%;
		margin-left: -125px;*/
		margin-top: 75px;
	}

/* Fim carregamento*/
	.lb-ilustracao {
		position: relative;
		top: -50px;
		margin-bottom: 0;
		padding-bottom: 0;
		z-index: 99;
		background: #FFF;
	}
	
	.ilustracao-edit {
	max-height: 330px; 
	}

	.ilustracao-edit img{
		left: 50%;
		height: 300px;
		width: 300px;
		margin-left: -150px;
		position: relative;
	}


	/*Tela de pesquisa*/
	.fundo-pesquisa {
		background: url(../img/front/bg-pesquisa.jpg) no-repeat center center; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		height: 420px;
		text-align: center;
		padding: 100px 0px;
		color: #424242;
	}

	.fundo-pesquisa h1 a{
		font-weight: 700;
		color: #424242;
		margin-bottom: 0;
		font-size: 50px;
	}

	.fundo-pesquisa strong {
		display: block;
		font-size: 22px;
		padding-bottom: 15px;
	}

	.pesquisar {
		background: rgba(94, 119, 136, 0.5);
		border-radius: 5px;
		padding: 5px;
	}
	
	.pesquisar input{
		height: 55px;
		border-radius: 5px;
		margin: 0;
		font-size: 22px;
	}

	#btn-pesquisar {
		position: relative;
		z-index: 99;
		top: -50px;
		float: right;
		right: 5px;
		width: 160px;
		font-size: 22px;
		cursor: pointer;
		text-align: right;
		padding-right: 15px;
		border: none;
		background: url(../img/icones/ico-pesquisar.png) no-repeat #ff893b;
		color: #FFF;
		height: 45px;
	}

	#btn-pesquisar:hover {
		background: url(../img/icones/ico-pesquisar.png) no-repeat #ff6600;
	}

	.content-distribuidores {
		min-height: 550px;
		padding-bottom: 50px;
		background: url(../img/bg-pesquisa-cidade.png) no-repeat #dbedf3;
		background-repeat: repeat-x;
		background-position: bottom; 
	}

	.linha-distribuidor {
		margin-top: 80px !important;
		background: #FFF;
		width: 100%;
		padding: 10px;
		position: static;
		z-index: 99;
		margin-left: 13px !important;

	}

	.linha-distribuidor h1 a{
		font-weight: 700;
		color: #4e4e4e;
		font-size: 35px;
		margin-bottom: 5px;
	}

	.linha-distribuidor i{
		color: #4e4e4e;
		font-size: 14px;
		margin-left: 15px;
		padding-left: 18px;
		margin-bottom: 15px;
		background: url(../img/icones/ico-local.png) no-repeat;
		display: block;
	}

	.linha-distribuidor .abrir-compra{
		width: 170px;
		margin-top: 7px;
		margin-right: 0px;
		display: block;
		float: right;
	}	


	.linha-distribuidor small{
		float: left;
		margin-right: 10px;
		display: block;
	}

	.lista-marcas{
		margin-bottom: 30px !important;
	}

	.filtro-marcas li {
		cursor: pointer;
	}
	
	.tag-marcas {
		list-style: none;
	}

	.tag-marcas li{
		background: #fbfeff;
		border: 1px solid #dfe5e9;
		float: left;
		border-radius: 5px;
		font-size: 14px;
		margin-left: 5px;
		color: #80a1c5;
		display: block;
		padding: 5px;
	}

	.btns-distribuidor {
		display: block;
		padding-top: 20px;
		border-top: 1px solid #f1f1f1;
		border-radius: 15px;
		
	}

	.estrelas-distribuidor {
		list-style: none;
		margin-left: 5px;
	}

	.star-ativo{
		background: url(../img/icones/star-ativo.png) no-repeat center;
		width: 30px;
		height: 30px;
		display: inline-block;
	}

	/* .star-ativo:hover{
		background-size: 102%;
	} */

	.star-meio{
		background: url(../img/icones/star-meio.png) no-repeat center;
		width: 30px;
		height: 30px;
		display: inline-block;
	}

	.star-desativo{
		background: url(../img/icones/star-desativo.png) no-repeat center;
		width: 30px;
		height: 30px;
		display: inline-block;
	}

	.mais-info{
		background: #0072c0;
		color: #FFF;
		padding: 3px 17px 15px 15px;
		top: 50px;
		left: 15px;
		border-radius: 5px;
		float: right;
		position: relative;
		z-index: 99; 
		
	}

	.mais-info:hover{
		color: #FFF;
		background: #0061a4;
	}

	.sem-resultado {
		padding-top: 75px;
		text-align: center;
	}

	.sem-resultado img{
		margin: 0 auto;
	}

	.sem-resultado h1 {
		padding-top: 15px;
		color: #404040;
		font-weight: 700;
		margin-bottom: 0px;
	}

	.sem-resultado strong {
		color: #424242;
	}

	.form-indique {
		margin-top: 20px !important;
		padding: 20px;
		text-align: left;
		border-radius: 10px;
		background: #fbfbfb;
		border: 1px solid #e3e3e3;
	}

	.form-indique input{
		height: 50px;
		border-radius: 5px;
	}

	.form-indique label{
		font-size: 18px;
	}

	.form-indique span{
		color: #2ab100;
		text-align: center;
		display: block;
		width: 100%;
	}

	.btn-indicar {
		float: right;
		border: none;
		border-radius: 10px;
		width: 150px;
		background: #8f8f8f;
		color: #FFF;
		cursor: pointer;

	}

	.btn-indicar:hover{
		background: #505050;
		
	}


	
	/*Fim tela de pesquisa*/
	
	.content-geral{
		min-height: 900px;	
		background: url(../img/bg-cadastro-cidade.png) no-repeat #FFF;	
		background-repeat: repeat-x;
		background-position: bottom;	
	}

	.content-geral h2{
		text-align: center;
		font-size: 30px;
		color: #a3a3a3;
		margin: 50px 0 50px 0; 
		font-weight: 300; 

	}

	.content-geral h2 strong{
		color: #555555;
		font-weight: 700; 
	}

	.verifica-telefone {
		padding: 0 25px; 
		display: block;
	}

	.content-geral input {
		height: 50px;
		border-radius:  10px;
		text-align: center;
		font-size: 20px;
	}

	#btn-verifica{
		width: 100%;
		color: #FFF;
		text-align: center;
		background: #1d7ebb;
		font-size: 22px;
		cursor: pointer;
		border-width: 0;
	}

	#btn-verifica:hover{
		background: #004867;
	}

	#btn-cadastro{
		width: 100%;
		color: #FFF;
		text-align: center;
		background: #1d7ebb;
		font-size: 22px;
		cursor: pointer;
		border-width: 0;
	}

	#btn-cadastro:hover{
		background: #004867;
	}


	.content-geral label{
		font-size: 18px;
		text-align: center;
	}

	.barra-top {
		background: url(../img/front/bg-pesquisa.jpg) no-repeat center center;
	}

	.barra-top h1{
		color: #FFF;
		margin: 10px 0;
		padding-left: 35px;
		font-size: 26px;
		font-weight: 400; 
		display: block;
	}
	.barra-top h1 i {
		margin-right: 10px;
		padding-top: 15px;
		font-size: 35px;
	}

	.tela-cadastro label, .tela-cadastro input{
		text-align: left;
	}

	.content-geral input::-webkit-input-placeholder{ 
		padding-top: 5px;
		font-size: 15px;

	 } 

	 .content-geral input::-moz-placeholder {
	 	padding-top: 5px;
		font-size: 15px;
	 }

	.tela-cadastro h1{
		text-align: center;
		margin-bottom: 0px;
		font-weight: 700;
		color: #444444;
		margin-top: 150px;
	}

	.tela-cadastro strong{
		display: block;
		text-align: center;
		color: #717171;
	}

	.color{
		width: 100%;
		background: #000;
		height: 250px;
	}

	/*tele distribuidor NOVA*/
	.top-distribuidor {
		min-height: 270px;
		width: 100%;
		background: url(../img/bg-distribuidor.jpg) no-repeat center;
		background-size: cover;
		background-position: center;
	}

	.fundo-ilustracao {
		position: relative;
		left: 50%;
		margin-left: -110px;
		background: rgba(255, 255, 255,0.2);
		width: 220px;
		padding-top: 10px;
		height: 220px;
		margin-top: 25px;
	}

	.top-distribuidor img{
		position: relative;
		left: 50%;
		margin-left: -100px;
		height: 100%;
	}

	.top-distribuidor h1{
		margin-top: 20px;
		color: #FFF;
		font-size: 32px;
		font-weight: 700; 
		display: inline-block;
	}

	.nao-cadastrado {
		background: rgba(255, 255, 255, 0.5);
		border-radius: 10px;
		padding: 10px;
	}

	.nao-cadastrado h3{
		color: #fff;
		text-align: center;
		margin: 0;
		font-size: 22px;
		margin-left: 15px;
	}

	.nao-cadastrado strong{
		color: #FFF;
		text-align: center;
		display: block;
		font-size: 14px;
		margin-left: 15px;
	}

	/*Classificação*/

	.classificacao {
		list-style: none;
	}

	.classificacao 	.star-ativo{
		background-position: 0 8px;
	}
	.classificacao 	.star-desativo{
		background-position: 0 8px;
	}

	.sem-star small{
		color: #c4c4c4 !important;
	}

	.classificacao 	.star-meio{
		background-position: 0 8px;
	}

	.classificacao li{
		display: inline-block;
	}

	.classificacao small{
		color: #FFF;
		font-size: 14px;
	}

	.nota-avaliacao{
		background: #ffa40c;
		color: #FFF;
		font-size: 18px;
		margin-right: 5px;
		width: 40px;
		text-align: center;
		border-radius: 5px;

	}
	/*Fim Classificação*/
	.infos-endereco{
		color: #FFF;
		list-style: none;
	}

	.tel-distribuidor b{
		cursor: pointer;
		display: inline-block;
	}

	.infos-endereco i{
		font-size: 32px;
		position: relative;
		top: 5px;
		margin-right: 10px;

	}
	
	.infos-endereco li{ 
		margin-top: 15px;
		font-size: 18px;
	}

	.distribuidor-social {
		list-style: none;
		margin-bottom: 0;
		display: inline-block;
	}

	.distribuidor-social li{
		display: inline-block;
	}

	.distribuidor-social li a i{
		font-size: 35px;
		margin-right: 5px;
		color: rgba(255, 255, 255, 0.8);
	}

	.distribuidor-social li a i:hover{
		color: rgba(255, 255, 255, 1);
	}

	.mens-nao-cadastrado h4{
		border-top: 1px solid #cfcfcf;
		padding-top: 25px;
		text-align: center;
		color: #6c6c6c;
		font-size: 22px;
		font-weight: 700;
	}

	.mens-nao-cadastrado strong{
		text-align: center;
		display: block;
		padding-bottom: 25px;
	}

	.btns-distribuidor p{
		padding: 5px;
		background: #ffe9e4; 
		border-radius: 5px;
		color: #818181;
	}


	.outros-produtos{
		min-height: 800px;
	}

	.outros-produtos .button{
		border-radius: 10px;
		padding: 12px;
	}

	.outros-produtos .fi-plus{
		font-size: 18px;
		display: inline-block;		
		width: 22px;
		padding-top: 2px;
		height: 22px;
		color: #008cba;
		background: #FFF;
		border-radius: 50%;
		margin-right: 5px;
	}

	.outros-produtos .button:hover .fi-plus{
		color: #007095;
	}

	.outros-produtos h3{
		font-size: 22px;
		color: #4c4c4c;
		border-bottom: 1px solid #4c4c4c;
		font-weight: 700;
	}

	.tabela-produto {
		width: 100%;
	}

	.tabela-produto i{
		margin-right: 5px;
	}

	.outros-produtos .editar{
		float: right;
		font-size: 17px;
		text-align: center;
		padding: 5px 12px;
		border-radius: 5px;
		background: #43ac6a;
		color: #FFF;
		margin: 5px;
	}

	.outros-produtos .editar:hover{
		background: #39935a;
	}

	.outros-produtos .excluir{
		float: right;
		font-size: 17px;
		text-align: center;
		padding: 5px 10px;
		border-radius: 5px;
		background: #f04124;
		color: #FFF;
		margin: 5px;
	}

	.outros-produtos .excluir:hover{
		background: #cd371c;
	}

	#cadastro-produto #modalTitle{
		font-weight: 700;
		color: #4c4c4c;
		border-bottom: 1px solid #dddddd;
	}

	#cadastro-produto #modalTitle i{
		margin-right: 10px;
		margin-left: 10px;
	}

	#cadastro-produto label,
	#cadastro-produto textarea,
	#cadastro-produto .button
	{
		font-size: 18px;
	}

	#cadastro-produto input,
	#cadastro-produto .prefix{
		font-size: 18px;
		height: 50px;
	}

	#cadastro-produto .prefix{
		padding-top: 5px;
	}

	#cadastro-produto .ativar{
		text-align: center;
	}

	#cadastro-produto .switch{
		margin-top: 7px;
		margin-bottom: 25px;
	}

	.tabela-produto .td-ativo{
		text-align: center;
	}

	.tabela-produto .fi-x{
		color: #a62d19;
		font-size: 22px;
	}


	.tabela-produto .fi-check{
		color: #519000;
		font-size: 22px;
	}

	#editarProduto #modalTitle{
		font-weight: 700;
		color: #4c4c4c;
		border-bottom: 1px solid #dddddd;
	}

	#editarProduto #modalTitle i{
		margin-right: 10px;
		margin-left: 10px;
	}

	#editarProduto label,
	#editarProduto textarea,
	#editarProduto .button
	{
		font-size: 18px;
	}

	#editarProduto input,
	#editarProduto .prefix{
		font-size: 18px;
		height: 50px;
	}

	#ativo{
		width: 100%;
		margin: 0;
		margin-top: -30px;
	}

	#editarProduto .prefix{
		padding-top: 5px;
	}

	#editarProduto .ativar{
		text-align: center;
	}

	#editarProduto .switch{
		margin-top: 7px;
		margin-bottom: 25px;
	}

	.pesquisar-novamente {
		margin-top: 10px;
		background: url(../img/bg-pesquisar-novamente.png) no-repeat;
		background-position: 0 -40px ;
		text-align: center;
		min-height: 350px;
	}

	.pesquisar-novamente h2{
		margin-bottom: 0;
		color: #003560;
	}

	.pesquisar-novamente strong{
		color: #566a85;
		font-size: 20px;
	}

	.caixa-produtos{
		margin-top: 50px;
	}

	.caixa-produtos h3{
		font-size: 28px;
		color: #303030;
	}

	#meuPedidoModal img{
		position: relative;
		margin-top: -40px;
	}

	#meuPedidoModal h2{
		padding-top: 20px;
		color: #2b638f;
		font-weight: 700;
		border-bottom: 1px solid #908f8f;
		margin-bottom: 20px;
	}

	#tabelaMeuPedido{
		width: 100%;


	}

	#tabelaMeuPedido th{
		background: #eff8fc !important;
		color: #2b638f;
		font-size: 16px !important;
		height: 30px;
	}

	#tabelaMeuPedido td{
		font-size: 16px !important;
	}

	#form-pedido-completo label,
	#form-pedido-completo select,
	#form-pedido-completo input{
		font-size: 18px;
	}

	#form-pedido-completo select,
	#form-pedido-completo input{
		height: 45px;
	}

	.btn-form-pedido{
		padding: 15px;
		color: #FFF;
		font-size: 18px; 
	}

	.btn-form-pedido i{
		margin-right: 5px;
		font-size: 21px;
	}

	.edit{
		border: 1px solid  #2871b0;
		color: #2871b0;
		background: none;
		float: left;
	}

	.edit:hover{
		border: 1px solid  #2871b0;
		color: #FFF;
		background: #2871b0;
	}

	.finaliza{
		border: 1px solid  #de7c00;
		color: #de7c00;
		background: none;
		float: right;
	}

	.finaliza:hover{
		border: 1px solid  #de7c00;
		color: #FFF;
		background: #de7c00;
	}

	.alert{
		color: #ff8a00;
		text-align: center;
		display: block;
	}

	.top-bar-section ul li a{
		font-size: 17px !important;
	}

	.top-bar-section ul li  h5 a {
		font-size: 20px !important;
	}

	.top-bar-section .fa{
		font-size: 16px;
		margin-right: 10px;
		font-weight: 200;
		width: 17px;
		text-align: center;
	}

	.back {
		background: #242424 !important;
	}

	
	.fa-sign-out {
		margin-left: 10px;
	}

	.fa-arrow-circle-o-left {
		font-size: 20px !important;
	}

	.top-bar,
	.contain-to-grid,
	.has-dropdown a{
		background: #4387c8;
		

	}
	.has-dropdown a:hover{
		background: #2d5d8a !important;
	}

	.top-bar-section ul li:hover:not(.has-form) > a{
		background: #2d5d8a !important;
	}

	.top-bar-section li:not(.has-form) a:not(.parent-link){
		background: #4387c8 !important;
	}

	.parent-link {
		background: #0d5984 !important;
		text-align: center;
	}

	.parent-link:hover {
		background: #2378c9 !important;
	}

	.divider{
		border: 1px solid #FFF !important;;
	}

	#sair {
		background: #005681 !important;
	}

	#sair:hover {
		background: #003f5e !important;
	}
	
	.tirar-padding{
		padding-left: 0;
	}

	.confirm-modal-fechar{
	    margin: 0 auto;
        margin-left: -50px;
}

.linha-distribuidor a img{
    height: 200px;
    width: 200px;

}
	
	/* #cadastro-produto strong,
	#cadastro-produto .switch {
		text-align: center;
		display: ock;
	} */

	/*fim tela distribuidor NOVA*/

/*foundation classes that do not exist in the version that we use*/
	
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}

.payment-methods{
	display: inline-block; /*find the correct way of doing it!*/
	padding-top: 10px;
	padding-right: 10px;
}

/*Responsivo*/
@media (max-width: 480px) {

	.pesquisar-novamente {
		padding-top: 180px;
		background-position: center -30px;
	}

	.tel-distribuidor b{
		margin-bottom: 25px;
	}

	.tel-distribuidor .abrir-compra{
		width: 200px;
		float: left;
		left: 50%;
		position: absolute;
		z-index: 99;
		margin: 5px 0px 15px -100px;

	}

	.top-distribuidor h1, .top-distribuidor ul{
		text-align: center;
		margin-left: 0;
		width: 100%;
	}


	/*.pop-up-produtos {
		width: 375px !important;
		margin-left: -187px;
	}
	.pop-up-info {
		margin-left: 5px !important;
	}

	.btn-cofirma-pedido{
		margin-left: -10px !important;
	}
*/
	.quatro-passos{

		background: none;
	}

	.front-pesquisa{
		margin-top: 30px;
		padding-top: 160px;
	}
	.front-pesquisa input{
		font-size: 14px;
	}

	#ilustra-pesquisa{
		position: absolute;
		left: 50%;
		margin-left: -106px;
		top: -280px;	
	}

	#me-localiza {
		margin-top: 25px;
	}

	#endereco-localiza{
		margin-top: 0px;
	}


	.legenda-status {
		text-align: center;
		padding-bottom: 20px;
	}
	.adm-tabela-pedidos p{
		display: none;
	}

	.pedidos{
		text-align: center;
		padding-bottom: 20px;
	}

	.pedidos p {
		display: none;
	}

	.bt-alterar-senha{
		width: 100%;
	}
/*
	.menu-user-small{
		margin-left: -25px;
		margin-right: -28px;
		text-align: center;
		background: rgb(61,163,247);
		height: 30px;
		display: block;
		margin-bottom: 20px;
	}

	.menu-user-small h5{

		width: 33% ;
		position: relative;
		float: left;
		padding: 0;
		padding-top: 4px;
		margin: 0;
		box-shadow: none;
		background: rgb(61,163,247);
		background: -moz-linear-gradient(left, rgba(61,163,247,1) 0%, rgba(30,87,153,1) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(61,163,247,1)), color-stop(100%,rgba(30,87,153,1)));
		background: -webkit-linear-gradient(left, rgba(61,163,247,1) 0%,rgba(30,87,153,1) 100%);
		background: -o-linear-gradient(left, rgba(61,163,247,1) 0%,rgba(30,87,153,1) 100%);
		background: -ms-linear-gradient(left, rgba(61,163,247,1) 0%,rgba(30,87,153,1) 100%);
		background: linear-gradient(to right, rgba(61,163,247,1) 0%,rgba(30,87,153,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3da3f7', endColorstr='#1e5799',GradientType=1 );
	}

	.menu-user-small h5:hover{
		background: rgb(61,163,247);
		background: -moz-linear-gradient(left, rgba(61,163,247,1) 0%, rgba(51,121,183,1) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(61,163,247,1)), color-stop(100%,rgba(51,121,183,1)));
		background: -webkit-linear-gradient(left, rgba(61,163,247,1) 0%,rgba(51,121,183,1) 100%);
		background: -o-linear-gradient(left, rgba(61,163,247,1) 0%,rgba(51,121,183,1) 100%);
		background: -ms-linear-gradient(left, rgba(61,163,247,1) 0%,rgba(51,121,183,1) 100%);
		background: linear-gradient(to right, rgba(61,163,247,1) 0%,rgba(51,121,183,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3da3f7', endColorstr='#3379b7',GradientType=1 );
	}
*/

	#form-alterar-tel .tiny{
		margin: 0;
		margin-top: 0 !important;
	}
 
	.adm-login{
		width: 100%;
		height: 450px;
	}
	#submit.button{
		width: 100%;
	}
	
	.adm-lista-infoCliente{
		padding: 10px;
		border: 1px solid #c3c3c3;
	}

	.dataTables_info{
		text-align: center;
		margin-bottom: 15px;
	}

	.pagination{
		text-align: center;
		float: right;
		margin-right: 15%;
	}

	.btn-cancelar-edicao-endereco{
		position: relative;
		left: 10px;
		top: 20px;
	}


	.btn-cancelar-edicao-endereco-usuario{
		position: block;
		margin-top: 20px;
		padding-top: 10px;
		height: 45px;
		float: right;
		left: 10px;
		top: 20px;
	}


	.linha-cancelar{
		height: 70px;
	}

	.bt-cadastrar-endereco{
		position: inherit;
		margin: 0;
		height: 45px;
		width: 100%;
		left: 0;
	} 

	.bt-cadastrar-endereco-usuario{
		position: inherit;
		margin: 0;
		height: 45px;
		width: 100%;
		left: 0;
	} 

	#img-adm-ico{
		display: none;
	}

	#logo-adm img{
		position: relative;
		left: 50%;
		margin-left: -184px;
		margin-top: 3px;
		margin-bottom: 10px;
	}

	.produtos-adm {
		border: 1px solid #c3c3c3;
		margin-bottom: 15px !important;
	}

	.produtos-adm img{
		width: 100%;
		max-height: 100%;
	}

	.litros {
		float: left;
		margin-left: 60px;
		width: 100px;
	}

	#btn-add-novo-endereco {
		width: 100%;
	}

	.fundo-pesquisa {
		
		height: 430px;
	
	}
    
    .linha-distribuidor{
		
		text-align: center !important;

	}

	.content-distribuidores .small-11 {
		margin-left: 10px;

	}
	       
	/* .avaliacao {
	background: #e9e9e9;
	border: 1px solid #c0c0c0;
	width: 320px;
	height: auto;
	padding: 10px 25px;
	border-radius: 10px;
	position: absolute;
	left: 50%;
	top: 30%;
	margin-left: -160px; 
	display: none;
	z-index: 9999;
	} */

}

/* telas com até 694px*/
/* Index */
@media (max-width: 694px) {

	.pesquisar-novamente {
		padding-top: 180px;
		background-position: center -30px;
	}

	.tel-distribuidor b{
		margin-bottom: 25px;
	}

	.tel-distribuidor .abrir-compra{
		width: 200px;
		float: left;
		left: 50%;
		position: absolute;
		z-index: 99;
		margin: 5px 0px 15px -100px;

	}

	.top-distribuidor h1, .top-distribuidor ul{
		text-align: center;
		margin-left: 0;
		width: 100%;
	}
	/*Página distribuidor*/


	.lista-pedio-mensagem {
		margin-bottom: 94px !important;
	}

	#mensagem{
   		margin-top: -71px !important;
	}

	.adm-login{
		height: 700px;
	}

	.lista-pedio-mensagem{
		height: 350px
	}

	#mensagem{
		margin-top: 0px;
		margin-left: 0px;
	}

	#adm-bt-envio-mensagem{
		padding-left: 8px;
			margin-top: -71px;
	}

	.adm-btn-alter-status {
		width: 110%;
			margin-left: -10px;
	}

	.dados-entrega {
		height: auto;
		/*padding-bottom: 75px;*/
	}


	.compre-titulo{
		height: 150px;
	}

	.adm-login {
		width: 100%;
		margin-top: 0;
		border-radius: 0;
	}

	.adm-login-logo {
		height: 150px;
		border-radius: 0;
	}

	.adm-login-logo img{
		position: relative;
		top: 50%;
		margin-top: -40px;
	}

	.adm-login input{
		height: 45px;
		font-size: 20px;
	}

	.adm-campos p{
		font-size: 20px;
	}

	.img-pesquisa{
		background-position: center;
	}

	.campo-pesquisa {
		padding-top: 0 !important;
	}

	.front-menu-top{
		margin-bottom: 15px;
	}

	#ilustra-pesquisa{
		position: absolute;
		left: 50%;
		margin-left: -106px;
		top: -280px;	
	}

	#me-localiza {
		margin-top: 25px;
	}

	#endereco-localiza{
		margin-top: 0px;
	}

	.quatro-passos{
		background: none;
	}

	.front-pesquisa{
		margin-top: 30px;
		padding-top: 160px;
	}
	.front-pesquisa input{
		font-size: 14px;
	}

	.produtos-adm img{
		width: 100%;
		max-height: 100%;
	}

	.produtos-adm {
		padding:  0;
	} 

	.saiba-como{
		text-align: center;
  }
 
	.ico-front{
		padding-top: 15px;
	}
	
	.row .info{
		margin: 0;
	}
	
	.cadastro-empresa{
		padding: 0 25px;
	}
 
  #front-pc {	
 	position: relative;
 	left: 50%;
 	margin-left: -152px;	
  }
  
  .marcas-cadastradas .marcas img{
  	margin-left: 25px; 	
  }
  
  .front-menu-top {
  	margin-top: 10px;
  	display: block;
  }
  
  .front-menu-top ul{
   	margin: 0 -15px;
   	text-align: center;
  }
  
  .front-menu-top ul li{
  	display: block;
  	width: 100%;
  	height: 57px;
  	padding: 10px;
  	background: #ffffff;
  	border-bottom: 1px solid #f4f4f4;
  	font-size: 26px;
  }

  .front-menu-top ul li:hover{
  	background: #f4f4f4;
  }
  
  .front-top img {
  	position: relative;
  	left: 50%;
  	margin-left: -173px;
  } 
  
  .menu-links{
  	display: none;
  }
  
  .form-contato {
  	width: 100%;
  	margin: 30px 0 !important;
  }
  
  .login-usuario {
  	margin-top: 180px;
    left: 0;
    margin-left: 10px;
  }
/* Index */

	/* Menu Administração Distribuidor*/
	#ico-small-menu{
		display: block;
		margin-left: 0px;
		margin-top: -1px;
		margin-right: 3px;
	}

	.menu-adm-small{
		background: #f7f7f7;
		padding: 0;
		display: none;
	}

	.menu-adm-small	ul{
		text-align: center;
		width: 100%;
		margin: 0;
	}

	.menu-adm-small	ul a{
		height: 45px;
		padding-top: 5px;
		display: block;
		width: 100%;
		border-bottom: 1px solid #e5e5e5;
		color: #01549b;
	}

	.menu-adm-small	ul a li{
		margin-top: 3px;
		text-align: left;
		padding-left: 3px;
	}

	.menu-adm-small	ul a li:hover{
		background: none;
	}

	.menu-adm-small	ul a:hover{
		background: #dedede;
	}

	.adm-legenda .small-8 {
		margin-top: -10px;
		margin-left: 7px;
	}

	#btn-adm-menu-top{
		overflow: hidden;
		float: right;
		color: #025499;
		height: 30px;
		width: 85px;
		font-weight: bold;
		padding-left: 2px;
		padding-top: 2px;
		border-radius: 2px;
		background: #FFF;
	}

	#btn-adm-menu-top:hover{
		transition: 0.6s;
		width: 85px;
	}

	#endereco-localiza {
		font-size: 18px;

	}	

	#me-localiza{
		font-size: 18px;
	}

	.legenda-status {
		text-align: center;
		padding-bottom: 20px;
	}

	.table-pedidos thead tr th, 
    .table-pedidos tbody tr td{
	font-size: 14px !important;
    font-weight: 900;
  }
	
	.status-pedido {
		padding-left: 9px !important;
	    padding-top: 50px;
	}

	.status-pedido h4{
	    white-space: nowrap;	
		
	}

	.dados-entrega{
		padding-left: 9px !important;
	    padding-top: 50px;	
	}

	.dados-entrega h4{
		white-space: nowrap;	
	}


	#del-ped-modal, #sucesso-mod-ped{
		position: absolute;
		left:25%;
		top: 85%;
		height: 200px !important;
		padding-top: 40px !important;
		min-height: 25vh;
	}

	.fundo-pesquisa {	
		height: 430px;
	}

	.linha-distribuidor{
		text-align: center !important;
	}

	.content-distribuidores .small-11 {
		margin-left: 10px;
	}
	
	.li-pedido td p{
		font-size: 12px;
	}

}


/* telas com mais de 694px até 1024px*/
@media (min-width:694px) and (max-width: 1024px) {

  /*Index*/


  .front-pesquisa{
  	margin-top: 50px !important;
  }
  .cadastro-empresa {
    padding: 0 55px;
  }
  
  .ico-front{
  	padding-top: 0;
  	padding-left: 55px;
  }
  
  .row .info{
  	margin: 0;
  }
  
  #front-pc {	
 	position: relative;
 	left: 50%;
 	margin-left: -205px;	
 	margin-top: 0;
 	padding-bottom: 40px;
  }
  
  .marcas-cadastradas .marcas img{
  	margin-left: 90px; 	
  }
  
  .front-top img {
  	position: relative;
  	left: 50%;
  	margin-left: -173px;
  } 
  
  .front-menu-top {
  	background: #ffffff;
  	text-align: center;
  	height: 100px;
  	margin-top: 10px;
  }
  
  .front-menu-top ul{
  	margin-top: 35px;
  }

	.menu-links{
  	display: block;
  }
  /*Index*/

  /* Menu Administração Distribuidor*/
  .menu-adm-small{
  	display: none;
  }

  .menu-adm-links{
  	width: 650px;	
  	position: relative;
  	left: 50%;
  	margin-left: -325px;
  }
	
  .menu-adm-links ul li {
	width: 150px;
  }	

  .menu-adm-links ul li a{
	float: left;
  }	

   .menu-adm-links ul{
   	margin: 0;
   }

   .adm-legenda {
   	height: 100px;
   	text-align: center;
   	margin-top: 10px;
   	margin-bottom: 15px;
   }

   #img-adm-ico{
   	position: relative;
   	left: 35%;
   }

   .adm-top img{
	position: relative;
	left: 50%;
	margin-left: -184px;
   }

	.produtos-adm {
		margin: 0 50px;
	}


	.tabela-pedidos thead tr th, 
	.tabela-pedidos tbody tr td{
		text-align: center;
		font-size: 16px !important;
	}

}

/* telas com mais de 1024px*/
@media (min-width:1024px){
 .menu-links{
  	/*display: block;*/
  }

  .menu-adm-small{
  	display: none;
  }

  .produtos-adm {
		margin: 0 100px;
	}

	.status-pedido {
		padding: 32px !important;
	}

	.status-pedido h4 {
    padding: 3px 5px !important;
	}

	.conteudo-adm-usuario h5{
		border-top-left-radius: 0;
	}

}
/* telas com mais de 1024px*/

/*Fim Responsivo*/
.loading {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding-top: 20%;
    background: #666;
    position: fixed;
    color: white;
    font-weight: bold;
    z-index: 99999999;
    opacity: 0.8;
}

.loader {
    margin: 5em auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border: 1.1em solid #000;
    border-left: 1.1em solid #fff;
    background: #fff;
    -webkit-animation: loadcss 1.1s infinite linear;
    animation: loadcss 1.1s infinite linear;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 1em;
    height: 1em;
}

@-webkit-keyframes loadcss {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes loadcss {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes loadcss {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loadcss {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.button.bt_confirma .fa {
    float: left;
    font-size: 21px;
    line-height: 20px;
    margin-right: 8px;
    margin-top: -1px;
}
#tel_sms,#tel_whatsapp {
    float: left;
    width: 60%;
}

.sms-div.small-12.columns span , .whatsapp-div.small-12.columns span {
    float: left;
    margin-bottom: 20px;
    margin-top: -10px;
}
.sms-div.small-12.columns span i.fa-check-circle, .whatsapp-div.small-12.columns span i.fa-check-circle{
	color: #6fff00;
}
.sms-div.small-12.columns span i.fa-times-circle, .whatsapp-div.small-12.columns span i.fa-times-circle{
	color: #F00;
}

.off{
	display: none;
}

.box-validacao {
    float: left;
    margin-left: 48px;
    margin-top: -13px;
    width: 30%;
}

.box-validacao > input {
    float: left;
    height: 20px;
    margin-right: 5px;
    padding: 0 0.5rem;
  	width: 50%;
}


.box-paginacao
{
    text-align: center;
}

.box-paginacao ul
{
    list-style: none;
    margin: 0 auto;
    margin-top: 10px;
}

.box-paginacao ul li
{
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-size: 13px;
    color: #636363;
    font-style: normal;
    background: #fbfeff;
    padding: 3px;
    width: 24px;
    height: 23px;
    text-align: center;
    box-shadow: 1px 1px 1px #bdbdbd;
}

.no-height
{
	height: 0px !important;
}

.box-paginacao .hide{
	display: none;
}

.pagination-first
{
	width: 44px !important ;
}

.pagination-last
{
	width: 44px !important ;
}


.box-paginacao ul li.activePagination
{
	color: #b9b9b9;
}


@media(max-width: 420px){
    .tamFont{
     font-size: 12px;   
 }