/*
Utilizado z-index: 0 para radio buttons e check box devido ao uso do "JQuery DatePicker".
O "JQuery DatePicker" é criado com z-index: 1.  Se isto não for feito, radio button e check boxes ficam "por cima" do calendário, ou seja: cortam-o
Ivano - 09/06/2015
*/

/*.ui-radio, .ui-checkbox
{
  z-index: 0;
}*/

/*
Atenção:
O problema citado acima com o "JQuery DatePicker" havia sido resolvido com ".ui-radio" e ".ui-checkbox".
Optei por não mexer com CSS de radios e check boxes, já que consegui abaixo direto com ".ui-datepicker".
Caso precise voltar, basta comentar ".ui-datepicker" e descomentar ".ui-radio" e ".ui-checkbox".
Ivano - 12/06/2015
*/

.ui-datepicker
{
width: 17em;
padding: .2em .2em 0;
font-family: Verdana, Calibri, Arial;
font-size: 14.5px;
position: relative;
z-index: 9999 !Important;

/*
Se tirar acima o "!Important", deixa de funcionar. Comentário abaixo:
Dont Forget to Add !Important. This overrides any inline styling which is added by the javascript.
*/
}

.centered
{
text-align: center; 
}

.font-xx-small
{
font-size: xx-small;
}

.font-x-small
{
font-size: x-small;
}

.font-small
{
font-size: small;
}

.pbBordas30px
{
border-radius: 30px !important;
}

.imglogohip
{
height: 41px;
width: 200px;
position: absolute;
bottom: 8px;
right: 16px;
font-size: 18px;
}

.imglogohipphone
{
height: 33px;
width: 160px;
position: absolute;
bottom: 8px;
right: 16px;
font-size: 18px;
}


.userlastacess
{
width: 280px;
position: absolute;
top: 2px;
right: 0px;
}

.userlastacessphone
{
width: 250px;
position: absolute;
top: 2px;
right: 0px;
}

.Tablet_LG_BotaoLogin
{																																																																																																																																																																																																																																																																																																												
width:250px;
margin-left: auto;
margin-right: auto;
}

.Tablet_LG_IMG_Logo
{																																																																																																																																																																																																																																																																																																												
width:250px;
margin-left: auto;
margin-right: auto;
}

.Tablet_IMG_Logo
{
width: 200px;
height: 91px;
position: static;
}

.Tablet_Login_UserAndPWD
{																																																																																																																																																																																																																																																																																																												
width:250px;
margin-left: auto;
margin-right: auto;
}

.Tablet_BotaoLogin
{																																																																																																																																																																																																																																																																																																												
width:80px;
margin-left: auto;
margin-right: auto;
position: absolute;
border-radius: 30px !important;
}

/*
Utilizado em campos de list views quando deseja-se que, ao diminuir a largura no browser, o conteúdo do campo vá para a linha abaixo ao invés de encavalar com outros....
*/
.white-space-pre-wrap
{
white-space: pre-wrap;
}

.listimg_listapedidos
{
	height: 24px;
	width: 24px;
}

.listimg_listapedidosphone
{
	height: 16px;
	width: 16px;
}

.bordas20px
{
border-radius: 20px !important;
}