.pos-relative {
	position: relative !important;
}

.left-unset {
	left: unset !important;
}

.top-unset {
	top: unset !important;
}

.default-btn > div{
	background-color: #153538 !important;
    border: none !important;
    border-radius: 100px;
    color: white;
}

/*****  REMOVER FUNDO NA TELA DE LOGIN  *****/
body > div.x-css-shadow {
   display: none;
}

/*****  HEADER INFO SAÚDE  *****/
.desktop.window-login .panelHeader td,
.desktop.main .panelHeader td	{
	background-color: #153538 !important;
	color: #fff !important;
	font-size: 18px;
	font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, sans-serif;
	line-height:1.3;
	border-bottom: 1px solid #153538;
}

/*****  TELA DE LOGIN  *****/

/*****  WINDOW  *****/
.desktop.window-login {
	width: 100% !important;
    height: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 0 !important;
	border: none !important;
	border-radius: unset !important;
	box-shadow: unset !important;
    background-color: rgba(0,0,0,0) !important;
}

.desktop.window-login > .x-window-bodyWrap,
.desktop.window-login > .x-window-bodyWrap > .x-window-body,
.desktop.window-login > .x-window-bodyWrap > .x-window-body > .x-window-item {
    width: 100% !important;
    height: 100% !important;
}

	/*****  HEADER INFO SAÚDE  *****/
	.desktop.window-login .panelHeader {
		position: relative !important;
	}
	
	.desktop.window-login .panelHeader > div > .x-panel-body {
		width: 100% !important;
	}
	
		/*****  BUTTON  *****/
		.desktop.window-login .panelHeader .btnHome {
			border: none;
			background-image: none;
			background-color: #fff;
		}

		.desktop.window-login .panelHeader .btnHome > :first-child {
			outline: none !important;
		}

		.desktop.window-login .panelHeader .btnHome .x-btn-inner {
			font-size: 15px;
			color: #153538 !important;
		}

		.desktop.window-login .panelHeader .btnHome:hover .x-btn-inner {
			color: rgba(0, 0, 0, 0.7) !important;
		}

	/*****  PAGE CONTROL LOGIN  *****/
	.desktop.window-login > .x-window-bodyWrap > .x-window-body > .x-window-item > .x-panel-bodyWrap > .x-panel-body {
		width: 100% !important;
		height: calc(100% - 133px) !important;
		border: none;
		top: unset !important;
	}
	
	.desktop.window-login .pageControl > .-bodyWrap {
		height: 100% !important;
	}
	
	.desktop.window-login .pageControl > .-bodyWrap > .-body,
	.desktop.window-login .pageControl > .-bodyWrap > .-body > .x-panel {
		width: 100% !important;
		height: 100% !important;
	}
	
	.desktop.window-login .pageControl > .-bodyWrap > .-body > .x-panel > div > .x-panel-body {
		width: 100% !important;
		height: 100% !important;
		border: none !important;
	}

		/*****  TAB SHEET INICIAL  *****/
		.desktop.window-login .ts > div > .x-panel-body {
			width: 100% !important;
			height: 100% !important;
		}

		.desktop.window-login .ts > .x-panel-bodyWrap > .x-panel-body > div > .x-autocontainer-innerCt {
			display: flex;
			/*align-items: center;
			justify-content: center;*/
			overflow: auto;
			/*position: relative !important;*/
		}

		.desktop.window-login .tsPanel > .x-panel-bodyWrap {
			display: flex;
			flex-flow: column;
			overflow: auto !important;
		}

		.desktop.window-login .tsPanel > div > label {
			position: relative !important;
		}

		.desktop.window-login .tsPanel > div > .x-panel-body {
			width: 100% !important;
			flex-grow: 1;
			top: unset !important;
			min-height: 255px;
		}
		
		.desktop.window-login .tsPanel > div > .x-panel-body > div > .x-autocontainer-innerCt {
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
			/*****  PANEL WITH IMAGES  *****/
			.desktop.window-login .ts .tsPanel .panelTs {
				top: unset !important;
				left: unset !important;
			}
			
			.desktop.window-login .ts .tsPanel .panelTs .figAnimation {
			   transition: 0.3s;
			}

			.desktop.window-login .ts .tsPanel .panelTs .figAnimation:hover {
			   transform: scale(1.15);
			}

		/*****  TAB SHEET LOGIN  *****/
		.desktop.window-login .ts .panelLogin {
			position: relative !important;
			left: unset !important;
			top: unset !important;
			margin: auto !important;
		}

			/*****  PANEL WITH FIELDS  *****/

				/*****  FIELDS  *****/
				.desktop.window-login .ts .panelLogin .editTsLogin > label {
					margin-top: 0;
					vertical-align: middle;
					color: blue;
				}

				.desktop.window-login .ts .panelLogin .editTsLogin > div> .x-form-trigger-wrap {
					border-radius: unset;
				}

				.desktop.window-login .ts .panelLogin .editTsLogin > div > div > .x-form-text-wrap {
					border-radius: 3px;
				}

				.desktop.window-login .ts .panelLogin .editTsLogin i {
					color: #153538 !important;
				}

				.desktop.window-login .ts .panelLogin .editTsLogin input {
					padding: 3px 6px !important;
					color: #153538 !important;
				}

				/*****  CHECKBOX  *****/
				.desktop.window-login .ts .checkBoxLogin > div input {
					cursor: pointer;
				}

				.desktop.window-login .ts .checkBoxLogin > div label {
					color: #153538 !important;
					cursor: pointer;
				}

				.desktop.window-login .ts .checkBoxLogin > div label:hover {
					color: rgba(0, 0, 0, 0.7) !important;
				}

				/*****  LABELS  *****/
				.desktop.window-login .ts .labelLogin .labelContent {
					color: #153538 !important;
					cursor: pointer;
				}

				.desktop.window-login .ts .labelLogin .labelContent:hover {
					color: rgba(0, 0, 0, 0.7) !important;
				}

	/*****  RODAPÉ TELA LOGIN  *****/
	.desktop .panelFigBottom {
		top: unset !important;
		width: 100% !important;
		height: 74px !important;
	}

	.desktop .panelFigBottom .x-panel-body	 {
		width: 100% !important;
		height: 74px !important;
	}

	.desktop .panelFigBottom .x-autocontainer-innerCt {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		height: 74px !important;
		flex-flow: row-reverse;
	}

	.desktop .panelFigBottom .figBottom {
		position: relative !important;
		top: unset !important;
		left: unset !important;
		transition: 0.3s;
	}

	.desktop .panelFigBottom .figBottom:hover {
		transform: scale(1.15);
	}


/*****  TELA MAIN  ******/
.desktop.main > div > div.x-autocontainer-innerCt {
	display: flex !important;
}

legend {
    width: unset;
	margin-bottom: 0;
}

	/*****  AVATAR  *****/
	.desktop.main .box-avatar > div > div.x-panel-body {
		background-color: transparent !important;
	}

	.desktop.main .box-avatar .fixed-item .profile-item {
		width: 59px;
		height: 59px;
	}

	.desktop.main .box-avatar span {
		font-family: Roboto;
	}


/***********************************************************************/
/* outros CSS - Dimas */
/***********************************************************************/

/* Os buttons superior: Novo, Alterar, Excluir, Imprimir usam esta cor */
.btn_Menu {
   /* text-align: left !important */
   color: rgb(0,0,255); /* Azul de fundo */
	font-size:12px; 
	font-family:Arial;
	font-weight:normal;
	/* -moz-border-radius:8px; */
	/* -webkit-border-radius:8px; */
	/* border-radius:8px; */
	border:1px solid #dcdcdc;
	/* padding:4px 4px; */ /* 6 6 - A ordem de declaração dos espaçamentos é: superior, direito, inferior e esquerdo. */
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background-color:#ededed;
	display:inline-block;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}.btn_Menu:hover {
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background-color:#dfdfdf;
}.btn_Menu:active {
	position:relative;
	top:1px;
}


.x-form-text-wrap,
input[type="text"], input[type="password"]  {
    border-radius: 6px !important; 
    border:0px;
}

.x-form-text-wrap  { 
    box-shadow: 1px 1px 4px #CCCCCC; /* sombra do edit */
}

/* não é classe, portanto não use ponto no início */
input[type="text"]/* edit normal */, 
input[type="password"] /* edit PasswordChar*/  {
    padding: 4px !important; /* espaçamento interno do edit - opcional */
    border: 1px #CCC solid; /*cor da borda do edit */
    color:#000; /* cor do texto do edit - opcional */
    background: #FFF; /* cor de fundo, browser compatibility - opcional */
    background-color: #FFF; /* cor de fundo - opcional */
}

/* ao receber o foco */
input[type="text"]:focus, input[type="password"]:focus {
    color:#000; /* cor do texto - opcional */
    border: 1px orange solid;/* cor teste da borda */
    background: rgb(253, 237, 209); /* cor teste de fundo, browser compatibility - opcional  */
    background-color: rgb(253, 237, 209); /* cor  teste de fundo - opcional  */
}
/******************************************************/

/**/