* {
	padding: 0; margin: 0; outline: 0;
}
body {
	margin: 0; 	padding: 0;
	font: 70%/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	text-align: center;
 
        width:  98%
        
}

 /* header */
#header {
	background:  #f6f8f7;
	height: 25px;
	text-align: left;
	width: 102%;
	/* height: 195px; */
}




/***********************
	  LAYOUT
************************/

#content, #header-content, #footer-content  {
	width: 945px !important;
}

/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
	background: #FAFAFA;
	/* background: #FAFAFA url(content-bg.jpg) repeat-y center top; */
}
#content {
	text-align: left;
	padding: 0;
	margin: 20px auto;
}

/* header */
#header {
	background:  #f6f8f7;
	height: 25px;
	text-align: left;
	width: 102%;
	/* height: 195px; */
}



.container {	
	
        overflow: hidden;
	float: left;
	margin-left: 2%px;
        width: 97%;
      /*  border : solid 1px;  */
}




.update-me {    
    
 
}

.wait_container {
    position: absolute;
    margin-left: 3px;
    top: 7px;
    left: 5px;
    display: block;
   

}


      .wait_circle {

            
            width: 30px;
            height: 30px;
            vertical-align: middle;
            text-align: center;
            padding: 7px 1px 5px 1px;
            font-size: 10px;
        }


        


		
		
		
		
        .botao {
          height: 30px;
          width: 30px;
}

.continua {
  display: none;
}

.botoes{
    position: absolute;
  float: right;
  display: block;
  top:40%;
  right: 4%;
}


.col_1 {
     display: block;
     float: left;
     width: 30px;
     cursor: pointer;
}





.wait_container {
    position: absolute;
    margin-left: 3px;
    top: 7px;
    left: 5px;
    display: block;
   

}


.grafico h1, .equipe h1{
    text-align:center;
    font-size:1.5em;
    font-weight:normal;
}
#footer{
    clear:both;
}

.equipe p{
    font-weight:bold;
    text-transform:uppercase;
}


.setor   {
    text-align: center;
    font-size:  18px;
     font-weight: bold;
     line-height: 8px;
}
.funcao {
    text-align: center;
    font-size:  16px;
    line-height: 8px;



}

/* this page declarations */
#wrapp {
width: 760px;
text-align: left;
font: normal 1em Arial;
margin: 0 auto;
padding: 0;
color: black;
}
#wrapp h1 {font: bold 1.1em Arial; margin: 1.2em 0 0.5em 0; padding: 0;}
.gnb {
width: 740px;
margin: 20px 0 3px 0;
background: #f0f1f1 url(gnb_bg.gif) left top repeat-x
}
.gnb h3{
font: normal 9px/14px Arial;
text-align: right;
margin: 0 10px 0 0;
padding: 0
}
#wrapp p{font: normal 0.9em Arial; margin: 1em 0; padding: 0;}
#wrapp h2 {font: bold 1em Arial;}
.red{
  color:red;
}
code {
width:93%;
font: normal 11px 'Courier New', Courier, Fixed;
color: #000;
display: block;
padding: 1em;
margin: 1em 0;
background-color: #eee;
 
 
white-space: pre;
overflow-x: auto;
}

 
.logo_fortaleza {
 
width: 150px;
height: 40px;
margin: 0;
padding: 0;
overflow: hidden;
position: absolute;
bottom: 2px;
left: 1100px;

}

.logo_fortaleza img {
    height: 40px;
    width: auto;
   
}

.dashboard {
 overflow: hidden;
}

h1 {
  font-weight: bolder;
  
}




.datagriddashboard{
    width:1215px;
    padding:0;margin:0;
    border-collapse:collapse;
    border-top:1px solid #c6d5e1;
    border-left:1px solid #c6d5e1
}

.datagriddashboard tr th{
    color:black;
    background:#E8F1F8;
    text-transform:uppercase;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    vertical-align: middle;
    text-align:center;


}

 
 

.datagriddashboard tr th a{
    color:blue;
    text-decoration:none;

}

.datagriddashboard tr td, .datagriddashboard tr th {
    padding:3px;
    height:10px;
    border-bottom:1px solid #c6d5e1;
    border-right:1px solid #c6d5e1;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:11px;
    vertical-align: middle;
    font-weight: bolder;

}

 .datagriddashboard tr th {

 font-size:15px;
 }

.datagriddashboard tr td input{
    width:90%;
}

.datagriddashboard tr.alt td{
    background: #ecf6fc;
}
.datagriddashboard tr.over td{
    background: #bcd4ec;
}
.onoffswitch3
{
    position: relative; 
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch3-checkbox {
    display: none;
}

.onoffswitch3-label {
    display: block; overflow: hidden;
    
    
}

.onoffswitch3-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
   
}

.onoffswitch3-inner > span {
    display: block; float: left; position: relative; width: 50%; height: 28px; padding: 0; line-height: 30px;
    font-size: 20px; color: white; font-family: 'Montserrat', sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

  .onoffswitch3-active {
    padding-left: 10px;
    
}

.onoffswitch3-inner .onoffswitch3-inactive {
    width: 100px;
    padding-left: 16px;
    background-color: #EEEEEE; color: #FFFFFF;
    text-align: right;
}



.onoffswitch3-switch {
    display: block; width: 50%; margin: 0px; text-align: center; 
  
    position: absolute; top: 0; bottom: 0;
}
.onoffswitch3-active .onoffswitch3-switch {
     left: 1;
     width: 150px;
     background: #2ec9b5 url(/salasituacao/images/pmf-100x40.png) no-repeat center center;
     background-size: 55% 85%;
}
 
.onoffswitch3-active2 .onoffswitch3-switch2 {
     left: 1;
     width: 160px;
     background: #ccd3d2 url(/salasituacao/images/pmf-100x40.png) no-repeat center center;
     background-size: 55% 85%;
}
 
.onoffswitch3-checkbox:checked + .onoffswitch3-label .onoffswitch3-inner {
    margin-left: 0;
}

.ticker-sala {
    border: 1px solid #00a195;
    background:   #00a195;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    height: 30px;
    position: absolute; 
    bottom: 5px;
    width: 1270px;
	width: 100%;
    }
	
	.spinner-carregando {
		position: fixed;
		top:2px;
		left:10px
	} 
	
	
	#contador {
		position: fixed;
		top:0px;
		left:5px
	}
	
	
	#tempo {
		color:green
	}
	
	#erro_alerta {
		visibility: hidden;
		position: fixed;
		top:2px;
		left:51px
	}
		
	#perda_conecaxao {
		color:red;
		margin-top: 5px;
		font-size: 8px
	}
	#pausa_alerta {
		visibility: hidden;
		position: fixed;
		top:2px;left:51px;
	}
	
	#load_alerta {
		visibility: hidden; 
		position: fixed;
		top:2px;left:25px; 
	}
	
	#botao_tela{
		position: absolute;
		float: right;
		display: block;
		top:0.5%; 
	}
	
	
	.modal-title-sala {
		color: #64A9A4;
		font-size: 20px;
		
	}
	
	.modal-body-sala {
		margin-left: 60px; 
	}
	
	
	.row-sala  {
		margin-top: 10px;
	}
	
	.row-sala div a {
		 min-width:  400px
	}
	
	.row-sala-fim {
		margin-top:25px;
	}
	
	.row-botao {
		margin-top: 17px
		
	}
	
	.update-me-body {
		height: 95%;
		width: 95%
		
	}
	
    .modal-dialog-login {
		
		width:580px;
		margin-top: 5%
		
	}
	
	
	#exampleModalLabel{ 
		 color: #64A9A4;
	}
	
	.input-group-addon,.btn-entrar {
		background-color: #64A9A4;
		color:white
	}
	
	
	.senha-invalida {
		font-size: 18px;
	}
	
	.botao-entrar {
		margin-left: 143px;
		width:42%
		
	}
	.pausa_alerta{
		color:red;
		margin-top: 5px;font-size: 8px
	}
	
	#loginform {
		margin-top: 20px;
	}
	
	.input-group-login{
		
		margin-left:20px;
		margin-bottom: 25px;
	}
	
	.input-group-senha {
		margin-left:20px;margin-bottom: 10px
	}
	
	#login-username ,#login-password{
		width: 88%;
		 
	}
	
	.btn-entrar{
		margin-left: 143px;
		width:42%; 
	}
	
	.row-botao-entrar {
		margin-top: 30px
		
	}
	
	.load_alerta_div {
		color:green;
		margin-top: 5px;
		font-size: 8px
	}
	
	.versao-sala {
		color: #64A9A4;
		font-size:12px;
		float: right;
		right: 10px;
		
	}
	
	
	.pausa-titulo {
		color:red;
		margin-top:6px;
		margin-left:3px;
		
	}
	
	.imagem-sala-principal {
		width: auto ; 
		height:  85%;
		overflow: hidden; 
		margin-top: -10px;
		
	}
	
	.botao-inativo {
		color:#8FBC8F;
	}
	
  .titulo-sala {
	 color:darkgreen;
	 font-size: 20px;
	 text-align: center;
	 text-transform: uppercase;
	 margin-top: -6px; 
	  
	  
  }
 .div-titulo-sala {
	
	width: 92% 
}
 
 
 .titulo-celular{
	 display:none;
 } 

 
  @media (max-width: 800px) { 
      
      .cc1,.cc2 {
          
          position: fixed; top: 80px; left: 20px;
          
          
      }   
  }
      
  @media (max-width: 800px) { 
  
    .ticker-sala{
	  display:none;
  }
  }
 
 
 @media (max-width: 800px) {

 body {

	border:solid 1px #f1e0e0;
        overflow: auto;
        
	
}

  .ticker-sala{
	  display:none;
  }

  #container-graficos{
  
  	width: 100%
  }
.dashboard{
 
  	width: 100%
  }

 
.botoes   {
  position: absolute;
  top: 88%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom:10pz;
  left: 30px;
  right: 0px;
  padding 10px 10px 10px 10px ;
}

.botao_tela{

	
}

 
 
.row {
    
     float: left; 
     width: 90px;
     cursor: pointer;

}

.row-botao {
		margin-top: 0px
		
	}

 




.titulo-sala {
	 color:darkgreen;
	 font-size: 14px;
	 text-align: center;
	 text-transform: uppercase;

	 
	  
	  
  }

  .div-titulo-sala {
	
	width: 100% 

	
}


#header {
	 
	height: 40px;
 

 

	 
}

.titulo-celular  {
   display:block;
   	 width: 100% ;
	 color: #64A9A4;
	 margin-left:10%;
	  position:fixed;
	 font-size:20px;
	 top:15px;
	 
 
}


.cc1,cc2 {
    
    min-width: 700px;overflow: scroll; 
    
    
}


 .spinner-carregando {
		position: fixed;
		top: 10px;
		left:10px;
		font-size:10;

	 
	} 


	.wait_circle {

         position: fixed;
		top: 9px;
		left:5px;
            
        }

 

.update-me-body {
	  margin-top:10%;
		height: 70%;
		width: 100%;
		overflow:auto;
		
	}
	
	
	
	img{
     
     max-width: 100%; 
     width: 100%
   

	}
	
	 .modal-dialog-login {
		
		width:auto;
		margin-top: 35%
		
	}

	.input-group-addon,.btn-entrar {
		background-color: #64A9A4;
		color:white;
		min-width:100%;
		margin-left:130%
	}

	
	
	#load_alerta,#pausa_alerta,#erro_alerta {
	 
		position: fixed;
		top:10px;left:25px; 
	}
	
	 	#proximo{ 

   margin-left:120px;

	}
	 
 
 #anterior{ 

   margin-left:-120px;

	}
	.logo-celular-ativo {
     left: 1;
    width: 120px; 
	height: 30px;
     background: url('/salasituacao/images/pmf-100x40.png') no-repeat center center    ; 
    background-size: 85% 100%; 
    float:right;
    top: 89%;
    left:60%;
    position:fixed;
 

}

.row-sala div a {
		 min-width:  60%
	}
	
	.row-sala ,.row-sala div,.row-sala div a   {
		 min-width:  100%;
		  
	}

 
	.row-sala  {
		margin-top: 10px;
		float:none
	}
	
	.sair-complemento {
		display:none;
	}


 }
 
	     body.tema-claro {
                background-color: #f1f5f9 !important; /* Cinza claro */
                color: #1e293b !important;
            }
            body.tema-claro .dashboard {
                background-color: #f1f5f9 !important;
            }
            body.tema-claro #header, body.tema-claro   {
                background-color: #e2e8f0 !important; /* Cinza um pouco mais escuro para contraste */
                color: #0f172a !important;
            }
            body.tema-claro .group-title {
                color: #334155 !important;
            }
            /* Ajustando o tamanho dos emojis do seu painel toggle */
            .cyber-toggle-labels span {
                font-size: 20px;
                line-height: 1;
            }
	
	.botoes-controle-painel {
                position: fixed;
                right: 25px;
                top: 50%;
                transform: translateY(-50%);
                display: flex;
                flex-direction: column;
                gap: 12px;
                z-index: 1050;
                background: rgba(255, 255, 255, 0.1);
                padding: 12px;
                border-radius: 20px;
                backdrop-filter: blur(10px);
                -webkit-backdrop-filter: blur(10px);
                border: 1px solid rgba(255, 255, 255, 0.15);
                box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
            }
	.botoes-controle-painel2 {
                position: fixed;
                right: 25px;
                top: 70%;
                transform: translateY(-50%);
                display: flex;
                flex-direction: column;
                gap: 12px;
                z-index: 1050;
                background: rgba(255, 255, 255, 0.1);
                padding: 12px;
                border-radius: 20px;
                backdrop-filter: blur(10px);
                -webkit-backdrop-filter: blur(10px);
                border: 1px solid rgba(255, 255, 255, 0.15);
                box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
            }

            .botoes-controle-painel .btn-info, .botoes-controle-painel .btn-danger {
                width: 55px;
                height: 55px;
                border-radius: 14px !important;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 20px;
                border: none !important;
                transition: all 0.2s ease-in-out;
                box-shadow: 0 4px 12px rgba(0,0,0,0.15);
                padding: 0 !important;
            }

            .botoes-controle-painel .btn-info {
                background-color: #2b3544 !important;
                color: #00d2ff !important;
            }

            .botoes-controle-painel .btn-info:hover {
                background-color: #00d2ff !important;
                color: #11141a !important;
                transform: scale(1.08);
            }

            .botoes-controle-painel .btn-danger {
                background-color: #e03131 !important;
                color: white !important;
            }
            
            .botoes-controle-painel .btn-danger:hover {
                transform: scale(1.08);
                opacity: 0.9;
            }

            .botoes-controle-painel #continua {
                display: none; 
            }
	
	

			










			   @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

            body {
                background-color: #11141a;
                font-family: 'Inter', sans-serif;
                color: #333333;
                letter-spacing: -0.2px;
                overflow: hidden; 
                margin: 0;
                padding: 0;
            }
 
            .rodape-principal-fino .texto-esquerda {
                color: #ffffff !important;
                font-size: 11px;
                font-weight: 600;
                letter-spacing: 0.3px;
                line-height: 31px; 
            }

            .rodape-principal-fino .versao-direita {
                color: rgba(255, 255, 255, 0.85) !important;
                font-size: 11px;
                font-weight: 400;
                line-height: 31px;
            }

            .botoes-controle-painel {
                position: fixed;
                right: 25px;
                top: 50%;
                transform: translateY(-50%);
                display: flex;
                flex-direction: column;
                gap: 12px;
                z-index: 1050;
                background: rgba(255, 255, 255, 0.1);
                padding: 12px;
                border-radius: 20px;
                backdrop-filter: blur(10px);
                -webkit-backdrop-filter: blur(10px);
                border: 1px solid rgba(255, 255, 255, 0.15);
                box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
            }

            .botoes-controle-painel .btn-info, .botoes-controle-painel .btn-danger {
                width: 55px;
                height: 55px;
                border-radius: 14px !important;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 20px;
                border: none !important;
                transition: all 0.2s ease-in-out;
                box-shadow: 0 4px 12px rgba(0,0,0,0.15);
                padding: 0 !important;
            }

            .botoes-controle-painel .btn-info {
                background-color: #2b3544 !important;
                color: #00d2ff !important;
            }

            .botoes-controle-painel .btn-info:hover {
                background-color: #00d2ff !important;
                color: #11141a !important;
                transform: scale(1.08);
            }

            .botoes-controle-painel .btn-danger {
                background-color: #e03131 !important;
                color: white !important;
            }
            
            .botoes-controle-painel .btn-danger:hover {
                transform: scale(1.08);
                opacity: 0.9;
            }

            .botoes-controle-painel #continua {
                display: none; 
            }

            .wait_container {
                position: fixed;
                top: 20px;
                left: 20px;
                z-index: 1060;
            }
            .wait_circle {
                background: rgba(0, 0, 0, 0.65) !important;
                border: 2px solid #f15a22 !important;
                color: #ffffff !important;
                width: 48px;
                height: 48px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: 600;
                font-size: 16px;
                backdrop-filter: blur(5px);
                box-shadow: 0 4px 12px rgba(0,0,0,0.3);
            }

            

            #botao_tela {
                position: fixed !important;
                top: 20px;
                right: 100px;
                z-index: 1040;
            }
 

#modal_agravo_botao {
    background: linear-gradient(135deg, #f15a22 0%, #d94812 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 12px !important;
    padding: 10px 22px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 6px 20px rgba(241, 90, 34, 0.35) !important;
    transition: all 0.2s ease-in-out !important;
    color: white !important;
    text-decoration: none;
    
    /* Configuração chave para manter o texto em uma linha sem quebrar */
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important; 
    gap: 10px;
}

#modal_agravo_botao:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(241, 90, 34, 0.5) !important;
    background: linear-gradient(135deg, #ff6b35 0%, #f15a22 100%) !important;
}

/* Alinhamento do ícone interno para não distorcer com texto grande */
#modal_agravo_botao .glyphicon {
    font-size: 14px;
    margin-top: -1px;
}
            body.modal-open .wait_container,
            body.modal-open #contador,
            .modal-backdrop.show ~ .wait_container {
                display: none !important;
                visibility: hidden !important;
                opacity: 0 !important;
            }

            .modal-fullscreen-xl .modal-content {
                border-radius: 24px !important;
                border: none !important;
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
                background-color: #f8fafc !important;
                overflow: hidden;
                display: flex;
                flex-direction: column;
                min-height: 95vh;
            }

            .modal-header-sala {
                background: #ffffff !important;
                border-bottom: 1px solid #e2e8f0 !important;
                padding: 20px 40px !important;
                display: flex;
                align-items: center;
                justify-content: space-between;
                width: 100%;
            }

            .modal-title-sala {
                font-size: 22px !important;
                font-weight: 700 !important;
                color: #1e293b !important;
                margin: 0;
            }

            .sidebar-modulos {
                background-color: #ffffff !important;
                border-right: 1px solid #e2e8f0 !important;
                padding: 25px 20px !important;
                display: flex;
                flex-direction: column;
                gap: 10px;
                min-height: 68vh;
            }

            .sidebar-title {
                font-size: 11px;
                font-weight: 700;
                color: #94a3b8;
                text-transform: uppercase;
                letter-spacing: 1px;
                margin-bottom: 5px;
                margin-top: 10px;
                padding-left: 5px;
            }

            .sidebar-modulos .btn-mod {
                width: 100% !important;
                text-align: left !important;
                padding: 12px 16px !important;
                border-radius: 12px !important;
                font-weight: 600 !important;
                font-size: 14px !important;
                border: none !important;
                transition: all 0.2s ease;
                display: flex;
                align-items: center;
                gap: 10px;
                background: #f1f5f9 !important;
                color: #475569 !important;
                cursor: pointer;
            }
            
            .sidebar-modulos .btn-mod:hover {
                transform: translateX(4px);
            }

            /* Cores dos Módulos */
            .sidebar-modulos .btn-mod.mod-cevepi.active-mod { background-color: #2baf5d !important; color: white !important; }
            .theme-mod-cevepi .group-title { border-left: 4px solid #2baf5d !important; }
            .theme-mod-cevepi .sala-card-btn { border-color: #2baf5d !important; color: #2baf5d !important; }
            .theme-mod-cevepi .sala-card-btn:hover { background: #2baf5d !important; color: white !important; box-shadow: 0 10px 15px -3px rgba(43, 175, 93, 0.3); }

            .sidebar-modulos .btn-mod.mod-ceinfa.active-mod { background-color: #2f74b5 !important; color: white !important; }
            .theme-mod-ceinfa .group-title { border-left: 4px solid #2f74b5 !important; }
            .theme-mod-ceinfa .sala-card-btn { border-color: #2f74b5 !important; color: #2f74b5 !important; }
            .theme-mod-ceinfa .sala-card-btn:hover { background: #2f74b5 !important; color: white !important; box-shadow: 0 10px 15px -3px rgba(47, 116, 181, 0.3); }

            .sidebar-modulos .btn-mod.mod-ciam.active-mod { background-color: #f15a22 !important; color: white !important; }
            .theme-mod-ciam .group-title { border-left: 4px solid #f15a22 !important; }
            .theme-mod-ciam .sala-card-btn { border-color: #f15a22 !important; color: #f15a22 !important; }
            .theme-mod-ciam .sala-card-btn:hover { background: #f15a22 !important; color: white !important; box-shadow: 0 10px 15px -3px rgba(241, 90, 34, 0.3); }

            .sidebar-modulos .btn-mod.mod-cerest.active-mod { background-color: #4baed4 !important; color: white !important; }
            .theme-mod-cerest .group-title { border-left: 4px solid #4baed4 !important; }
            .theme-mod-cerest .sala-card-btn { border-color: #4baed4 !important; color: #4baed4 !important; }
            .theme-mod-cerest .sala-card-btn:hover { background: #4baed4 !important; color: white !important; box-shadow: 0 10px 15px -3px rgba(75, 174, 212, 0.3); }

            .sidebar-modulos .btn-mod.mod-cevisa.active-mod { background-color: #ce4646 !important; color: white !important; }
            .theme-mod-cevisa .group-title { border-left: 4px solid #ce4646 !important; }
            .theme-mod-cevisa .sala-card-btn { border-color: #ce4646 !important; color: #ce4646 !important; }
            .theme-mod-cevisa .sala-card-btn:hover { background: #ce4646 !important; color: white !important; box-shadow: 0 10px 15px -3px rgba(206, 70, 70, 0.3); }

            .group-title {
                color: #1e293b !important;
                font-size: 14px !important;
                font-weight: 700 !important;
                text-transform: uppercase;
                letter-spacing: 0.5px;
                margin-top: 10px;
                margin-bottom: 15px;
                padding-left: 10px;
                text-align: left !important;
            }

            /* CARD BASE E COMPORTAMENTO HOVER DE EXPANSÃO */
            .sala-card-btn {
                width: 100% !important;
                background: #ffffff !important;
                border: 1px solid #e2e8f0 !important;
                border-radius: 14px !important;
                padding: 16px 20px !important;
                font-weight: 600 !important;
                font-size: 14px !important;
                text-align: center;
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
                
                position: relative !important;
                overflow: hidden !important;
                transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
                display: block;
                text-decoration: none !important;
            }
            
            .sala-card-btn:hover { 
                transform: translateY(-3px); 
                padding-bottom: 34px !important; /* Expande para baixo apenas no hover */
            }
            
            .sala-card-btn small { font-size: 13px !important; font-weight: 700 !important; line-height: 1.4; }

            /* POSICIONAMENTO E CONTRATE DO TEXTO DE ATUALIZAÇÃO */
            .sala-card-btn .texto-atualizado-card {
                font-size: 11px !important; 
                color: #64748b !important; 
                font-weight: 500 !important; 
                letter-spacing: 0.2px !important;
                
                position: absolute !important;
                bottom: 10px !important;
                left: 0 !important;
                width: 100% !important;
                text-align: center !important;
                
                opacity: 0 !important;
                visibility: hidden !important;
                transition: opacity 0.15s ease, visibility 0.15s ease, color 0.15s ease !important;
            }

            .sala-card-btn:hover .texto-atualizado-card {
                color: #ffffff !important; 
                opacity: 0.95 !important;
                visibility: visible !important;
            }

            .modal-footer-laranja-institucional {
                background-color: #f15a22 !important;
                padding: 15px 40px !important;
                display: flex;
                align-items: center;
                justify-content: space-between;
                border-top: none !important;
                width: 100%;
                margin-top: auto;
            }
            .modal-footer-laranja-institucional .info-esquerda { display: flex; align-items: center; gap: 20px; }
            .modal-footer-laranja-institucional .logo-fortaleza { height: 38px; width: auto; filter: brightness(0) invert(1); }
            .modal-footer-laranja-institucional .texto-rodape { color: #ffffff !important; font-size: 13px; font-weight: 500; }
            .modal-footer-laranja-institucional .versao-texto { color: rgba(255, 255, 255, 0.8) !important; font-size: 12px; font-weight: 400; }

            .atualizado-date { display: none; }
     body {
                background-color: #11141a  !important  ;
                font-family: 'Inter', sans-serif !important;
                color: #333333 !important;
                letter-spacing: -0.2px !important;
                overflow: hidden !important; 
                margin: 0 !important;
                padding: 0 !important;
            }
    .btn-info {
      transition: opacity 0.3s ease-in-out;
      opacity: 1;
    }
    .btn-info:hover {
      opacity: 0.8;
      background-color: darkgreen;
    }
    .atualizado-date {
      display: none;
    }
    #container_salas {
      position: fixed;
      left: 100px;
      top: 0px;
      background-color: #FFF5EE;
      width: 500px;
      height: 25px;
      font-size: 12px;
      color: black;
    }