.ContornoLogin{
    /*box-shadow: inset 0 0 1em gold, 0 0 1em black;*/
    border-radius: 20px;
}


.BotaoLogin{
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
}

.FieldUsuario{
    border-radius: 10px;
    border: solid 0px red !important;
    padding-left: 45px !important;
    padding-right: 8px !important;
    background-color: #E9E9E9 !important;	
}

.FieldUsuario .x-form-trigger-wrap-default{
	border: solid 0px red !important;
}

.FieldUsuario:hover .x-form-trigger-wrap-default{
	border: solid 0px red !important;
}

.FieldUsuario .x-form-text-default {
	background-color: transparent !important; 
}

.IconeFieldLogin{
    background-color: #E9E9E9 !important; 
    font-size: 20px;
}

/*  Formulario*/
.x-window-default {
	border: solid 0px black;
	border-radius: 0px;
}
/*  Formulario*/

.x-segmented-button-last .x-btn-inner-default-toolbar-small {
	background-image: url("/files/imagens/grid/page-next.png");
	color: transparent;
}

.x-btn-wrap-default-toolbar-small  {
	padding: 8px;
}

.x-segmented-button-first .x-btn-inner-default-toolbar-small {
	background-image: url("/files/imagens/grid/page-prev.png");
	color: transparent;
}

.effectPanelIcone {
	color: #fff !important;
	font-size: 36px !important;
	top: 5px !important;
}



/*
x-panel-body x-panel-body-default x-abs-layout-ct x-panel-body-default x-docked-noborder-top x-docked-noborder-right x-docked-noborder-bottom x-docked-noborder-left hoverpanel
*/

.effectSimplesPanel {
	border: solid 1px blue;
	padding: 5px !important;	
}

.effectSimplesPanel:hover {
	padding: 0px !important;	
	
	box-shadow: 5px 5px 10px #0076a3  !important;
	-webkit-box-shadow: 5px 5px 10px #0076a3  !important;
	-moz-box-shadow: 5px 5px 10px #0076a3  !important;		
}

.effectPanelBarra {
	height: 100% !important;
	background-color: rgba(51, 51, 51, 0.05) !important;
}

.effectPanelBarra2 {
	margin: 0px !important;
}

.effectPanel .x-autocontainer-outerCt {
	background-color: green;
	width: 100% !important;
	height: 100% !important;
	box-shadow: 5px 5px 10px #0076a3  !important;
	-webkit-box-shadow: 5px 5px 10px #0076a3  !important;
	-moz-box-shadow: 5px 5px 10px #0076a3  !important;		
}

.effectPanel2 {
	animation: go-back 1s;
	margin: 0px !important;		
	transform: scale(1) !important;
}

@keyframes go-back {
	0% {
		transform: translateX(100px);
	}
	100% {
		transform: translateX(0);
	}
}

.effectPanel2:hover {
	transform: scale(1.04) !important;
	box-shadow: 5px 5px 8px #a6a6a6 !important;
	-webkit-box-shadow: 5px 5px 8px #a6a6a6 !important;
	-moz-box-shadow: 5px 5px 8px #a6a6a6 !important;	
}


.effectPanel .x-abs-layout-ct{
	background-color: transparent !important;
	/*padding: 5px !important;	*/
}

.effectPanel:hover{
	margin: 0px;
	padding: 0px !important;
	width: 100% !important;
	height: 100px !important;
	background-color: red;
	/*border: solid 1px black;	
	margin: 0px !important;	
    box-shadow: 5px 5px 10px #0076a3  !important;
	-webkit-box-shadow: 5px 5px 10px #0076a3  !important;
	-moz-box-shadow: 5px 5px 10px #0076a3  !important;	*/
}

/*
.effectPanel .x-autocontainer-outerCt {
	margin: 5px !important;	
	background-color: green;
	border: solid 0px black;
    box-shadow: 5px 5px 10px #0076a3  !important;
	-webkit-box-shadow: 5px 5px 10px #0076a3  !important;
	-moz-box-shadow: 5px 5px 10px #0076a3  !important;		
}

.effectPanel .x-abs-layout-ct{
	background-color: yellow !important;
	margin: 5px !important;	
	height: height + 10px;
}

.effectPanel:hover .x-autocontainer-outerCt {
	margin: 0px !important;
	border: solid 1px black;
	background-color: red;
    box-shadow: 5px 5px 10px #0076a3  !important;
	-webkit-box-shadow: 5px 5px 10px #0076a3  !important;
	-moz-box-shadow: 5px 5px 10px #0076a3  !important;	
}*/