@charset "utf-8";
/* Cores */
:root {
  	--azul_escuro: #335FFC;
	--azul_medio:#1D88FE;
	--azul_claro: #9AE1FF;
	--azul_mais_claro:#EAF4FF;
	--vermelho_escuro: #DC2B2B;
	--vermelho_medio: #FF5A65;
	--vermelho_claro: #FF9797;
	--vermelho_mais_claro: #FFBEC2;
	--amarelo_escuro: #D5691B;
	--amarelo_medio: #FF9E2C;
	--amarelo_claro: #FFD279;
	--amarelo_mais_claro: #FFD19B;
	--verde_escuro: #11845B;
	--verde_medio: #05C168;
	--verde_claro: #7FDCA4;
	--verde_mais_claro: #DEF2E6;
	--roxo_claro: #AAA7FF;
	--preto:#000000;
	--branco: #FFFFFF;
	--cinza_claro: #F8F8F8;
	--cinza_escuro: #292929;
	--cinza_medio:#8F8F8F;
	--cinza_medio_claro:#c7c7c7;
}

/* Padrão fundo */

body{
	background-color: var(--cinza_claro);
	font-family: Arial;
	text-align: center;
	/*overflow-x: hidden;*/
}

.estlogin {
	margin: 0px;
	padding: 2px;
}
.pad_log{
	padding: 0 2rem;
}
.est_card {
	margin: 10px auto;
	max-width: 1200px;
	background-color: var(--branco);
	padding: 5px;
	border-radius: 0;
	box-shadow: 0px 0px 5px 0px var(--preto);
}
.logo_login{
	max-width: 500px;
}
.logo_menu{
	max-width: 300px;
	min-width: 100px;
	margin-bottom: 5px;
	margin-top: 3px;
}
.logo_menor_topo{
	max-width: 100px;
	min-width: 100px;
	margin-bottom: 5px;
	margin-top: 3px;
}

/* Botões */
.btn_pad {
	border-radius: 2px;
	font-weight: 700;
	text-decoration: none;
	transition: background-color 0.2s, border-color 0.2s, transform 0.2s;
	margin:0.3rem;
	padding: 17px 30px;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
}
.btn_pad:hover{
	transform: scale(1.05);
	transition: background-color 0.2s, border-color 0.2s, transform 0.2s;
	box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.3);
}
.btn_pad:focus:active{
	transform: scale(0.96);
	transition: background-color 0.2s, border-color 0.2s, transform 0.2s;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.btn_larg_toda{
	width: 100%;
}

.btn_sel{
	padding: 17px 17px;
}

.btn_pad_azul {
	background-color: var(--azul_escuro);
	border-color: var(--azul_escuro);
	color: var(--branco);
}
.btn_pad_azul:hover{
	background-color: var(--preto);
	border-color: var(--preto);
	color: var(--branco);
}
.btn_pad_azul:focus:active{
	background-color: var(--azul_escuro);
	border-color: var(--azul_escuro);
	color: var(--branco);
}

.btn_pad_azul_claro {
	background-color: var(--azul_claro);
	border-color: var(--azul_claro);
	color: var(--preto);
}
.btn_pad_azul_claro:hover{
	background-color: var(--preto);
	border-color: var(--preto);
	color: var(--branco);
}
.btn_pad_azul_claro:focus:active{
	background-color: var(--azul_claro);
	border-color: var(--azul_claro);
	color: var(--preto);
}

.btn_pad_vermelho {
	background-color: var(--vermelho_claro);
	border-color: var(--vermelho_claro);
	color: var(--preto);
}
.btn_pad_vermelho:hover{
	background-color: var(--azul_claro);
	border-color: var(--azul_claro);
	color: var(--preto);
}
.btn_pad_vermelho:focus:active{
	background-color: var(--vermelho_claro);
	border-color: var(--vermelho_claro);
	color: var(--preto);
}

.btn_pad_verde {
	background-color: var(--verde_claro);
	border-color: var(--verde_claro);
	color: var(--preto);
}
.btn_pad_verde:hover{
	background-color: var(--preto);
	border-color: var(--preto);
	color: var(--branco);
}
.btn_pad_verde:focus:active{
	background-color: var(--verde_claro);
	border-color: var(--verde_claro);
	color: var(--preto);
}

.btn_pad_vermelho_preto {
	background-color: var(--vermelho_claro);
	border-color: var(--vermelho_claro);
	color: var(--preto);
}
.btn_pad_vermelho_preto:hover{
	background-color: var(--preto);
	border-color: var(--preto);
	color: var(--branco);
}
.btn_pad_vermelho_preto:focus:active{
	background-color: var(--vermelho_claro);
	border-color: var(--vermelho_claro);
	color: var(--preto);
}

.btn_pad_amarelo {
	background-color: var(--amarelo_claro);
	border-color: var(--amarelo_claro);
	color: var(--preto);
}
.btn_pad_amarelo:hover{
	background-color: var(--vermelho_claro);
	border-color: var(--vermelho_claro);
	color: var(--preto);
}
.btn_pad_amarelo:focus:active{
	background-color: var(--amarelo_claro);
	border-color: var(--amarelo_claro);
	color: var(--preto);
}


.btnlink {
	color: var(--roxo_claro);
	transition: background-color 0.2s;
	border-radius: 48px;
	font-weight: 700;
}
.btnlink:hover{
	color: var(--azul_escuro);
	transition: background-color 0.2s;
}
.btnlink:focus:active{
	color: var(--azul_escuro);
	transition: background-color 0.2s;
}

.btnmenu-azul{
	background-color: var(--azul_claro);
	border-color: var(--azul_claro);
}

.btnmenu-amarelo{
	background-color: var(--amarelo_claro);
	border-color: var(--amarelo_claro);
}
.btnmenu-vermelho{
	background-color: var(--vermelho_claro);
	border-color: var(--vermelho_claro);
}
.btnmenu-roxo{
	background-color: var(--roxo_claro);
	border-color: var(--roxo_claro);
}
.btnmenu-verde{
	background-color: var(--verde_claro);
	border-color: var(--verde_claro);
}

.btnmenu {
	color:var(--preto);
	max-height:8rem;
	max-width: 440px;
	min-width: 300px;
	margin-bottom: 8px;
	box-shadow: 2px 2px 6px 1px var(--preto);
	border-radius: 2px;
	font-weight: 700;
	text-decoration: none;
	transition: background-color 0.5s, border-color 0.5s, transform 0.5s, color 0.5;
	margin:0.3rem;
	padding: 10px 20px;
	justify-content: center;
	box-sizing: border-box;
	overflow: hidden;
}
.btnmenu:hover{
	background-color: var(--preto);
	border-color: var(--preto);
	color: var(--branco);
	transform: scale(1.02);
	transition: background-color 0.5s, border-color 0.5s, transform 0.5s, color 0.5;
}
.btnmenu:active {
	background-color: var(--azul_escuro)!important;
	border-color: var(--azul_escuro)!important;
	color: var(--branco)!important;
	transform: scale(0.96)!important;
	transition: background-color 0.5s, border-color 0.5s, transform 0.5s, color 0.5!important;
	outline: none!important;
}
.btnmenu:focus {
	background-color: var(--azul_escuro);
	border-color: var(--azul_escuro);
	color: var(--branco);
	transform: scale(0.96);
	transition: background-color 0.5s, border-color 0.5s, transform 0.5s, color 0.5;
	outline: none;
}
.btnmenu:focus-visible {
	background-color: var(--azul_escuro);
	border-color: var(--azul_escuro);
	color: var(--branco);
	transform: scale(0.96);
	transition: background-color 0.5s, border-color 0.5s, transform 0.5s, color 0.5;
	outline: none;
}
.textbtnmenu {
	font-size: 1.5rem;
}
.iconmenu {
	width: 5rem;
	height: 5rem;
	stroke: var(--branco);
	padding-bottom: 0.3rem;
	stroke-width: 3;
}
.filtro_itens{
	padding-left: 1rem;
	padding-right: 1rem;
}
.btn_logout{
	transform: rotateY(180deg);
}
	
	
.estalerta{
	font-size: 1.4rem;
	font-weight: 600;
	color:red;
}	

.novoplanoalerta{
	font-size: 1.4rem;
	font-weight: 600;
	color:green;
}

.table_head{
	background-color: var(--azul_claro);
	font-size: 1.5rem;
	font-weight: 700;
	border-radius: 0px;
	width: 100%;
	height: 100%;
}
.table_head_th{
	padding:0!important;
}
.table{
	--bs-table-hover-bg:rgba(255,151,151,0.1);
	--bs-table-striped-bg:rgba(170,167,255,0.01);
	--bs-table-active-bg:rgba(154,255,255,0.5);
}
.titulo_protocolo{
	font-weight: 700;
	font-size: 1.7;		
}
.tit_avaliacao{
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 3px;
	font-style: italic;
}
.data_sub{
	font-size: 0.8rem;
}
.btnnavavalia {
	font-size: 0.8rem;
	padding: 0.8rem 0 ;
}

.scrollspy-idade {
	overflow-y: scroll;
  	overflow-anchor: none;
	width: 100%;
    aspect-ratio: 1;
}

.estilo-pergunta {
	margin-bottom: 0.8rem;
}

.btn-check.btn-outline-primary, 
.btn-check.btn-outline-primary, 
.btn-outline-primary.active, 
.btn-outline-primary.dropdown-toggle.show, 
.btn-outline-primary{
    color: var(--preto);
    background-color: var(--branco);
    border-color: var(--preto);
}

.btn-check:active+.btn-outline-primary, 
.btn-check:checked+.btn-outline-primary, 
.btn-outline-primary.active, 
.btn-outline-primary.dropdown-toggle.show, 
.btn-outline-primary:active {
    color: var(--preto);
    background-color: var(--verde_claro);
    border-color: var(--verde_claro);
}

.btn-check:hover+.btn-outline-primary,  
.btn-outline-primary.active, 
.btn-outline-primary.dropdown-toggle.show, 
.btn-outline-primary:hover {
    color: var(--preto);
    border-color: var(--verde_claro);
	font-weight: 600;
}

.nav-link{
	background-color: #FFF !important;
	color: var(--preto) !important;
	border-color: var(--preto) !important;
}

.nav-link:active,.nav-link:checked,.nav-link.active{
	background-color: var(--verde_claro) !important;
	color: var(--preto) !important;
	font-weight: 600;
}
.est_tit_graf {
	margin-top: 1rem;
}
.est_area_perg {
	border-top-width: 0px;
	border-bottom: 1px;
	border-right: 1px;
	border-left: 1px;
	border-color: var(--preto);
	border-style: solid;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.esconder-btn{
	border:hidden;
}
.estiloqtdcarac {
	font-size: 0.7rem;
	text-align: end;
	color:var(--vermelho_claro);
}
.div_btn_voltar {
	position: absolute;
	top: 10px; /* Distância do topo */
	left: 10px; /* Distância da borda direita */
	z-index: 101;
}
.div_btn_tutorial {
	position: absolute;
	top: 10px; /* Distância do topo */
	right: 10px; /* Distância da borda direita */
	z-index: 100;
}
.div_btn_filtro{
	position:absolute;
	align-self: flex-end!important;
	margin-bottom: 1rem!important;
	padding-right: 2rem;
	width: 100%;
	max-width: 1200px;
}

.dropdown_filtro{
	--bs-btn-bg:var(--branco);
	--bs-btn-hover-bg:var(--azul_claro);
	--bs-btn-border-color:var(--preto);
	--bs-btn-hover-border-color:var(--preto);
	--bs-btn-color:var(--preto);
	--bs-btn-hover-color:var(--preto);
	--bs-btn-border-radius:48px;
}
.dropdown_filtro_ativo{
	--bs-btn-bg:var(--azul_claro);
	--bs-btn-hover-bg:var(--azul_claro);
	--bs-btn-border-color:var(--azul_claro);
	--bs-btn-hover-border-color:var(--preto);
	--bs-btn-color:var(--preto);
	--bs-btn-hover-color:var(--preto);
	--bs-btn-border-radius:48px;
}
.btn.show{
	color:var(--preto);
	background-color: var(--azul_claro);
	border-color: var(--azul_claro);
}
.dropdown_menu_filtro{
	--bs-dropdown-link-active-bg: var(--branco);
	--bs-dropdown-link-active-color:var(--preto);
}


.radio_filtro:checked{
	background-color: var(--azul_claro);
	border-color: var(--azul_claro);
}

.form-control{
	border-radius: 5px;
}
.form-floating>label {
	left:0.75rem;
}

.textarea_direita{
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	padding-left: 1.75rem;
}
.btn_novo{
	--bs-btn-color: #282c30;
	--bs-btn-bg: var(--branco);
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: var(--preto);
    --bs-btn-hover-bg: var(--azul_claro);
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #6c757d;
    --bs-btn-active-bg: var(--azul_claro);
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: var(--azul_claro);
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none;
}

.btn_novo_arredondado{
	border-bottom-left-radius: 5px !important;
	border-top-left-radius: 5px !important;
}
.nao_selecionavel{
    -webkit-user-select:none;  
    -moz-user-select:none;     
    -ms-user-select:none;      
	user-select: none;
}
.esquerda{
	text-align:start !important;
	margin-left: 0;
}
.div_barreiras{
	max-width: 800px;
}
.sep_alternativas{
	max-width:60% ;
	border: 0.3px solid #6c757d;
}
.alternativa{
	border-color:var(--cinza_medio_claro);
	border-style: solid;
	border-width: 1px;
	border-radius: 48px;
	padding: 0.5rem 1rem;
	margin-left: -1rem;
	margin-bottom: 5px;
}
.intratable{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.graf_ecoico{
	min-height: 100%;
}
.icon_info{
	width: 25px;
	height: 25px;
	margin-left: 15px;
	color:var(--azul_medio);
	position: absolute;
    top: 0;
    right: 0;
	background-color: #f0f0f0;  /* Cor de fundo sutil */
    border-radius: 50%;         /* Torna o ícone circular */
    padding: 5px;               /* Espaçamento interno para parecer um botão */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* Sombra suave */
    transition: all 0.3s ease-in-out;
    cursor: pointer;             /* Muda o cursor para indicar clicável */
}

.icon_info:hover {
    background-color: #e0e0e0;  /* Mudança de cor ao passar o mouse */
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
}

th {
    position: relative; /* Permite posicionamento absoluto do ícone */
	padding-right: 20px; /* Espaço para o ícone */
}

th i.icon_info {
    position: absolute;
    top: 0;
    right: 0;

}



.estilo-pergunta {
    position: relative; /* Permite o alinhamento do ícone na div */
	padding-right: 25px; /* Espaço para o ícone */
}

.estilo-pergunta i.icon_info {
    position: absolute;
    top: 0;
    right: 0;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

.btn_min_text {
    display: block; /* Faz o texto ir para a linha de baixo */
    font-size: 12px; /* Deixa a fonte menor */
    margin-top: 4px; /* Espaçamento entre o ícone e o texto */
}

#Div_VBMAPP .btn_pad{
	width: 90px;
    height: 90px;
}

#Div_portage .btn_pad{
	width: 90px;
    height: 90px;
}

#tabela-pacientes .btn_pad{
	width: 90px;
    height: 90px;
}

.titulo-container {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	position: relative;
}

.est_tit_graf {
	flex: 1;
	text-align: center;  /* Centraliza o título */
	margin: 0;
	font-size: 24px;
}

.copiar-btn {
	position: absolute;
	right: 0;  /* Move o botão para a direita */
	background-color: #4BC0C0;
	color: white;
	border: none;
	padding: 5px 5px;
	font-size: 10px;
	cursor: pointer;
	border-radius: 5px;
	display: flex;
	align-items: center;
}

.copiar-btn:hover {
	background-color: #41a1a1;
}

.copiar-btn:active {
	background-color: #255656; /* Cor ao clicar */
}

/* Ícone de cópia ajustado */
.copiar-btn i {
	margin-right: 2px;
	width: 20px;
	height: 20px;
}

.IA-btn{
	right: 30px;
	font-size: 15px;
}

.IA-btn svg{
	margin-right: 4px;
	width: 20px;
	height: 20px;
}

.titulo-container h2{
	margin-right: 30px;
	margin-left: 30px;
}

.chat-window p{
	text-align: left;
	font-size: 15px;
	/*overflow-x: hidden;*/
}