.PedidoReprovado{color:red;}
.PedidoReprovado a {color:red;}

.PedidoAprovado {color:Blue;}
.PedidoAprovado a {color:Blue;}

.VisitaTransito {color:Blue;}


.Roteiro 
{
	background-color:#6699cc;
	padding:10px 10px 10px 10px;
	height:200px;
	color:Black;
	font-weight:bold;
	clear:both;

}

.Roteiro label
{
	color:Gray;
}


.LinkLimpar
{
	float:right;
	color:#666666;
	vertical-align:bottom;
	margin-right:5px;
}

.Roteiro span
{
	float:left;
	margin-left:5px;
}

.PanelDia
{
	background-color:#D1DDF1;
	height:180px;
	width:32%;
	float:left;
	margin-right:2px;
	color:Black;
}
.PanelMes
{
	background-color:#EFF3FB;
	height:180px;
	width:32%;
	float:left;
	margin-right:2px;
	color:Black;
}
.PanelDiaSemana
{
	background-color:#DEE8F5;
	height:180px;
	width:33%;
	float:left;
	margin-right:2px;
	color:Black;
}

.Teste
{
	background-color:#333333;
}



.VerRoteiro
{
	background-color:#6699cc;
    font-family: "Roboto", sans-serif;
	color:White;
	font-size:x-small;
	text-align:left;
}

.VerRoteiro table
{
	color:White;
	width:95%;
}


.PaginateControl
{
	background-color:#White;
	margin-top:10px;
	padding: 10px 10px 7px 20px;
	margin-bottom:5px\9;
    font-family: "Roboto", sans-serif;
	color:#898989;
	font-weight:bold;
	font-size:x-small;
	text-align:rigth;
	width:100%;
	width:99%\9;

}

#divLojasRoteiro 
{
	background-color:#6699cc;
	margin-top:10px;
	padding: 10px 10px 10px 20px;
	color:White;
	font-size:x-small;
	text-align:left;
}

#divLojasRoteiro table
{
	/*background-color:White;*/
}

#divLojasRoteiro td
{
	padding: 5px 5px 5px 5px;
}


#divLojasRoteiro #tdProcurar
{
	background-color:#DEE8F5;
	width:33%;
	margin-right:2px;
	vertical-align:top;
}

#tdProcurar input
{
	float:left;
	vertical-align:middle;
	margin-top: 4px; 
	margin-bottom: 4px; 
    font-family: "Roboto", sans-serif; 
	font-size:xx-small; 
	text-transform:uppercase;
	width:150px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	margin-right:10px;
	
}

#divLojasRoteiro #tdListaLoja
{
	background-color:#DEE8F5;
	width:32%;
	margin-right:2px;
	vertical-align:top;
	height:200px;
}

#tdListaLoja div
{
	height:300px;
	overflow:auto;
}

.imgBtnAdd
{
	border:0;
}

/***************** TELA DE HORARIO DE FUNCIONAMENTO ****************/

#tblAddHorario td
{
    color:White;
    font-weight:bold;
}


/***************** BOX PESQUISA LISTA PRODUTOS *********************/
#AdicionarProdutoPesquisa
{
	background-color:#2461BF;
	margin-top:10px;
	font-family: "Roboto", sans-serif;
	color:White;
	font-size:x-small;
	text-align:left;
	clear:both;

}

#AreaProdutoPesquisa
{
	width:48%;
	background-color:#507CD1;
	border-color:#2461BF;
	border-style:solid;
	border-width:thin;
	margin-top:10px;
	padding: 10px 10px 10px 10px;
	color:White;
	font-size:x-small;
	text-align:left;
	clear:both;
	margin-bottom:20px;
	float:left;
	height:290px;
}

#AdicionarProdutoPesquisa table
{
	width:100%;
	color:White;
}
#AdicionarProdutoPesquisa td
{
	width:33%;
}
#AdicionarProdutoPesquisa select
{
	width:90%;
}
#AdicionarProdutoPesquisa input
{
	float:right;
}
#AreaProdutoPesquisa h4
{
	margin-bottom:4px;
}


#AreaProdutoPesquisa .ListaItens
{
	height:285px;
}

#AreaProdutoPesquisa .ListaItens div
{
	overflow:auto;
	height:285px;
}

/***************** BOX PERGUNTA LISTA PRODUTOS *********************/

#AreaRespostasPergunta
{
	width:48%;
	background-color:#507CD1;
	border-color:#2461BF;
	border-style:solid;
	border-width:thin;
	margin-top:10px;
	padding: 10px 10px 10px 10px;
    font-family: "Roboto", sans-serif;
	color:White;
	font-size:x-small;
	text-align:left;
	clear:both;
	margin-bottom:20px;
	float:left;
	height:468px;
}


#AdicionarProdutoPergunta
{
	background-color:#2461BF;
	margin-top:10px;
	color:White;
	font-size:x-small;
	text-align:left;
	clear:both;

}

#AreaProdutoPergunta
{
	width:48%;
	background-color:#507CD1;
	border-color:#2461BF;
	border-style:solid;
	border-width:thin;
	margin-top:10px;
	padding: 10px 10px 10px 10px;
    font-family: "Roboto", sans-serif;
	color:White;
	font-size:x-small;
	text-align:left;
	clear:both;
	margin-bottom:20px;
	float:right;
	height:468px;
}

#AdicionarProdutoPergunta table
{
	width:100%;
	color:White;
}
#AdicionarProdutoPergunta td
{
	width:25%;
}
#AdicionarProdutoPergunta select
{
	width:90%;
}
#AdicionarProdutoPergunta input
{
	float:right;
}
#AreaProdutoPergunta h4
{
	margin-bottom:4px;
}


#AreaProdutoPergunta .ListaItens
{
	height:335px;
}

#AreaProdutoPergunta .ListaItens div
{
	overflow:auto;
	height:335px;
}

/***************** BOX PROMOTOR LISTA PRODUTOS *********************/


#AdicionarProdutoPromotor
{
	background-color:#2461BF;
	margin-top:10px;
	color:White;
	font-size:x-small;
	text-align:left;
	clear:both;

}

#AreaProdutoPromotor
{
	width:100%;
	background-color:#507CD1;
	border-color:#2461BF;
	border-style:solid;
	border-width:thin;
	margin-top:10px;
	padding: 10px 10px 10px 10px;
	color:White;
	font-size:x-small;
	text-align:left;
	clear:both;
	margin-bottom:20px;
	float:right;
	height:268px;
}

#AdicionarProdutoPromotor table
{
	width:100%;
	color:White;
}
#AdicionarProdutoPromotor td
{
	width:33%;
}
#AdicionarProdutoPromotor select
{
	width:90%;
}
#AdicionarProdutoPromotor input
{
	float:right;
}
#AreaProdutoPromotor h4
{
	margin-bottom:4px;
}

#AreaProdutoPromotor .ListaItens
{
	height:135px;
}

#AreaProdutoPromotor .ListaItens div
{
	overflow:auto;
	height:135px;
}



/***************** BOX CLIENTE VENDEDOR *********************/
#AdicionarVendedor
{
	background-color:#6699cc;
	margin-top:10px;
    font-family: "Roboto", sans-serif;
	color:White;
	font-size:x-small;
	text-align:left;
	clear:both;
	height:40px;
}


#AdicionarVendedor h4
{
	margin-bottom:4px;
}

#AdicionarVendedor select
{
	float:left;
}

#AdicionarVendedor input
{
	float:left;
}


#ListaVendedores .ListaItens
{
	height:200px;
}

#ListaVendedores .ListaItens div
{
	overflow:auto;
	height:200px;
}

/***************** BOX PESQUISA LISTA SEGMENTOS *********************/
#RoteiroPeriodo
{
	width:100%;
	background-color:#507CD1;
	border-color:#2461BF;
	border-style:solid;
	border-width:thin;
	margin-top:10px;
	padding: 10px 10px 10px 10px;
}

#RoteiroPeriodo h4
{
    color:White;
}

#RoteiroPeriodo table
{
    background-color:white;
}

#RoteiroPeriodo table td
{
    text-align:center;
}


.Roteiro_Dia
{
    background-color:white;
    writing-mode: tb-rl; filter: flipH() flipV();
}

.Roteiro_Loja
{
    background-color:#DEE8F5;
}

.1Roteiro_lojaAlt
{
    /*background-color:#BED4DE;*/
}

.Roteiro_LojaDiaAlt
{
    background-color:#759EB3;
    /*border: solid 1px black;*/
    
}

.Roteiro_LojaDia
{
    background-color:#ACC1D1 /*97CBE6; 6D93A6; MUDAR*/ 
    /*border: solid 1px black;*/
}

.Roteiro_DiaAlt
{
    background-color:#759EB3;
    writing-mode: tb-rl; filter: flipH() flipV();
    /*border: solid 1px black;*/
    color:White;
}

.Roteiro_LojaHeader
{
    background-color:#759EB3;
    color:White;
    font-weight:bold;
}


/*************************  TELA DE CLIENTES **************************/


.EditArea .divEditArea #trCliente .tdField
{
    width:100%;
}




/********************************* TELA DE VISITA ********************************/

.ListaPedidos
{
    background-color:White;
}

.ListaPedidos .Pedido
{
	border:1px #CDCECF solid;	
    margin-bottom:10px;
    width:100%;
    color:White;
}

.ListaPedidos .Pedido .divHeader
{
	background-color:#CDCECF;
	color:#000000;
	height:18px;
	width:100%;
	padding:2px 2px 2px 2px;
}
.ListaPedidos .Pedido .bloco
{
	padding:2px 2px 2px 5px;
}

.ListaPedidos .Pedido .divHeader .tdFieldHeader {font-size:12px;}
.ListaPedidos .Pedido .divHeader .tdField {font-size:12px;font-weight:bold;}
.ListaPedidos .Pedido .divHeader .tdField a {font-size:12px;font-weight:bold;color:black;}
.ListaPedidos .Pedido .bloco .tdFieldHeader {padding-top:2px;padding-bottom:2px;}
.ListaPedidos .Pedido .bloco .tdField {font-weight:bold;padding-top:2px;padding-bottom:2px;}

.ListaPedidos .Pedido .ItensPedido
{
    width:100%;
}

/**************************************************** RECADOS *******************************************/

#divNovoRecado
{
	background-color:#D8D8D8;
	border-style:none;
    margin-bottom:10px;
    width:98%;
    width:100%\9;
    color:#898989;
    padding:9px 9px 9px 9px;
    
}

#divNovoRecado .Destinatario
{
    float:left;
    width:300px;

}

#divNovoRecado .Destinatario select
{
    width:300px;
}


#divNovoRecado .BotaoEnviar
{
    clear:both;
    float:right;
}

#divNovoRecado .Mensagem
{
    margin-top:22px;
}


.Reprovacao
{
    background-color:#507CD1;
    height:80px;
}

.Reprovacao input
{
    float:right;
}

.figure
{
	display:inline-block;
	margin:0px;
	width:350px;
	height:350px;
	background-color:#FCFCFC;
	border:2px #CCCCCC solid;
    margin:0px 8px 8px 0px;
    text-align:center;
    vertical-align:middle;
}

  
/******************************************* IMAGE UPLOADER ****************************************************/

.ImageUploader {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; WIDTH: 171px; PADDING-RIGHT: 10px; MARGIN-BOTTOM: 10px; MARGIN-LEFT: 29px; PADDING-TOP: 1px;float:left;
}
.ImageUploader .normal {
	FILTER: alpha(opacity=100); WIDTH: 150px; opacity: 1;
	border:2px #ABADB3 solid;
}
.ImageUploader .troca {
	FILTER: alpha(opacity=30); WIDTH: 150px; opacity: 0.3
}

.ImageUploader img
{
	border:1px #FACB01 solid; WIDTH: 150px;
	border-color:#FACB01;
	border-width:1px !Important;
}

.ImageUploader .ImagemTrocar
{
	 width:150px;
}

.ImageUploader .ImagemTrocar input
{
	width:73px;
	height:27px;
	margin-bottom:2px;
	background-color:#9D0F17;
	border:2px #681A13 solid;	
	color:#FFFFFF;
	padding-bottom:3px;
}

.btn_edit_cancel
{
	width:50%;
	width:52%\9;
	color:#0C7EA3;
	float:left\9;
	border-right:1px #AABDD4 solid;
}

.btn_edit_ok
{
	color:#ffffff;
	cursor:pointer;
	background:#9D0F17;
	height:28px; 
	width:150px;
	border:2px #681A13 solid;
	margin-top:3px;
	margin-bottom:2px; 
	margin-bottom:0px\9;
}


.ImageUploader #SpanUpload
{
	 display:none;width:150px;background-color:Gray;
}

.bt_sel_img{
	background:#CCC;
	color:#9D0F17;
	cursor:pointer;
	height:28px; 
	width:150px; 
	margin-bottom:2px; 
	margin-bottom:0px\9;
}