body {
    cursor: auto !important;
    padding-right:0px !important;
    margin-right:0px !important;
    overflow-wrap: break-word;
}

.situacao {
	white-space: nowrap !important;
}

* {
    transition: width ease 0.5s;    
}

.icone-menu-favorito:hover {
	color: #ffd224 !important;;
	background-color: #257b72 !important;;
}

.botaoTipoAcesso {
	background-color: #257b72;
	color: white;
	display: inline-block;
    padding: 2px 10px 4px 10px;
    border-radius: 5px;
    margin-right: 10px;
    margin-top: 5px;
}

.icone-menu-favorito {
    transition: color 0.3s;
}

.justo-esquerda {
	padding-left: 0px !important;
}
.justo-direita {
	padding-right: 0px !important;
}

.alinha-esquerda {
	float: left;
}
.alinha-direita {
	float: right;
}
.alinha-centro {
	margin-left: auto;
	margin-right: auto;
}

.accordion-charts {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
}

.linha {
	float: left;
	height: 20px;
	width: 100%;
	margin-left: -10px;
	margin-top: -5px;
	border-bottom: 1px solid black;
	padding-left: 20px;
	padding-right: 20px;
}
.seta {
	float: left;
	width: 0px;
	height: 0px;
	margin-top: 10px;
	border: 5px solid transparent;
}
.seta.esquerda {
	border-right-color: black;
}
.seta.direita {
	border-left-color: black;
}

table .header-fixed {
  position: fixed;
  top: 0px;
  z-index: 1020;
  /* 10 less than .navbar-fixed to prevent any overlap */
  /*
  border-bottom: 2px solid #919191;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, 0.1);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  */
  /* IE6-9 */
}

table thead th {
  	text-align: left !important;
  	font-family: Source Sans Pro, sans-serif !important;
  	font-weight: normal;
}
.tooltip-multiline .tooltip-inner {
    white-space: pre-line;
    text-align: center !important;
}
/*Classes da tela do regulador*/

.direita .barraferramentas {
    background-color: #fff;
    border-color: #bdccd4;
    border-style: none;
    border-width: 3px 0 1px;
    margin-top: 20px;
}

.conversas .estabelecimento {
    flex: 3;
}

.conversas a {
    padding: 12px !important;
}

.conversas .label {
    font-size: 80%;
}

.iconeduashoras {
	color : #e3594a;
}

.iconeseishoras {
	color : #e6a62c;
}

.iconeatualizada {
	color : #8fad70;
}

.iconepropria {
	color : #f5871f;
}

.encaminhado {
	color : #787878;
}

.imediata, .respondida {
	color : #8FAD70;
}

.rejeitado, .pendencia {
	color : #e82f2f;
}

.aceito {
    color: #279CB1;
}

.aguardando{
    background-color: #279CB1;
}

.pendente {
	background-color: #d48d4e;
}

.transferencia {
    color: #6862bc;
}

i.encerrada {
	color: #8c98a7;
}

.encerrada {
	background-color: #8c98a7;
}

i.autorizada {
	color: #88bc52;
}

.autorizada {
	background-color: #88bc52;
}

i.aguardando {
	color: #279cb1;
}

i.recusada {
	color: #ff6f61;
}

.recusada {
	background-color: #ff6f61;
}

.scrollable-dropdown-menu .dropdown-menu {
	max-height: 290px;
	overflow-y: auto;
	top: 82px !important;
}

.scrollable-dropdown-menu .dropdown-menu-right .dropdown-menu {
	left: auto !important;
	right: 0 !important;
}

.search-numbers {
	position: absolute;
	z-index: 10;
	top: 56px;
	white-space: nowrap;
}

.radio {
	position : inherit;
}

/*Mapa de leitos*/
.iconeOcupado {
	color : #E3594A;
}

.iconeLivre {
	color : #8FAD70;
}

.iconeBloqueado {
	color : #EABF15;
}

.iconeExtra {
	color : #7C78B2;
}

.iconePrivado {
	color : #0000C8;
}

.mapaTotaisOcupado {
	border-left: 5px solid;
	border-color: #E3594A;
}

.mapaTotaisLivre {
	border-left: 5px solid;
	border-color: #8FAD70;
}

.mapaTotaisBloqueado {
	border-left: 5px solid;
	border-color: #EABF15;
}

.mapaTotaisExtra {
	border-left: 5px solid;
	border-color: #7C78B2;
}

.mapaTotaisPrivado {
	border-left: 5px solid;
	border-color: #0000C8;
}

.mapaTitulo {
	color: #3a9fa9;
}

.mapaDiv {
	width: 350px;
}

.mapaDivGeralComExtra {
	width: 75%;
	height: 100%;
}

.mapaDivGeralComExtraEPrivado {
	width: 50%;
	height: 100%;
}

.mapaDivGeralSemExtra {
	width: 100%;
	height: 100%;
}

.mapaDivExtra {
	width: 23%;
	height: 100%
}

.importante {
    color: #d9534f;
}

.texto-livre {
    white-space: pre-line;
}

.ultima-vista {
	border-bottom: solid 3px #D76E0A;
}

.iconeCovid19Suspeito {
	color : #F5871F;
}

.iconeCovid19Confirmado {
	color : #EE3D5D;
}

.iconeCovid19Descartado {
	color : #1B75BB;
}

.iconePacienteSUS {
	color : #729fcf;
}

.iconePacientePrivado {
	color : #f57900;
}

.input-com-botao {
	display: flex;
}

.input-com-botao *:first-child {
	flex: 1;
}

.input-com-botao .btn,
.input-com-botao .botao {
	margin-top: 1.7em;
	width: auto;
	align-self: start;
	margin-left: 1em;
}


.input-com-botao .input-number {
	margin-top: 1.7em;
	margin-left: .6em;
	align-self: start;
}

.lista.flex {
	align-items: center;
	border-bottom: 1px solid #ddd;

}

.lista.flex .form-control {
	margin: 0.5em;
	width: auto;
	display: inline;
}

.lista.flex input[number] {
	width: 3em;
}

.flex > .blocosolicitacao {
	flex: 1;
	margin-right: 2em;
}

.chips{
  border-radius: 15px !important;
  font-size: 12px;
  width: auto;
}

.chipsContainer {
  margin-top: 10px;
  margin-bottom: 10px;
}

.pointer {
  cursor: pointer;
}

.ng-table th.sortable.sort-asc, th.sortable.sort-desc {
  background-color: white !important;
  font-weight: bold !important;
}

.bold {
	font-weight: bold;
}

.taxaOcupacaoVermelho {
	background-color : #e3594a;
}

.taxaOcupacaoAmarelo {
	background-color : #e6a62c;
}

.taxaOcupacaoVerde {
	background-color : #8fad70;
}

.taxaOcupacaoRoxo {
    background-color: #6862bc;
}


.labelTaxaOcupacaoVermelho {
	color : #e3594a;
}

.labelTaxaOcupacaoAmarelo {
	color : #e6a62c;
}

.labelTaxaOcupacaoVerde {
	color : #8fad70;
}

.labelTaxaOcupacaoRoxo {
    color: #6862bc;
}


.cardMapaLeitos {
	border: solid 1px;
    border-color: #bdccd4;
    padding: 25px;
    border-radius: 4px;
    font-size: 17px;
    margin-bottom: 30px;
    cursor: pointer;
}

.tituloCardMapaLeitos {
	color: #486473;
    font-weight: 600;
    font-size: 1.4em;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.linhaValorTotalMapaLeitos {
	margin-bottom: 15px;
	color: #486473;
}

.valorTotalMapaLeitos {
	font-weight: 650; 
	color: #486473;
}

.labelTotalMapaLeitos {
	font-weight: 650; 
	color: #728997;
}

.progressMapaLeitos {
	height: 50px; 
	background-color: #bdbcbc;
}

.progressBarMapaLeitos {
	font-weight: 600;
    line-height: 50px;
    font-size: 18px;
}

.linhaValoresSituacoesMapaLeitos {
	text-align: center;
}

.corOperacionaisMapaLeitos {
	color: #486473;
}

.corBloqueadosMapaLeitos {
	color: #d7900a;
}

.corOcupadosMapaLeitos {
	color: #b93414;
}

.corLivresMapaLeitos {
	color : #478900;
}

.tamanhoLetraMapaLeitos {
	font-size: 17px;
}

.linhaLegendaMapaLeitos{
	width: 20px; 
	height: 20px; 
	float: left
} 

.textoLinhaLegendaMapaLeitos {
	float: left;
	margin-right: 20px;
}

.margemLabelQtdMapaLeitos {
	margin-left: 18px;
	margin-right: 18px;
}

.leitoMapaLeitos {
    display: inline-block;
    padding: 0;
    font-size: 85%;
    font-weight: 600;
    height: 60px;
    color: #fff;
    text-align: center;
    vertical-align: inherit;
    letter-spacing: normal;
    margin-right: 20px;
    margin-bottom: 15px;
    width: 110px;
    line-height: 60px;
    height:65px;
}

.textoConteudoLeitoMapaLeitos {
    display: inline-block;
    vertical-align: middle;
	line-height: normal;
	padding: 2px;
	word-break: break-all;
    overflow-wrap: anywhere;
}


.legenda.cid-secundario p {margin:0}
#identificacaoPaciente .info-adicional {
	font-size: 15px;    
    color: #333;
}
.historico-paciente .tab-content .ng-table th {
	text-align: left;
    padding: 10px;
    line-height: 1.2rem;
}
.panel-body {padding: 0}
.bloco-solicitacoes, .bloco-atendimentos-emergencia{
	border-bottom: solid 1px #ebebeb;
    padding-bottom: 7px;    
}    
.bloco-solicitacoes {clear:both;}

.bloco-historicoSolicitacaoTransporte {
	border-top: 3px #bdccd4 solid;
	margin-top: 24px;
    padding-top: 12px;
}

/** painel de emergências **/

.gauge-container {
	position: relative;
    width: 150px;
    height: 80px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.gauge {
	color: #52A55A;
	background: #52A55A;
	position: relative;
	border-radius: 50%/100% 100% 0 0;
	overflow: hidden;
}

.gauge:before {
	content: "";
	display: block;
	padding-top: 50%; /* ratio of 2:1*/
}

.gauge .chart {
	overflow: hidden;
}

.gauge .mask {
	position: absolute;
	left: 5%;
	right: 5%;
	bottom: 0;
	top: 10%;
	background-color: #fff;
	border-radius: 50%/100% 100% 0 0;
	z-index: 100;
}

.gauge-container .percentage {
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: 0;
	right: -1px;
	background-color: #F0A83C;
	transform: rotate(45deg);
	transform-origin: bottom center;	
}

.gauge-container .percentageCinza {
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: 0;
	right: -1px;
	background-color: #CCC;
	transform: rotate(45deg);
	transform-origin: bottom center;	
}

.gauge-container .percentage.percentage2 {
	background-color: #E54D3D;
	transform: rotate(90deg);
}

.gauge-container .percentage.percentage2Cinza {
	background-color: #CCC;
	transform: rotate(90deg);
}

.gauge-container .value {
	position: absolute;
	bottom: 0%;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 100;
	font-size: 3.5rem;
}

.gauge-container .percentage.percentage-val {
	transform: rotate(0deg);
	background: transparent;
	width: 50%;
	height: 10px;
	text-align: center;
	z-index: 100;
	left: 0;
	bottom: 0;
	top: auto;
	transform-origin: right center;
}

.percentage-val div {
	position: absolute;
	top: -6px;
	left: -6px;
	width: 20px;
	height: 20px;
	background: #fff;
	border: solid 5px #52A55A;
	border-radius: 50%;
}
.percentage-val.red div {
	border-color:#E54D3D;
}
.percentage-val.yellow div {
	border-color:#F0A83C;
}

.painel-emergencias h2 {font-size: 42px; font-weight: 400; line-height: 42px; font-family: "Source Sans Pro",sans-serif;}
.painel-emergencias h3 {font-size: 32px; font-weight: 700; line-height: 32px; font-family: "Source Sans Pro",sans-serif; margin-bottom: 30px;}
.painel-emergencias h4 { font-size: 24px; font-weight: 400; line-height: 24px; font-family: "Source Sans Pro",sans-serif; margin-top: 15px}
.painel-emergencias table {margin-bottom: 30px}
.painel-emergencias ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	padding: 0;
	margin-top: 30px;
}

.icon-toggle-accordion {
	font-size: 18px;
}

.fontSize17 {
	font-size: 17 px;
}
.sala-observacao ul li {
	text-align: center;
	width: 250px; margin : 0 100px 40px 0;
	max-width: 320px;
	margin: 0 100px 40px 0;
}

.painel-emergencias .siglaEstabelecimento {font-weight:700; font-size: 22px}
.painel-emergencias .textoSO {color: #333; font-size: 14px; line-height: 16px}

.painel-emergencias .legendas span {display: inline-block; font-size: 24px; line-height: 32px}
.painel-emergencias .legendaSecundaria span { font-size: 16px; font-style: normal; line-height: 16px}
.txoc-vermelho {color: #E54D3D; font-weight: 700 !important}
.txoc-amarelo {color: #F0A83C; font-weight: 700 !important}
.txoc-verde {color: #52A55A; font-weight: 700 !important}
.painel-emergencias table {width: 100%}
.painel-emergencias .tempo-atendimento tr  {border-bottom:solid 1px #e5e3e3;}
.painel-emergencias .tempo-atendimento,.painel-emergencias .tempo-atendimento th {text-align: center;}
.painel-emergencias .tempo-atendimento th,.painel-emergencias .tempo-atendimento td {padding:10px }
.painel-emergencias .tempo-atendimento th {vertical-align: bottom;color: #000;white-space: nowrap;}
/* .painel-emergencias .tempo-atendimento th:first-child,.painel-emergencias .tempo-atendimento td:first-child {padding-left:0 } */
.painel-emergencias .tempo-atendimento .text-left {text-align: left !important}
.painel-emergencias .tempo-atendimento .tempo-td {display: flex;align-items: center}
.painel-emergencias .tempo-atendimento .tempo .col-md-10  {display: flex; justify-content: space-around;}
.painel-emergencias .tempo-atendimento .tempo span {display: inline-block;text-align: center;min-width: 20px;}
.painel-emergencias th strong {font-size: 1.3rem}
.painel-emergencias .tempo strong {margin-bottom: 5px;display: inline-block;}
.painel-emergencias .lotacao {border: solid 3px;border-radius: 12%;font-weight: bold;}
.painel-emergencias .lotacao.red {border-color: red}
.painel-emergencias .lotacao.yellow {border-color: yellow}
.painel-emergencias .lotacao.green {border-color: green}   
.painel-emergencias .sala-obs span {
	display: flex;
    height: 30px;
    width: 60px;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.painel-emergencias .filtro-tipo-acesso {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
}
.painel-emergencias .daterange-container > i {
	position: absolute;    
}
.daterange-container {	
    float: right;
    position: relative;
}
.daterange-container .fa-calendar {
	left: 44px;
    bottom: 9px;
}
.daterange-container > a  {
	border: solid 1px #ccc;
    padding: 8px;
    color: #000;
    text-decoration: none;
}
.daterange-container .fa-chevron-left {
	float:left;
}
.daterange-container .fa-chevron-right {
	float:right;
}
.daterange {
	text-align: right;
    border: solid 1px #ccc;
    padding: 5px 0;
    padding-right: 15px;
    font-weight: bold;
    width: 127px;
}
.proc-detalhes table td {
	padding-right: 20px;
}
.proc-detalhes h5 {margin: 0 0 15px 0}
.proc-detalhes .esquerda h5 {margin: 20px 0 0 0 !important}

.ajustes-bloco-sol {
	display: flex;
	flex-grow:1;
}

.bloco-detalhe-scroll {
	position: sticky;
	top: 0;
	max-height: 60vh;
	overflow: auto;
}
#estatForm #especialidades .search-numbers {display: none !important}
.estatisticas .info-unidade {font-size: 12px}

.corMutirao {
	background-color: #562B00;
}

/*Dashboard Internados*/
.divDashboardInternados {
	display: inline-block; 
	overflow-y: scroll;
	height: 720px;
}

.tamanhoDivDashboardInternados {
	height: 600px;
}

.tamanhoDivTipoAcessoDashboardInternados {
	height: 900px;
}

.margemDashboardInternados {
	margin-bottom: 50px;
}

.tamanhoDivDashboardEmergencia {
	height: 300px;
}

.circuloEspontanea {
	background: #4472C4;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    border: black;
    border-style: solid;
    border-width: 1px;
}

.circuloAmbulatorioProprio {
	background: #ED7d31;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    border: black;
    border-style: solid;
    border-width: 1px;
}

.circuloSamuEstado {
	background: #A5A5A5;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    border: black;
    border-style: solid;
    border-width: 1px;
}

.circuloAcessoReguladoComAceite {
	background: #70AD47;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    border: black;
    border-style: solid;
    border-width: 1px;
}

.circuloAcessoReguladoImpositivo {
	background: #000;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    border: black;
    border-style: solid;
    border-width: 1px;
}

.circuloSamuPoa {
	background: #FFc000;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    border: black;
    border-style: solid;
    border-width: 1px;
}

.circuloTotalGeral {
	background: #3e80d5;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    border: black;
    border-style: solid;
    border-width: 1px;
}

.circuloTotalTipoAcesso {
	background: #e9d394;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    border: black;
    border-style: solid;
    border-width: 1px;
}

.circuloEncaminhadoOutraInstituicao {
	background: #d52bc8;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    border: black;
    border-style: solid;
    border-width: 1px;
}
h1 {
	font-weight: 400 !important;
}
h6 {
	font-weight: 700 !important;
}
.cor-numero-BRANCO{
	BORDER-RADIUS: 5PX;
	BORDER-COLOR: BLACK;
	BORDER-WIDTH: 2PX;
	BORDER-STYLE: solid;
	padding: 0 6px;
} 
.corMutiraoConsultas {
	background-color: #cc4388;
}
.painelFilaInternacao {
	height: 300px;
    box-shadow: 0 0 5px 0px #060606;
    border-radius: 5px;
    overflow-y:auto; 
}

.tabelaPainelFilaInternacao {
	height: 450px;
    box-shadow: 0 0 5px 0px #060606;
    border-radius: 5px;
    overflow-y:auto; 
}

.painelMenorFilaInternacao {
    box-shadow: 0 0 5px 0px #060606;
    border-radius: 5px;
    text-align: center;
    height: 160px;
}

.quadroTotaisPainelFilaInternacao {
	box-shadow: 0 0 5px 0px #060606;
    border-radius: 5px;
    text-align: center;
}
.quadroTotaisPainelFilaInternacao h2 {
	margin-top: 5px;
}

.quadroTotaisPainelFilaInternacao h3{
	margin-top: 0px;
	margin-bottom: 5px
}
.tabelaPainelFilaInternacao p {
	text-align: center;
}

.painelFilaInternacao p {
	text-align: center;
}

.quadroLegenda {
    display: inline-block;
    width: 50px;
    height: 21px;
    color: black;
    border-style: solid;
    border-color: black;
    border-width: 1px;
}

.quadroLegendaEmergencia {
	display: inline-block;
    width: 18px;
    height: 18px;
}

.feminino{
    background-color: #fc55ff;
}

.masculino{
    background-color: #1e93e7;
}

.descricaoParcial {
	display: block;
    overflow: hidden;
    height: 360px;
    line-height: 18px;
}

.destaque-maior.link-clicavel {
    cursor: pointer; /* Mantém o comportamento clicável */
    text-decoration: none; /* Remove o sublinhado */
    color: inherit; /* Mantém a cor original da classe destaque-maior */
}

.destaque-maior.link-clicavel:hover {
    color: #0056b3; /* Cor alterada ao passar o mouse, semelhante aos links no Bootstrap */
}

.rotacao-infinita {
  animation: girar 1s linear infinite;
}

.vermelhoSwalis{
	background-color:#EC2A51 !important
}
.laranjaSwalis{
	background-color:#F06A40 !important
}
.amareloSwalis{
	background-color:#E0A000 !important
}
.verdeSwalis{
	background-color:#8EBC8E !important
}
.azulSwalis{
	background-color:#91B3F2 !important
}
.cinzaSwalis{
	background-color:#c0c0c0!important
}
@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

ul.breadcrumb {
    padding: 0;
    padding-bottom: 10.5px;
    margin-bottom: 0;
    list-style: none;
    text-transform: lowercase;
    border-bottom: 3px solid #bdccd4;
    line-height: 1;
    font-size: .9em;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

ul.breadcrumb li.tornar-pagina-inicial {
    margin-left: auto; /* empurra o link para a direita */
    text-decoration: none;
}

ul.breadcrumb li.tornar-pagina-inicial a {
    color: #007b8f;
    text-decoration: none;
}

ul.breadcrumb li.tornar-pagina-inicial a:hover {
    text-decoration: underline;
}

.breadcrumb li.tornar-pagina-inicial::before {
    content: none !important;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0; left: 0;
  right: 0; bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 26px;
}

.slider:before {
  position: absolute;
  content: "✖";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #fff; 
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: #888;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #4CAF50;
}

input:checked + .slider:before {
  transform: translateX(24px);
  content: "✔";
  background-color: #fff; 
  color: #4CAF50;          
}

.margemMonitoramentoEletivas {
	margin-top: 10.5px !important;
	margin-bottom: 27px !important;
}