@charset "utf-8";

/* LAYOUT PADRÃO */
body {
	margin:0px;
	padding:0px;
	font-size:18px;
	background-color:#e4e4e4;
}

.topo{
	position:relative;
	overflow:hidden;
	margin:0px;
	padding:0px;
	min-width:380px;
	background-color:#FFF;
	z-index:999;
}

.logo {
	position:relative;
	display:block;
	float:left;
	width:210px;
	height:90px;
}
.selo_inca{
	position:relative;
	display:inline-block;
	top:0px;
	width:154px;
	height:80px;
	float:right;
}

img.loader-float {
	float: right;
}

.espacamento-8, .espacamento-15{
	display:inline-block;
	width:8px;
	height:1px;
}
.espacamento-15{
	width:15px;
}

select{
	cursor:pointer;
}

.btn-group2 {
    padding-top: 7px !important;
    padding-bottom: 8px !important;
}

/* FAIXA LOGIN */
#faixa_login{
	position:relative;
	background-color:#9a9a9a;
	min-height:40px;
	box-shadow: 0px 0px 4px #888888, inset 0px 1px 3px rgba(255,255,255,0.6); /*top internal highlight*/
	padding-bottom:1px;
	z-index:998;
    overflow-y: hidden;
}

#formCadastro:tabNotificacao .ui-tabs-panel{
	padding: 0px;
}

#faixa_login .form-group {
	padding-top:6px;
	padding-left:6px;
	padding-right:8px;
}

#faixa_login .msg_login{padding-top:14px;padding-left:45px;}
#faixa_login .bts_usuario {
	padding-top:8px;
	padding-bottom:4px;
}
.msg_login .nome_usuario{
	margin-right:10px;
	color:#fdf4a8;
}
.msg_login .nao_e_voce{
	display:inline-block;
	font-size:16px;
	font-weight:normal;
	color:#FFFFFF;
}

#faixa_login label {
	position:relative;
	top:2px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:300;
	color:#FFF;
	margin-right:3px;
}

#faixa_login .nao_e_voce a{
	color:#FFF;
	text-decoration:none;
	border-bottom:1px solid #FFFFFF;
}
#faixa_login .nao_e_voce a:hover{
	border-bottom:1px solid #4249c7;
}

.campo_login{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#e4e4e4;
	border-radius:4px;
	height:26px;
	padding-left:8px;
	color:#605f5d;
}

#faixa_login .grp-esqueceu span {
	display:inline-block;
	margin-left:4px;
	color:#FFF;
	font-size:12px;
}

.cadastrese{
	position:relative;
	float:right;
}

.glyphicon-menu-hamburger{
	font-size:24px;
}

/* FAIXA LOGADO */
#faixa_login.logado{
	background-color:#77c259;
	font-weight:bold;
	color:#FFF;
}

#faixa_login .ativado{
	position:absolute;
	display:block;
	top:5px;
	left:3px;
	padding:8px;
	cursor:pointer;
}

/* HOME (Apresentação e Tiles) */
.publico, .home, .modulo, .modulo-popup {
	margin-left:auto;
	margin-right:auto;
}

.apresentacao{
	margin-top:10px;
	font-size:14px;
	text-align:justify;
	line-height:18px;
	background-color:#FFF;
	color:#605f5d;
	padding:0px;
	box-shadow: 0px 2px 4px #CCC; /*top internal highlight*/
}
.apresentacao .intro, .apresentacao .escondido{
	padding-left:12px;
	padding-right:12px;
	padding-bottom:12px;
}
.apresentacao h3{
	font-size:18px;
	font-weight:bold;
	margin-top:12px;
	margin-bottom:0px;
}
.apresentacao h3 span{
	color:#9e2920;
}
.apresentacao .abrir-vertical{
	background-color:#e4e4e4;
	text-align:center;
	cursor:pointer;
}
.apresentacao .escondido{
	display:none;
}

.tiles, .tela_modulo{
	margin:0px;
	margin-top:22px;
	padding:0px;
	list-style:none;
}
.tela_modulo{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.tiles li, .tela_modulo li{
	background-color:#FFF;
	color:#605f5d;
	font-size:18px;
	line-height:22px;
	margin-left:0px;
	margin-bottom:35px;
	width:100%;
	padding:15px;
	vertical-align:top;
	box-shadow: 0px 2px 4px #CCC; /*top internal highlight*/
}
.tela_modulo .row-fluid{
	margin-left:-15px;
}
.tela_modulo li .col-sm-6{
	padding-right:0px;	
}

.publico .tiles a:hover li{
	background-color:#e3e4f7;
}

.tiles li .ico, .tiles .verso .ico, .tela_modulo .ico{
	float:left;
	display:inline-block;
	background-color:#9a9a9a;
	margin-right:10px;
	margin-bottom:15px;
	padding:0px;
	width:70px;
	min-height:70px;
}
.tela_modulo .ico img{
	background-color:#4249c7;
}
.tiles li .ico img, .tiles .verso .ico img{
	width:70px;
	height:70px;
}
.publico .tiles a:hover li .ico{
	background-color:#4249c7;
}

.tiles li h3, .painel h3, .tela_modulo li h3{
	margin:0px;
	display:inline-block;
	color:#9e2920;
	font-size:24px;
}
.tiles li p{
	margin:0px;
}
.tiles .verso {display:inline-block;width:100%;}
.tiles .verso .ico, .tiles .verso h3, .tiles .verso p{display:none;}


.tiles .verso .row-fluid{
	margin-top:10px;
	margin-left:-15px;
}
.tiles .verso .col-sm-6, .tiles .verso .col-sm-12, .tiles .verso .col-sm-4, .tiles .verso .col-sm-2, .tela_modulo .col-sm-6, .tela_modulo .col-sm-4, .tela_modulo .col-sm-3{
	padding-right:0px;
	margin-bottom:8px;
}
.tiles .verso a, .tela_modulo a{
	color:#FFFFFF;
	display:block;
	width:100%;
	height:36px;
	font-size:22px;
	padding-top:6px;
	padding-left:6px;
	background-color:#9a9a9a;
	text-decoration:none;
}
.tiles .verso a:hover, .tela_modulo a:hover{
	background-color:#4249c7;
}

.row-tumor-1 {
	color: navy !important;
}

.row-tumor-2 {
	color: red !important;
}

.row-tumor-3 {
	color: green !important;
}

.row-seguimento-invalido {
	color: red !important;
}

.no-padding {
	padding: 0px;
}

.row-destaque{
   color: black !important;
   background-color:#A0A0A0;
   background-image:none;
}

.status-cep {
	background:none !important;
	border:none !important;
	font-weight: bold;
}
.status-cep-ok {
	color: #3c921a !important;
}

.status-cep-si {
	font-style: italic;
}

.status-cep-erro {
	color: #c74242 !important;
}

/* MENU */
#menu{
	position:absolute;
	top:-500px;
	list-style:none;
	padding:0px;
	margin:0px;
	padding-left:10px;
	padding-top:10px;
	color:#605f5d;
	width:230px;
	background-color:#cfcfcf;
	z-index:100;
	box-shadow: 0px 0px 6px #AAA; /*top internal highlight*/
}
#menu a{color:#605f5d;text-decoration:none;}
#menu li{margin-bottom:8px;}
#menu li img{
	width:35px;
	height:35px;
	margin-right:6px;
	background-color:#9a9a9a;
}
#menu li:hover img{
	background-color:#4249c7;
}

/* Component PrimeFaces de listagem */
.componente{
	background-color:#CCC;
	box-shadow: 0px 2px 4px #CCC; /*top internal highlight*/
}

.componente .ui-widget-content{
	font-size:12px;
	color:#333333;
	border:1px solid #dbdbdb;
}
.componente .ui-datatable-odd{
	background-color:#ebebeb;
}
.componente .ui-datatable-tablewrapper{
	overflow-x:hidden !important;
}
.componente .titulo{
	background-color:#cccccc;
	color:#333333;
	text-align:center;
	padding-top:3px;
	height:26px;
	border-bottom:1px solid #FFFFFF;
}
.componente .btn-sm{
	padding:0px;
	padding-left:3px;
	padding-right:3px;
	height:auto;
}
.componente .ui-paginator{
	background-color:#cccccc;
	border-bottom:1px solid #FFFFFF;
}
.componente .ui-paginator.ui-paginator-bottom{
	border:none;
}
.componente .ui-paginator-pages{
	margin-left:15px;
	margin-right:15px;
}
.componente .ui-state-default.ui-column-title{
	border:none;
}
.componente .ui-paginator .ui-state-default{
	background-color:#4249c7;
}
.componente .ui-paginator .ui-state-default:hover{
	background-color:#5962ff;
}

.componente th.ui-state-default{
	font-size:14px;
	text-align:left;
	background-color:#cccccc;
	color:#333333;
	border-right:1px solid #FFF !important;
}

.componente .sub-datatable table th.ui-state-default{
	font-size:11px;
	text-align:left;
	background-color:#cccccc;
	color:#333333;
	border-right:1px solid #FFF !important;
}

.componente .sub-datatable table .ui-widget-content{
	font-size:11px;
}

.componente .w-25{
	width:25px !important;
	overflow:hidden;
}

.componente .w-30{
	width:30px !important;
	overflow:hidden;
}

.componente .w-40{
	width:40px !important;
	overflow:hidden;
}

.componente .w-60{
	width:60px !important;
	overflow:hidden;
}

.componente .w-65{
	width:65px !important;
	overflow:hidden;
}

.componente .w-80{
	width:80px !important;
	overflow:hidden;
}

.componente .w-90{
	width:90px !important;
	overflow:hidden;
}

.componente .w-100{
	width:100px !important;
	overflow:hidden;
}

.componente .w-105{
	width:105px !important;
	overflow:hidden;
}

.componente .w-115{
	width:115px !important;
	overflow:hidden;
}

.componente .w-120{
	width:120px !important;
	overflow:hidden;
}

.componente .w-140{
	width:140px !important;
	overflow:hidden;
}

.componente .w-160{
	width:160px !important;
	overflow:hidden;
}

.componente .w-180{
	width:180px !important;
	overflow:hidden;
}

.componente .w-200{
	width:200px !important;
	overflow:hidden;
}
.componente .w-220{
	width:200px !important;
	overflow:hidden;
}
.componente .w-240{
	width:200px !important;
	overflow:hidden;
}
.componente .w-260{
	width:200px !important;
	overflow:hidden;
}
.componente .w-280{
	width:200px !important;
	overflow:hidden;
}

.componente .w-500 {
	width: 100px;
    overflow:hidden;
	
}
.componente .t-upper{
text-transform: uppercase;
    text-align: left;
}
.t-upper{
text-transform: uppercase;
    text-align: left;
}

.txt-upper{
text-transform: uppercase;
font-size: 12px !important;
}

.fonte-upper{
text-transform: uppercase;
}


.h-100 {
height: 50px;
text-align: left;	
}

.h-101 {
height: 101px;
text-align: left;	
}

.h-30 {
height: 30px;	
}

.h-40 {
height: 40px;	
}

.h-50 {
height: 50px;	
}

.h-60 {
height: 60px;	
}

.h-70 {
height: 70px;	
}

.h-80 {
height: 80px;	
}
.h-90 {
height: 90px;	
}



.componente th:last-child.ui-state-default{
	border:0px !important;
	
}
.componente .ui-datatable .opcoes{
	padding:0px;
	text-align:right;
	background-color:#9a9a9a;
}

.componente .ui-datatable-scrollable thread th {
    white-space: nowrap;
}

.ui-datatable-scrollable-body{
	 user-select: none;
     -moz-user-select: none;
     -khtml-user-select: none;
     -webkit-user-select: none;
     -o-user-select: none;
}
/* 
.frozen-column-1 .ui-datatable-scrollable table {
    margin-left: 51px;
    width: calc(100% - 51px);
}

.frozen-column-1 .ui-datatable-scrollable-body {
    margin-left: 52px;
}


.frozen-column-1 .ui-column-p-1 {
    position: absolute;
    margin-left: -51px;
    width:51px;
} */

.componente .ui-datatable-scrollable th.ui-state-default{
	font-size:11px;
	text-align:left;
	background-color:#cccccc;
	color:#333333;
	border-right:1px solid #FFF !important;
}

.ui-datatable-scrollable table .ui-state-active {
    font-size: 11px;
}

.componente .ui-paginator .ui-state-active, .componente .ui-paginator .ui-state-active:hover{
	background-color:#656565;
	color:#CCC;
}
.componente .ui-paginator .ui-state-disabled, .componente .ui-paginator .ui-state-disabled:hover{
	background-color:#656565;
}
.componente .bt-editar, .componente .bt-excluir,.componente .bt-visualizar, .componente .bt-download{
	display:inline-block;
	width:50%;
	min-height:25px;
	height: 100%;
	background-image:url(../resources/imagens/ico-editar.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#9a9a9a;
	border-right:1px solid #FFF;
	cursor:pointer;
}
.componente .bt-excluir{
	background-image:url(../resources/imagens/ico-excluir.png);
	border:none;
}

.componente .bt-visualizar{
	background-image:url(../resources/imagens/ico-visualizar.png);
	border:none;
	margin-right: 8px;
}

.componente .bt-download{
	background-image:url(../resources/imagens/ico-downloads.png);
	width:25px;
	min-height:25px;
	height: 25px;
	border:none;
	background-size: 25px 25px;
}
.componente .bt-visualizar:hover{
	background-color:#4249c7;
}

.componente .bt-editar:hover{
	background-color:#4249c7;
}

.componente .bt-excluir:hover{
	background-color:#c74242;
}
.componente .bt-download:hover{
	background-color:#4249c7;
}
.bt-check{
	display:inline-block;
	width:100%;
	min-height:15px;
	background-image:url(../resources/imagens/ico-check-off.png);
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
}
.bt-check.principal{
	background-image:url(../resources/imagens/ico-check-on.png);
}

/* Painel Central onde o sistema é executado */
.painel {
	margin-top:10px;
	font-size:14px;
	text-align:justify;
	line-height:34px;
	background-color:#FFF;
	color:#605f5d;
	padding:12px;
	box-shadow: 0px 2px 4px #CCC; /*top internal highlight*/
	overflow-x:hidden;
}
.popup .painel, .modulo-popup .painel{
	box-shadow: none;
	margin-top:0px;
	border: 0px 1px 1px #CCC;
}
.painel .row-fluid{
	margin-left:-15px;
	margin-right:-15px;
	overflow-x:hidden;
}
.painel .row-fluid .sub-nivel {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	text-align:left;
	box-shadow: 0px 2px 4px #CCC; /*top internal highlight*/
}

.painel .ico{
	float:left;
	display:inline-block;
	margin-right:10px;
	margin-bottom:15px;
	padding:0px;
}

.painel .ico img{
	width:35px;
	height:35px;
	background-color:#4249c7;
}

.ui-accordion .ui-accordion-content {
    margin-bottom: 0;
    overflow-y: hidden !important;
}

.painel h3{
	margin:0px;
	display:inline-block;
	color:#9e2920;
	font-size:15px;
}

.ui-accordion {
	border: 1px solid #C0C0C0;
}
h3.ui-accordion-header  {
	color:rgb(56, 55, 53);
    background-color:rgb(154, 154, 154);
    width: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.ui-accordion-header  {
	color:rgb(56, 55, 53);
    background-color:rgb(154, 154, 154);
    width: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.painel p{
	text-align:left;
	margin:0px;
}

/* Configuração para Formulários dentro do Painel Central */
.painel form label{
	/*display: block;*/
	font-size:14px;
	font-weight:normal;
	color:#605f5d !important;
	margin-bottom:2px;
/*	width: 100%;   problema layout tony*/
}

.pula_linha label{
	display: block !important;
}
.painel form label + div label{
	display:inline-block !important;
	cursor:pointer;
	margin-right:15px;
	width: auto;
}
.painel form label + div label input{
	margin-bottom:5px;
	margin-right:3px;
}
.painel .form-inline input.form-control, .painel .form-inline textarea.form-control, span.form-control{
	width:100% !important;
	max-width:100%;
	background-color:#f5f5f5;
	color:#555555;
	font-size:18px;
}
span.form-control{
	border:none;
}
.painel .form-inline select{
	width:100%;
	background-color:#f5f5f5;
	color:#555555;
	font-size:18px;
	border-color: #ccc;
	border-left: 5px solid #aaa;
	padding-right:0px;
	cursor:pointer;
}
.painel .form-inline select::selection{
	background-color:#4249c7;
}
.painel .form-inline select.form-control {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.painel .form-inline select{padding-left:6px;}

.painel .form-control::-webkit-input-placeholder {color:#b3b3b1;}
.painel .form-control:-moz-placeholder {color:#b3b3b1;}
.painel .form-control::-moz-placeholder {color:#b3b3b1;}
.painel .form-control:-ms-input-placeholder {color:#b3b3b1;}


.painel form .row-fluid {margin-bottom:10px;}
.painel .ultima {margin-top:20px;text-align:right;}
.painel input:focus, .painel select:focus, .painel textarea:focus {border-color: #4249c7;}
.painel input:disabled, .painel textarea:disabled {border: none;background-color:#fafafa;}
.painel form .has-error input, .painel form .has-error textarea{border-color: #c74242;background-color:#e7d6d6;color:#c74242;}

/* Formulários */
form .aviso-erro {
	display:block;
	float:right;
	color:#c74242;
	font-size:11px;
	background-image:url(../resources/imagens/ico-alerta-erro.png);
	background-position: right 1px;
	background-repeat:no-repeat;
	padding-right:18px;
}
form .info {
	display:block;
	float:right;
	color:#605f5d;
	font-size:11px;
	padding-right:4px;
}
form .info.verde{
	color:#449d44;
}
form .instrucao {
	display:block;
	float:left;
	color:#605f5d;
	font-size:11px;
}

form .secao{
	background-color:#cccccc;
	color:#333333;
	font-size:15px;
	font-weight:bold;
	padding:5px;
	padding-left:10px;
}

/* Opções selecionáveis */
ul.opcoes{
	display:inline-block;
	margin:0px;
	padding:0px;
	padding-left:10px;
	list-style:none;
}
ul.opcoes li{
	cursor:pointer;
	display:inline-block;
	margin-top:6px;
	margin-right:10px;
	padding:6px;
	padding-top:3px;
	padding-bottom:3px;
	border-radius:5px;
	background-color: rgba(0, 0, 0, .10);
}
ul.opcoes li:hover{
	background-color: rgba(255, 255, 255, .60);
}

/* Validação de notificação */

.validacao{
	
}

.validacao .nao-preenchido{
	font-weight: bold;
}

.validacao .valor-invalido{
	font-weight: bold;
	color:red;
}

.validacao .incoerente-apenas{
	font-weight: bold;
	color:red;
}

.check-tabulador{
	 min-height:110px !important; 
	width:100% !important; 
	padding-left:8px !important;
	padding-top:2px !important;
	overflow-y: auto;
	resize: both;
	background-color:#f5f5f5 !important;
}

.check-many-list{
	min-height:200px !important; 
	width:100% !important; 
	padding-left:8px !important;
	padding-top:2px !important;
	overflow-y: auto;
	background-color:#f5f5f5 !important;
	resize: vertical;
	-moz-resize: vertical;
}

.check-single{
	min-height:0px !important; 
	width:100% !important; 
	padding-left:8px !important;
	padding-top:2px !important;
	background-color:inherit !important;
	border: 1px solid #ccc;
    border-radius: 4px;
}

.check-single .ui-grid-col-12{
	vertical-align: middle;
}

.check-questionario{
	min-height:200px !important; 
	width:100% !important; 
	padding-left:8px !important;
	padding-top:2px !important;
	overflow-y: auto;
	background-color:#f5f5f5 !important;
}


/**** BOOTSTRAP BYPASS  ****/
.alert{
	text-align:left;
}
.alert-danger{
	color:#FFFFFF !important;
	border-color:#df6969 !important;
	background-color:#de7c7d !important;
}

.alert-txt{
	color:#a94442 !important;
	font-size: 12px;
	margin-left: 5%;
}

.container-fluid{
	margin:0px;
	padding:0px;
}

.btn{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:15px;
	border-radius:4px;
	padding-top:7px;
	padding-left:8px;
	margin-bottom:5px;
}

.btn-primary,
.btn-primary:active,
.btn-primary.active {
	background-color:#4249c7;
	color:#fff !important;
	border: none;
}
.btn-primary:hover,
.btn-primary:focus{
	background-color:#5962ff;
}

.btn-primary2,
.btn-primary2:active,
.btn-primary2.active {
	background-color:#808080;
	color:#fff !important;
	border: none;
	margin-top: 10px;
	
}
.btn-primary2:hover,
.btn-primary2:focus{
	background-color:#c0c0c0;
	
}


.btn-danger,
.btn-danger:active,
.btn-danger.active {
	background-color:#c74242;
	color:#fff !important;
	border: none;
}
.btn-danger:hover,
.btn-danger:focus{
	background-color:#d26868;
}

.btn-success,
.btn-success:active,
.btn-success.active {
	background-color:#3c921a;
	color:#fff !important;
	border: none;
}
.btn-success:hover,
.btn-success:focus{
	background-color:#63a848;
}

.btn-sm{height:32px;}
.btn-xs{
	height:23px;
	font-size:13px;
	padding-top:3px;
	padding-right:8px;
}

#formConsultaCep .btn{
	margin-top:2px;
}

#formConsultaCep .ui-button-text{
	padding-top: 3px;
}

.ui-paginator-top{
	display:none;
}

.tab-tumor{
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -10px;
}

.tumor_aba{
	border: 1px solid #c0c0c0 !important;
	
}

.import-value{
	font-weight: bold;
	font-style: italic;
}


.ui-selectmanycheckbox.ui-grid label,.ui-selectoneradio.ui-grid label{
	display:inline !important;
	vertical-align: text-bottom !important;
}

a.link {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #23527c !important;
    text-decoration: underline;
    margin-bottom: 5px;
}

.anos-download {
	overflow: auto;
	height: auto;
	width: 100% !important;
	border: 1px solid #ccc;
    border-radius: 4px;
}

.anos-download input {
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
}

.anos-download label {
	display: inline !important;
}

.campos-exportacao {
	overflow: auto;
	height: 200px;
	width: auto;
}

.campos-exportacao input {
	display: inline;
	margin-right: 5px
}

.campos-exportacao label {
	display: inline  !important;
	font-size: 12px !important; 
}

div.input-group-addon.disabled {
	border: none !important;
}

label.disabled {
	color: #555555 !important;
}

@media(min-width:400px){
}

@media(min-width:561px){
	.componente .bt-editar, .componente .bt-excluir{
		width:22px;
	}
	
}

@media(min-width:768px){
	body {
	    font-size: 14px;
	}
	#login{width:150px;}
	#senha{width:100px;}
	#faixa_login .msg_login {
	    padding-top: 10px;
	    padding-left: 35px;
	    margin-bottom: 6px;
	}
	.msg_login .nao_e_voce {
		font-size:12px;
	}
	#faixa_login .bts_usuario {
		padding-bottom:0px;
	}
	#faixa_login .ativado{
		top:3px;
	}
	#faixa_login .form-group {
		float:left;
		display:block;
		padding-right:12px;
	}
	#faixa_login .form-group.grp-esqueceu {
		float:none;
		padding-top:8px;
	}
	.glyphicon-menu-hamburger{
	    font-size: 18px;
	}
	.home .tiles a, .publico .tiles a{display:block;}
	.tiles li, .tela_modulo li{margin-bottom:15px;}
	.publico .tiles li{
		min-height:120px;
		margin-bottom:22px;
	}
	.tiles li .ico{
		margin-bottom:0px;
		float:left;
		padding:25px;
	}
	.tiles .frente .ico{width:120px;}
	.publico .tiles .ico img, .tiles .frente .ico img{
		width:70px;
		height:70px;
	}
	.sem-verso {
		tranform: none !important;
	}
	.tiles .verso .ico{
		width:35px;
	}
	.tiles .verso .ico img{
		background-color:#4249c7;
	}
	.tiles li, .tela_modulo li{font-size:16px;}
	.tiles li h3, .tela_modulo li h3{font-size:20px;}
	.tela_modulo{
		/*width:50%;*/
	}
	.tiles .verso a, .tela_modulo a{
		padding-top:3px;
		font-size:17px;
		height:28px;
	}
	.btn{
		font-size:16px;
		padding-top:5px;
	}
	.btn-sm{height:26px;}
	
	.painel .form-inline input.form-control, .painel .form-inline select.form-control{
		font-size:16px;
	}
	.campos-exportacao {
		overflow: auto;
		height: 200px;
		width: 235px !important;
	}
	
	.campos-exportacao table{
		width: 550px;
	}
	
	.campos-check {
		overflow: auto;
		width: auto !important;
	}
	
	.campos-check label{
		width: 300px;
	}
	
	.campos-check-usu {
		overflow: auto;
		width: auto !important;
	}
	
	.campos-check-usu label{
		width: auto;
	}
	
	.campos-check-not {
		overflow: auto;
		width: auto !important;
	}
	
	.campos-check-not label{
		width: 90% !important;
	}
	
	.campos-check-tabulador {
		overflow: hidden;
		width: auto !important;
	}
	
	.campos-check-tabulador label{
    display: inline !important;
    overflow: hidden;
    font-size: 14px;
    font-weight: normal;
    color: #605f5d !important;
    margin-bottom: 2px;
	}
	
	.addon-btn {
		margin:0px;
		padding-top:8px;
		padding-bottom:7px;
	}
}
/* julio problema notificacao tony  .publico, .home, .modulo{width: 90%;max-width: 80%; margin-left: 15%;} */
@media(min-width:920px){
	.publico, .home, .modulo{width:900px;}
	.modulo-popup{width:650px;}
	.apresentacao, .painel{margin-top:30px;}
	.tiles {margin-left:-30px;}
	.tiles .verso {display:block;}
	.tiles li{
		width:435px;
		margin-left:30px;
	}
	
	.popup .painel, .modulo-popup .painel{
		margin-top:0px;
	}

	.home .tiles li, .publico .tiles li{
		background:none;
		min-height:150px;
		margin-bottom:22px;
		padding:0px;
		box-shadow:none;
	}
	.tiles .verso .ico{
		padding:0px;
		min-height:auto;
	}
	.tiles .verso .ico img{
		width:35px;
		height:35px;
	}
	.tiles .verso .ico, .tiles .verso h3 {display:inline-block;}
	.tiles .verso p{display:block;}
	
	.tiles li, .tela_modulo li{
		font-size:14px;
	}
	.tiles li h3, .painel h3, .tela_modulo li h3{
		font-size:15px;
	}
	
	.tiles .verso a, .tela_modulo a{
		padding-top:2px;
		font-size:15px;
		height:26px;
	}
	
	.painel .form-inline input.form-control, .painel .form-inline select.form-control, .painel .form-inline textarea.form-control, span.form-control{
		font-size:14px;
	}
	
	.campos-exportacao {
		overflow: auto;
		height: 200px;
		width: 270px !important;
	}
	
	/*** FLIP ***/
	/* simple */
	.flip-container {
		-webkit-perspective: 1000;
		-moz-perspective: 1000;
		-ms-perspective: 1000;
		perspective: 1000;
		-ms-transform: perspective(1000px);
		-moz-transform: perspective(1000px);
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		width: auto;
		min-height: 180px;
	}
	
	/* START: Accommodating for IE */
	.flip-container:hover .verso, .flip-container.hover .verso {
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	
	.flip-container:hover .frente, .flip-container.hover .frente {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	/* END: Accommodating for IE */
	
	.flipper {
		-webkit-transition: 0.6s;
		-webkit-transform-style: preserve-3d;
		-ms-transition: 0.6s;
		-moz-transition: 0.6s;
		-moz-transform: perspective(1000px);
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transition: 0.6s;
		transform-style: preserve-3d;
		position: relative;
	}
	
	.frente, .verso {
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: 0.6s;
		-webkit-transform-style: preserve-3d;
		-moz-transition: 0.6s;
		-moz-transform-style: preserve-3d;
		-o-transition: 0.6s;
		-o-transform-style: preserve-3d;
		-ms-transition: 0.6s;
		-ms-transform-style: preserve-3d;
		transition: 0.6s;
		transform-style: preserve-3d;
		width:100%;
		min-height: 180px;
		position: absolute;
		padding:15px;
		top: 0;
		left: 0;
		background-color:#FFF;
		margin-left:0px;
		margin-bottom:5px;
		box-shadow: 0px 2px 4px #CCC; /*top internal highlight*/
	}
	
	.frente {
		-webkit-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		z-index: 2;
	}
	
	.sem-verso {
		transform: none !important;
		color: #605f5d;
	}
	
	.verso {
		-webkit-transform: rotateY(-180deg);
		-moz-transform: rotateY(-180deg);
		-o-transform: rotateY(-180deg);
		-ms-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
	}
}

@media(min-width:1330px){
	/* .publico, .home, .modulo{width:1150px;margin-left: 250px} */
	#faixa_login .ativado{display:none;}
	#faixa_login .msg_login{padding-left:12px;}
	#menu {top:130px;width: 220px}
}

	/* .ui-datatable.borderless thead th,  */.ui-datatable.borderless tbody,
	.ui-datatable.borderless tbody tr, .ui-datatable.borderless tbody td {
	border-style: none;
}

.custom-column1 {
	padding-left: 15px !important;
}

.custom-column2 {
	padding: 13px !important;
}

.custom-cmd {
	width: 200px !important;
}

.custom-input {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-weight: bold;
  margin-bottom: 0;
}
#InicioTratamento{
	/* height: 90px;*/
	width: 50%;
}
#DataTratamento{
	height: 90px;
	width: 50%;
}
#RazaoTratamento{
	/* border:1px solid green;
	height: 90px;*/
	width: 100%;
	
}
#QualidadeSobrevida{

	 width: 50%;
	 min-height: 70px;
}
#tipoRecidiva{
	min-height: 70px;
	 width: 25%;
	
}
#DataRecidiva{
	 min-height: 70px;
	 width: 25%;
	 float: inherit;
	
}

#duvidaDescricao  { 
	/*border: none !important;*/
/*border: 1px solid blue;*/
width: 100%;
height: 90px;
}

.ui-datatable-scrollable-theadclone{
	height: 70px;
}
/*
.ui-widget-header {
	height: 0px;
}*/

/* Foi necessário incluir a margein-botton para que as abas dos tumores não desconfigure*/
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: .3em !important;

}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0 .2em .3em 0 !important;
    padding: 0;
    white-space: nowrap;
}

.idadeAlert {
	color:#c74242;
	font-size:11px;
	background-image:url(../resources/imagens/ico-alerta-erro.png);
	background-position: left 1px;
	background-repeat:no-repeat;
	padding-left:18px;
	width: 45%;
	float: left;
}
.idade{
	width: 90%;
	height:38px;
	float: right;
	font-size: 12px;
}

.altura{
	min-height:10px;
	max-height:300px;
	
}

body .ui-fieldset .ui-fieldset-legend {
    border: 1px solid #dee2e6;
    background: #f8f9fa;
    color: #495057;
    width: 50%;
    padding: 1rem;
    border-radius: 4px;
    user-select: none;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.w-60{
max-width:12% !important;
margin-right: 1%;
text-align: center;
}

.texto_right{
text-align: right !important;
}

.texto_left{
text-align: left !important;
}

.texto_center{
text-align: center !important;
}
.div-sesao{
	height:0px;
}
.font_12 {
	font-size: 12px;
	text-align:left;
	vertical-align: top !important;
}

#txt_check {
	width: 300px;

}
.mar10{
margin-left: 1%;

}

.ui-tabs-nav {
    display: inline-block;
    width: 100%;
}

#esqueceu{
	padding-left: 1%;
    text-align: center;
    width: 100%;
    vertical-align: top;
}
#captcha{
	float: inline-end;
}

form-group {
    margin-bottom: 5px !important;
}

ui-dialog-titlebar-close {
	padding-top: 5px !important;
}

#bt_login{
	float: left;
	width: 35%;
	padding-left: 5%;
}

#bt_sem_login{
	float: right;
	width: 65%;
}
#bt_realiza_login{
margin-top: 5px;
margin-left: 25px;
}

.banner_treinamento {
	 display: inline-block;
     margin-left:25%;
     margin-right:auto;
     text-align:center;
     margin-bottom: 10px;
     background-color: yellow;
     width: 25%;
     height: 20px;
     vertical-align: center;
     margin-top: 0px;
     border-bottom-left-radius: 25px;
     border-bottom-right-radius: 25px;
}
.banner_homologacao {
	 display: inline-block;
     margin-left:25%;
     margin-right:auto;
     text-align:center;
     margin-bottom: 10px;
     background-color: wheat;
     width: 25%;
     height: 20px;
     vertical-align: center;
     margin-top: 0px;
     border-bottom-left-radius: 25px;
     border-bottom-right-radius: 25px;
}

.banner_mensagens {
  display: block;
  width: 75%;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  font-family: "Segoe UI", "Inter", sans-serif;
  letter-spacing: 0.4px;
  padding: 2px 0;
  margin: 0 auto 2px auto;
  background: linear-gradient(90deg, #d60000 0%, #ff3b3b 50%, #d60000 100%);
  box-shadow: 0 3px 10px rgba(214, 0, 0, 0.35);
  animation: pulseBanner 3s infinite;
}

@keyframes pulseBanner {
  0% { box-shadow: 0 3px 10px rgba(214, 0, 0, 0.35); }
  50% { box-shadow: 0 4px 15px rgba(255, 0, 0, 0.55); }
  100% { box-shadow: 0 3px 10px rgba(214, 0, 0, 0.35); }
}


    
.lupa {
        display: flex!important;
        vertical-align:middle;
    }

.container_prefixo {
	display: flex;
	align-items: center;
	width: 100%;
}

.label_prefixo {
	white-space: nowrap; /* Mantém o texto em uma única linha */
}

.input_prefixo {
	flex-grow: 1;
}
.form-control2 {
	height: auto !important;
	}
	
.check_static {
    position: static; /* Garante que não será reposicionado */
}

.tempo_sessao {
    color: #9b9fa1;
    font-size: 12px;
    text-align: left;
    display: flex;
    width: 100%;
    margin-left: 10px;
    margin-top: 0px;
}
.tempo_sessao_alerta {
    color: #bb0b34;
    font-size: 12px;
    text-align: left;
    display: flex;
    width: 100%;
    margin-left: 10px;
    margin-top: 0px;
}

.label_foco {
	color: #4249c7 !important;
	font-weight: bold;
}

/* Radios lado a lado, apenas para o selectOneRadio específico */
.radio_tratamento .ui-radiobutton {
    display: inline-flex !important;
    align-items: center;
    margin-right: 0px;
}

.radio_tratamento .ui-radiobutton-label {
    margin-left: 5px; /* distância do texto para o rádio */
}

/* Impede que a CSS global afete esses labels */
.radio_tratamento label {
    width: auto !important;
    margin-bottom: 0 !important;
}


.tempo_sessao {
    color: #9b9fa1;
    font-size: 12px;
    text-align: left;
    display: flex;
    width: 100%;
    margin-left: 50px;
    margin-top: 0px;
}


.banner_mensagens_old {
	 display: flex;
     margin-left:25%;
     margin-right:auto;
     text-align:center;
     margin-bottom: 10px;
     background-color: #ef6d71;
     width: 60%;
     height: 20px;
     vertical-align: center;
     margin-top: 0px;
     border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
       border-bottom-left-radius: 8px;
     border-bottom-right-radius: 8px;
      margin: 0 auto 10px auto; /* Centraliza horizontalmente e ajusta a margem inferior */
}


.banner_mensagens {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #3498db; 
    width: 60%;
    height: 35px;
    margin-left: 50px;
    margin-top: 0px;
    border-radius: 15px; 
    font-family: 'Arial', sans-serif; 
    font-size: 16px; 
    font-weight: bold;
    color: #fff; 
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); 
    padding: 0 20px; 
}
