/* Defini��es Padr�es Framework */

body {
	margin: 0px;
	padding: 0px;
	background-color:#F7F7F7;
		display: inline-block; /* Permite que a div conteudo se expanda conforme necessário */
    min-width: 100%; /* Garante que tenha pelo menos 100% da largura */
    overflow-x: auto; /* Permite rolagem horizontal, se necessário */
}
a , a:visited{
	color: #000000;
}
a:hover {
	color: #FF3300;
}

.custom-link{
	
	color: #00688B;
}

.custom-link:hover{
	
	color: #FF3300;
}

#msg {
	background-color:#F7F7F7;
	border: 1px solid #999999;
	padding: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align:center;
	margin-bottom:8px;
}
.msg_erro {
	color:#000000;
	font-size: 14px;
	background-color:#f9b2b2;
	border-bottom:1px solid #042B62;
	margin: 5px 2px 5px 11px;
	padding: 8px;
	border-radius: 5px;
}
.msg_aviso {
	color:#000000;
	font-size: 14px;
	background-color:#f5c68d;
	border-bottom:1px solid #042B62;
	margin: 5px 2px 5px 11px;
	padding: 8px;
	border-radius: 5px;
}
.msg_sucesso {
	color:#000000;
	background-color:#c6fcc6;
	border-bottom:1px solid #042B62;
	margin: 5px 2px 5px 11px;
	padding: 8px;
	border-radius: 5px;
	font-size: 14px;
}
.msg_descricao {
	color:#333333;
	font-style:italic;
	font-size: 12px;
}
#conteudo {
    text-align:center;
	background-color:#B9D3EE;
	padding: 10px;
	position:relative;
	color: #000000;
	border-radius: 5px;
	border: 2px solid #00688B;
	margin-top:8px;
	margin: 5px 15px 10px 15px;

}
#conteudo_corpo {
	background-color:#FFF;
	padding: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:left;
	margin-top:8px;
	line-height:150%;
	_width:98%;
	border-radius: 5px;
}
#conteudo_abas {
	background-color:#F7F7F7;
	border-top: none;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	padding: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:left;
	line-height:150%;
		_width:98%;
}
.abas {
	background-color: #FFFFFF;
	width:100%;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:none;
	border-left:none;
	margin-top:8px;
}
.abas td {
	padding:5px;
	border-left:1px solid #999999;
	border-botton:1px solid #09307B;
	text-align:center;
}
.abas a {
	color:#000000;
}
.aba_selecionada {
	text-align:center;
	color:#042B62;
	background:url(../images/aba.png) repeat-x top #F7F7F7;
	font-weight: bold;
}

.th{
	font-size:14px;
	
}

#list_tabela {
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid #fff;
	border-bottom: 1px solid #b6b5b5;
}

#list_tabela th {
	background-color: #36648B;
	border: 2px solid #fff;
	color:#fff;
	padding-left: 2px;
	padding-right: 2px;
	text-align:center;
	font-size:16px;
}
#list_tabela td {
	padding:3px;
	border: 2px solid #fff;
	color:#000000;
	font-size:14px;
}


 /* novo */
#list_tabela td a {
	color:#009ACD;
}
 /* novo */
#list_tabela td a:hover {
	color:#FF4040;
}

.list_cor_sim {
	background-color:  #F4F4F4;
}
.list_cor_hover {
	background-color:#C6D3E3;
}
.list_cor_nao {
	background-color:  #FFFFFF;
}
.tr_list_rodape {
	background-color: #E6E6E6;
	border-left:1px solid #000;
	color:#000000;
	padding-left: 2px;
	padding-right: 2px;
	font-size:12px;
	font-weight: bold;
}
.vermelho {
    color: #dc143c;
}

#login {
	position: relative;
	top: 20px;
}
#login td {
	text-align:left;
}
.login_label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	font-weight: bold;
}
.login_label a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

.login_label a:visited {
	color: #000066;


}
.login_funcoes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:center;
	margin-top:10px;
}
.login_funcoes a {
	color: #000000;
	font-weight:normal;
}
.login_funcoes a:hover {
	color: #000000;
}
.form_opcoes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	text-align:center;
	margin-top:10px;
	font-weight: bold;
}
.form_opcopes a {
	color: #000066;
}
.form_opcopes a:hover {
	color: #9FAFC9;
}
.login_botao {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
    padding: 5px 10px; /* Exemplo de estilo para espaçamento interno */
    border: none; /* Exemplo de estilo para remover a borda */
    border-radius: 5px; /* Exemplo de estilo para borda arredondada */
    background-color: #20B2AA; /* Exemplo de cor de fundo */
    color: #fff; /* Exemplo de cor do texto */
    cursor: pointer; /* Altera o cursor para indicar que é clicável */
    transition: background-color 0.3s; /* Adiciona uma transição suave na mudança de cor de fundo */
    font-size: 16px;

}

.login_botao:hover {
    background-color: #0056b3; /* Cor de fundo alterada quando o mouse passa por cima */
}


#cabecalho {
	display:block;
	background-image:url(../images/back_cabecalho.jpg);
	background-repeat:repeat-x;
	background-color:#CEDCE7;
	height:40px;
	padding:0px;
	margin:0px;
}
#menu {
	width:100%;
	height:18px;
	z-index:5000;
	border-top:1px solid #04755a;
	border-bottom:1px solid #FFFFFF;
	background-color: #36648B;

	
}
#barra_icones {
	display:block;
	position:relative;
	height:28px;
	background-image:url(../images/back_barra_icones.png);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
#barra_icones a {
	display:block;
	position:relative;
	float:left;
	background-color:#F0F0F0;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding:3px;
	margin-top:2px;
	margin-right:1px;
	margin-left:1px;
}
#barra_icones a:hover {
	background-color:#FFFFFF;
	border-color:#666666;
}
#rodape {
    width:600px;
	height:53px;
	display:block;
	position: absolute;
	top: 380px;
	left:50%;
	margin-left:-310px;
	
	
}

.text_rodape {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left:10px;
	padding-right:10px;
	line-height:150%;

	
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: left;
    border-bottom: 1px solid #042B62;
    margin: 5px 2px 5px 1px;
    padding: 8px;
    border-radius: 5px;
    background-color: #36648B;
    width: 99%;
    /* Adicionando propriedades flexíveis */
    display: flex; /* Utilizando flexbox para alinhar à esquerda */
    align-items: center; /* Alinha verticalmente ao centro */
    min-width: 0; /* Garante que o tamanho mínimo seja zero */
    flex-grow: 1; /* Permite que o elemento cresça para ocupar o espaço disponível */
    overflow: hidden; /* Para lidar com texto muito longo que possa quebrar o layout */
    /* Impedir que o texto quebre em várias linhas */
    white-space: nowrap;
}


h2 , h3 {
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#36648B;
	background-color: #CEDEEC;
	padding: 5px 20px 5px 20px;
	margin: 5px 2px 5px 11px;
	border-radius: 5px;
	width: 40%;
	
}

h3 {
	margin-left:10px;
}

hr {
	border-top:1px dashed #7A7A7A;
	border-right:none;
	border-bottom:none;
	border-left:none;
	height:1px;
	margin:3px 0px 3px 0px;

}

.form_tabela {
	clear: both;
	width: 100%;
	border-collapse: collapse;
	
}
.form_tabela td {
	padding:2px 10px;
	border: 2px solid #fff;
	color:#000000;
	font-size: 16px;
	white-space: nowrap; /* Impede a quebra de linha */
	text-overflow: ellipsis;

}
form {
	margin: 0px;
	padding: 0px;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

input[type="text"] {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px; /* Define o tamanho da fonte */
    padding: 5px; /* Adiciona um espaçamento interno */
    border: 2px solid #ccc; /* Adiciona uma borda */
    border-radius: 11px; /* Adiciona uma borda arredondada */
}

input[type="file"] {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px; /* Define o tamanho da fonte */
    padding: 5px; /* Adiciona um espaçamento interno */
	background-color: #6bbbf8;
}

input[type="password"] {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px; /* Define o tamanho da fonte */
    padding: 5px; /* Adiciona um espaçamento interno */
    border: 2px solid #ccc; /* Adiciona uma borda */
    border-radius: 11px; /* Adiciona uma borda arredondada */
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 5px; /* Adiciona um espaçamento interno */
    border: 2px solid #ccc; /* Adiciona uma borda */
    border-radius: 11px; /* Adiciona uma borda arredondada */
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 11px;
	width: 100%;
	height: 40px;
}

.form_label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #DBDBDB;
	vertical-align: top;
	padding: 3px;
}

.form_botao {
	font-family:Verdana, Arial, Helvetica, sans-serif;
 /* Estilos para o botão */
    padding: 5px 10px; /* Exemplo de estilo para espaçamento interno */
    border: none; /* Exemplo de estilo para remover a borda */
    border-radius: 5px; /* Exemplo de estilo para borda arredondada */
    color: #fff; /* Exemplo de cor do texto */
    cursor: pointer; /* Altera o cursor para indicar que é clicável */
    transition: background-color 0.3s; /* Adiciona uma transição suave na mudança de cor de fundo */
    font-size: 16px;
}

/* Estilos específicos para o botão de pesquisa */
.botao_pesquisar {
    background-color: #0056b3;
}

.botao_pesquisar:hover {
    background-color: #7aa6d5;
}

/* Estilos específicos para o botão de voltar */
.botao_voltar {
    background-color: #757575;
}

.botao_voltar:hover {
    background-color: #b4b1b1;
}

/* Estilos específicos para o botão de incluir */
.botao_incluir {
    background-color: #429042;
}

.botao_incluir:hover {
    background-color: #79cb79;
}

/* Estilos específicos para o botão de excluir */
.botao_excluir {
    background-color: #ef2929;
}

.botao_excluir:hover {
    background-color: #f88989;
}

/* Adiciona margem direita ao primeiro botão */
.form_botao:first-child {
    margin-right: 10px; /* Espaço entre os botões */
}

/* Adiciona margem esquerda ao segundo botão */
.form_botao:last-child {
    margin-left: 10px; /* Espaço entre os botões */
}

.form_botao:disabled {
    background-color: #ccc; /* Cor de fundo quando desabilitado */
    cursor: not-allowed; /* Altera o cursor para indicar que não está clicável */
}


/* botao secundario  mais estreito*/
.form_btn_secudario {
	font-family:Verdana, Arial, Helvetica, sans-serif;
 /* Estilos para o botão */
    padding: 5px 10px; /* Exemplo de estilo para espaçamento interno */
    border: none; /* Exemplo de estilo para remover a borda */
    color: #fff; /* Exemplo de cor do texto */
    cursor: pointer; /* Altera o cursor para indicar que é clicável */
    transition: background-color 0.3s; /* Adiciona uma transição suave na mudança de cor de fundo */
    font-size: 12px;
}


.form_btn_secudario:disabled {
    background-color: #ccc; /* Cor de fundo quando desabilitado */
    cursor: not-allowed; /* Altera o cursor para indicar que não está clicável */
    color: #fff;
}
.btn_form{
	font-family:Verdana, Arial, Helvetica, sans-serif;
 /* Estilos para o botão */
    padding: 5px 10px; /* Exemplo de estilo para espaçamento interno */
    border: none; /* Exemplo de estilo para remover a borda */
    color: #fff; /* Exemplo de cor do texto */
    cursor: pointer; /* Altera o cursor para indicar que é clicável */
    background-color: #4e9a06;
    font-size: 12px;
}





#barra_acao_top {
	display:block;
	/*border-bottom:1px solid #A8B0C7;*/
	background-color:#FFFFFF;
	padding-right:15px;
	height:19px;
}
#barra_acao_top a,td {
	color:#042B62;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	padding:0px;
}
#barra_acao_top a {
	padding:0 2px;
}
#barra_acao_top table {
	background-image:url(../images/back_barra_acao_top.jpg);
}

#barra_acao_top a:hover {
	text-decoration:underline;
}
#barra_localizacao {
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	padding-left:10px;
	padding-top:4px;
}
#barra_paginacao {
	color:#C0C0C0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:100%;
}
#barra_paginacao td {
	color:#000000;
}
#barra_paginacao a {
	color:#000000;
}
#barra_paginacao a:hover {
	color: #DC8945;
}
#barra_acao_bottom {
	display:block;
	/*border-top:1px solid #A8B0C7;*/
	background-color:#FFFFFF;
	padding-right:15px;
	height:19px;
}
#barra_acao_bottom a,td {
	color:#042B62;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	padding:0px;
}
#barra_acao_bottom a {
	padding:0 2px;
}
#barra_acao_bottom table {
	background-image:url(../images/back_barra_acao_bot.jpg);
}
#barra_acao_bottom a:hover {
	text-decoration:underline;
}
.obs_obrigatorio {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:left;
	margin:0px;
	font-weight:normal;
}

/* definies do coolmenu4 */

.clCMAbs {
	LEFT: 0px;
	VISIBILITY: hidden;
	POSITION: absolute;
	TOP: 0px;
}
.clBar {
	VISIBILITY: visible;
	/*background-color:#385A89;*/
	display:block;
}
.clLevel0 {
	PADDING: 2px;
	font-size: 14px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-right:1px solid #FFFFFF;
	margin-right:2px;
	
	}
.clLevel0over {
	PADDING: 3px;
	font-size: 14px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	POSITION: absolute;
	font-weight:bold;
	color:#000;
}
.clLevel0 {
	COLOR: #FFFFFF;
	/*BACKGROUND-COLOR: #385A89;
	border-right:1px dashed #FFFFFF;
		background-image:url(../images/back_login.jpg);
	background-repeat:no-repeat;
	background-position:129px;*/


}
.clLevel0over {
	CURSOR: pointer;
	COLOR: #ffffff;
	BACKGROUND-COLOR: #4682B4;
}
.clLevel0border {
	POSITION: absolute;
	/*BACKGROUND-COLOR: #FFFFFF;*/
}

.clLevel1 {
	PADDING: 3px;
	font-size: 14px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	POSITION: absolute;
}
.clLevel1over {
	PADDING: 2px;
	font-size: 14px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	POSITION: absolute;
}
.clLevel1 {
	COLOR: #000000;
	BACKGROUND-COLOR: #e9edf2;
}
.clLevel1over {
	CURSOR: pointer;
	COLOR: #000000;
	BACKGROUND-COLOR: #fcaf3e;
}
.clLevel1border {
	VISIBILITY: hidden;
	POSITION: absolute;
	BACKGROUND-COLOR: #caced1;
}

.clLevel2 {
	PADDING: 2px;
	font-size: 14px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	POSITION: absolute;
}
.clLevel2over {
	PADDING: 2px;
	font-size: 14px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	POSITION: absolute;
}
.clLevel2 {
	COLOR: #000000;
	BACKGROUND-COLOR: #e9edf2;
}
.clLevel2over {
	CURSOR: pointer;
	COLOR: #000000;
	BACKGROUND-COLOR: #fcaf3e;
}
.clLevel2border {
	VISIBILITY: hidden;
	POSITION: absolute;
	BACKGROUND-COLOR: #8C867B;
}
/* menu */
/* Indice ajuda */
.dtree {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #596D9B;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
#isubmenu00 {
	display:none;
}
#isubmenu10 {
	display:none;
}
#isubmenu20 {
	display:none;
}
#isubmenu30 {
	display:none;
}
.dtree a {
	color: #596D9B;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	padding: 1px 2px 1px 2px;
	white-space: nowrap;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #596D9B;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #ffffff;
}
.dtree .clip {
	width: 155px;
	position:relative;
}
/* Indice ajuda */

#pelicula {
	z-index: 9999;
	filter: alpha(opacity=50); /*IE Antigo*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
	-moz-opacity: .50; /*Mozilla Antigo*/
	-khtml-opacity: 0.5;   /*Safari Antigo*/
	opacity: 0.5;   /*Mozilla, Safari e Opera*/
	background-color:#000000;
	position:fixed; top:0%; left:0%; width:100%; height:100%; color:#000000;
}

#div_popup{
	z-index: 10000;
	overflow: auto;
	background-color: #FFFFFF;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	white-space: wrap;
	position:fixed; top:10%; left:10%; width:80%; height:80%; color:#000000; text-align:center; vertical-align:middle;
	border:2px solid #000000;
}

#camada_fundo_popup {
        z-index: 9999;
        filter: alpha(opacity=50); /*IE Antigo*/
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
		-moz-opacity: .50; /*Mozilla Antigo*/
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

#div_pg_popup {
    z-index: 10000;
    overflow: auto;
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #000000;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    width: 100%; /* Defina a largura desejada aqui */
    max-width: 1200px; /* Adicione uma largura máxima se desejar */
    max-height: 750px;
}
    

/* Estilos para as células do select */
.form_select {
    padding: 8px; /* Adiciona um espaçamento interno */
    border: 1px solid #ccc; /* Adiciona uma borda */
    border-radius: 20px; /* Adiciona uma borda arredondada */
    font-size: 16px; /* Define o tamanho da fonte */
    width: 100%; /* Define a largura total */
}

.ul_box {
    list-style-type: none;
    font-size: 16px;
    padding: 5px; /* Adicione um preenchimento para criar um espaço ao redor do texto */
    margin: 0;
    background-color: #ffcccc; /* Vermelho claro */
    display: inline-block; /* Torna a lista um elemento em bloco, mas respeita o tamanho do texto */
    /* Outros estilos personalizados */
}

.ul_box li {
    position: relative; /* Para posicionar o asterisco */
    padding-left: 20px; /* Adiciona espaço para o asterisco */
}

.ul_box li::before {
    content: "*"; /* Adiciona um asterisco */
    position: absolute;
    left: 0;
    color: red; /* Cor do asterisco */
    font-weight: bold; /* Estilo do asterisco */
}


.box_aviso {
    color: #000000;
    font-size: 16px;
    background-color: #fadfb8;
    width: 50%;
    border-radius: 11px;
    border-bottom: 4px solid #042B62;
    border-left: 4px solid #042B62;
    padding: 10px; /* Adiciona espaçamento interno */
    box-sizing: border-box; /* Garante que o padding não afete a largura total */
    text-align: left; /* Alinha o texto à esquerda */
}

.box_aviso_central {
 	display: inline-block; /* Ajusta o tamanho do elemento ao conteúdo */
    color: #000000;
    font-size: 16px;
    background-color: #fadfb8;
    border-radius: 11px;
    border-bottom: 4px solid #042B62;
    border-left: 4px solid #042B62;
    padding: 10px; /* Espaçamento interno */
    box-sizing: border-box; /* Inclui padding e borda no tamanho do elemento */
    text-align: center; /* Centraliza o texto dentro da caixa */
}



/* box de noticias de entrada */

.container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.box {
    width: 80%;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-align: left;
    font-size: 14px;
    color: #a19f9f;
    position: relative; /* Necessário para posicionamento absoluto do botao */
    overflow: hidden;
}
.box h2 {
    margin-top: 0;
    background-color: #ffffff;
    width: 50%;
}
.notification-box {
    border-left: 10px solid red;
}
.newitens-box {
    border-left: 10px solid orange;
}
.estabs-box {
    border-left: 10px solid green;
}
.messages {
    max-height: 200px; /* Ajuste conforme necessário para caber 5 mensagens */
    overflow: hidden;
    list-style-type: none;
    padding-left: 0;
}
.show-more {
    position: absolute;
    top: 20px; /* Ajuste conforme necessário */
    right: 20px; /* Ajuste conforme necessário */
    padding: 5px 10px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.show-more:hover {
    background-color: #0056b3;
}


	
.box_destaque {
		width: calc(80% - 20px);
	    border: 1px solid #ddd;
	    border-radius: 5px;
	    padding: 20px;
	    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	    text-align: left;
	    font-size: 14px;
	    color: #a19f9f;
	    overflow: hidden; /* Adicionado para garantir que o contem nao saia da div */
	    
}

.session-time {
    margin: 0;
    font-size: 14px;
    background-color: green;
    color: white;
    padding: 5px; /* Adicione algum padding para melhorar a aparencia */
    border-radius: 5px; /* Adicione bordas arredondadas para um visual melhor */
    font-family: Arial, sans-serif; /* Escolha uma fonte, ajuste conforme necessário */
}

.grid-tam-cell { /* limitar celular para forçar quebra de linha.*/
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 300px; /* Defina a largura máxima da célula */
    white-space: normal;
}