@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);
/*
	* HTML
*/
html{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}


/*
	* BODY
*/
body{
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	min-height: 100vh; /* Garante que a página ocupe toda a altura da janela */
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:clamp(12px, 13px, 14px);
    line-height:1.42857143;
    color:#333;
	
	
}
/*
	* TABLES
*/

.table-wrapper {
	/*border: 1px solid #cdcdcd;*/
	
	width: 100%; /* Ajuste a largura conforme necessário */
	max-height: 78vh;
	overflow-x: auto;
	overflow-y: auto;
		/*border: 1px solid #cdcdcd;*/

}
table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-spacing: 0; /* Remove espaçamentos entre células */
	font-size:12px;
}

th, td {
    min-width: 100px; /* Define um tamanho mínimo para cada célula */
    max-width: none; /* Remove limite de largura máxima */
    white-space: nowrap; /* Permite quebra de linha automática */
    word-wrap: break-word; /* Quebra palavras muito grandes */
    overflow: visible; /* Garante que o conteúdo não seja escondido */
    padding: 8px;
    text-align: left;
}

thead, th {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #baddfb;
    padding: 8px;
}

::-webkit-scrollbar{
    width: 0px;
    height: 8px;
	
}

::-webkit-scrollbar-thumb {
    background: #11c3f3;
	border:3px solid rgb(255 255 255);
    border-radius: 5px;
	
}
tbody tr:nth-child(even) {
	background-color: #e0dfdf;
}

tbody tr:nth-child(odd) {
	background-color: #ffffff;
}
tbody tr:hover {
	background-color: #1da7ee33;
}

.container-ajuda {
	
    margin: 20px 0 20px 0;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	}

button.collapsible {
    background-color: #ffffff;
    color: #000000;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: 2px solid #00a3e0; /* Borda azul */
    text-align: left;
	font-size:14px;
    margin: 5px 0;
    border-radius: 4px;
    transition: background-color 0.35s;
}
button.collapsible.ativado {
    background-color: #00a3e0;
}

button.collapsible:hover {
    background-color: #a9e8ff;
}
button.collapsible.ativado:hover {
    background-color: #00a3e0;
}
div.content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
    margin-bottom: 10px;
    border-radius: 4px;
}

.container-ajuda ul {
	margin: 0;
    list-style-type: none;
    padding: 0;
}

.container-ajuda ul li {
    margin: 8px 0;
	
}

.container-ajuda ul li a {
    text-decoration: none;
    color: #007BFF;
	font-size:13px;
}
.container-ajuda ul li i {
	margin: 5px;
}
.container-ajuda ul li a:hover {
    text-decoration: underline;
}
.container-graph {
	background-color: white; /* Cor de fundo do container */
	border-radius: 8px; /* Bordas arredondadas */
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Sombra suave */
	overflow: hidden; /* Para esconder elementos que saem do container */
	width:100%;
	margin-top: 20px;
	margin-bottom: 20px;
	
}

.header-graph {
	background-color: #5f9ed6; /* Cor da barra superior */
	padding: 15px; /* Espaçamento interno */
	color: white; /* Cor do texto */
	font-size: 16px; /* Tamanho da fonte */
	font-weight: bold;
}

.chart-container-graph {
	padding: 10px; /* Espaçamento interno para o gráfico */
}
/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	font-size: 18px;
	max-width: 800px;
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888!important; 
	width: 80%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0} 
	to {top:0; opacity:1}
}

@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

/* The Close Button */
.close {	
	color: white;
	float: right;
	font-size: 40px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.modal-header-success {
	border-radius: 4px 4px 0 0;
	padding: 2px 16px;
	background-color: #5cb85c;
	color: white;
}
.modal-header-wait {
	border-radius: 4px 4px 0 0 !important;
	padding: 2px 16px !important;
	background-color: #6f9ed7 !important;
	color: white !important;
}
.modal-header-alert {
	border-radius: 4px 4px 0 0 !important;
	padding: 2px 16px !important;
	background-color: #ce1515 !important;
	color: white !important;
}
.modal-header-warning {
	border-radius: 4px 4px 0 0 !important;
	padding: 2px 16px !important;
	background-color: #ff9900 !important;
	color: white!important;
}
.modal-body {padding: 2px 16px !important;}

/*---------------------------------------
	PRE LOADER              
-----------------------------------------*/

.preloader {
    position: fixed;
    top: auto;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: none repeat scroll 0 0 #ffffff;
}

.spinner {
    border: 1px solid transparent;
    border-radius: 3px;
    position: relative;
}

.spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
	
    width: 130px;
    height: 130px;
	
    border-radius: 50%;
    border: 5px solid #00a3e0;
    border-top-color: #ffffff;
    animation: spinner .9s linear infinite;
}

@-webkit-@keyframes spinner {
    to {transform: rotate(360deg);}
}

@keyframes spinner {
    to {transform: rotate(360deg);}
}


.sidenav {
	transition: 0.3s;
	height: 100%;
	width: 40px;
	position: fixed;
	z-index:10;
	top: 0;
	left: 0;
	background-color: #ffffff;
	overflow-x: hidden;
	padding-top: 60px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	
	
	/* Add an active class to the active side-dropdown button */
	
	
	/* side-dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the side-dropdown content */
	.side-dropdown-container {
		display: none;
		padding-left: 0px;
	}
	
	/* Optional: Style the caret down icon */
	.fa-caret-down {
		float: right;
		padding-right: 8px;
	}
	
}
.sidenav.open .side-dropdown-container {
	padding-left: 13px;
	
}
/* Add an active class to the active side-dropdown button */


/* side-dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the side-dropdown content */
.side-dropdown-container {
	display: none;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
	float: right;
	padding-right: 8px;
}


.sidenav.open{
	width:250px;
}

/* Seletor do elemento onde você quer ocultar a barra de rolagem */
.sidenav {
	scrollbar-width: none; /* Oculta a barra de rolagem no Firefox */
	-ms-overflow-style: none; /* Oculta a barra de rolagem no IE e Edge antigos */
}

/* Para navegadores baseados no WebKit (Chrome, Safari, Edge) */
.sidenav::-webkit-scrollbar {
	display: none; /* Oculta a barra de rolagem no Chrome, Safari e Edge */
}

.sidenav.open a.item-side,
.sidenav.open .side-dropdown-btn {
	
	display:flex;
	gap:10px;
	align-items: center;
	justify-content: flex-start;
}

.sidenav a.item-side,
.side-dropdown-btn { 
	text-decoration: none;
}
.sidenav.open a.item-side img,
.sidenav.open .side-dropdown-btn img{
	width:25px;
}
.sidenav a.item-side img,
.sidenav .side-dropdown-btn img{
	width:30px;
}
.side-dropdown-btn {
	background-color: #ffffff;
	border:none;
}
.sidenav a.item-side,
.side-dropdown-btn {
	-webkit-transition: 0.5s;
	transition: 0.5s;
    display: flex;
    align-items: center;
    text-decoration: none;
    position: relative; /* Para ser o pai do popup */	font-size: 14px;
	font-weight: bold;
	width: 100%;
	line-height: normal;
	color: #767676;
	padding: 10px;
	justify-content: center;
	position:relative;
}
.sidenav .item-side:hover .text,
.sidenav .side-dropdown-btn:hover .text{
	position: fixed;
    left: 45px; /* Posiciona o texto fora do item */
    top: 0; /* Vai precisar calcular individualmente */
    transform: translateY(-50%);
    background-color: rgb(22 72 117 / 85%); /* Fundo escuro */
    color: #fff;
    padding: 0px 8px;
    border-radius: 5px;
    white-space: nowrap;
    z-index: 10; /* Garante que o texto fique por cima de outros elementos */
	display:block;
}

/* Quando o sidenav estiver aberto, removemos o efeito */
.sidenav.open .item-side:hover .text ,
.sidenav.open .side-dropdown-btn:hover .text{
    position: static;
    background-color: transparent;
    color: inherit; /* Usa a cor padrão */
	
	border-radius: 0;
    transform: none;
    padding: 0px 8px;
	
    left: auto;
    top: auto;
    display: inline; /* Mostra o texto dentro do menu expandido */
}
.sidenav .item-side .text,
.sidenav .side-dropdown-btn .text,
.sidenav .side-dropdown-btn .fa{
	display:none;
}
.sidenav.open .item-side .text,
.sidenav.open .side-dropdown-btn .text,
.sidenav.open .side-dropdown-btn .fa{
	display:flex;
}

.sidenav  a.item-side:hover,
.sidenav  .side-dropdown-btn:hover {
	background-color: #ffffff;
	color: #11c3f3;
	
}
.sidenav  a.item-side:active,
.sidenav  .side-dropdown-btn:active {
	background-color: #ffffff;
	color: #11c3f3;
	transition: none; 
}
.sidenav .active > a.item-side {
	background-color: #ffffff;
	color: #11c3f3;
}

.sidenavbar-toggle {
	border: none;
	padding-top: 10px;
}

.sidenavbar-toggle {
	background-color: transparent;
}

.sidenav a .item-side:hover {
	color: #f1f1f1;
}

.sidenav .closebtn,.sidenav-closed .openbtn {
	font-size: 36px;
	color: #000;
	font-weight: bold;
	float: right;
	font-size: 24px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
}
.sidenav-closed .openbtn {
	padding-top: 10px;
}
.sidenav .closebtn {
	margin-right: 20px;
}
#main {
	padding: 15px;
	padding-top: 60px;
	display: flex;
	flex-direction: column;
	transition: 0.3s;
	margin-left:40px;
	min-height: 100vh; /* Garante que a página ocupe toda a altura da janela */
	
}

#main.open {
	margin-left:250px;
}
@media screen and (min-width: 1000px) {
	.sidenav.open .item-side .text,
	.sidenav.open .side-dropdown-btn .text{
		display: block;
		position: absolute;
		left: 50px;
	}
	
	.sidenav.open .side-dropdown-btn .fa{
		display: block;
	}
	
}
@media screen and (max-width: 1000px) {
	.sidenav.open a.item-side,
	.sidenav.open .side-dropdown-btn { 
		
		justify-content: center;
		font-size: 22px;
	}
	.sidenav {width: 0;}
	
	.sidenav.open {width: 100%; z-index:998;}
	.sidenav .item-side,.sidenav .side-dropdown-btn{display: none!important;}
	.sidenav.open .item-side,.sidenav.open .side-dropdown-btn {display: flex!important;}
	
	#main {
		margin-left:0px;
	}
	.sidenav.open a.item-side img,
	.sidenav.open .side-dropdown-btn img{
		width:32px;
	}
}

footer {
	background-color: #f8f9fa;
	padding: 10px;
	text-align: center;
	border-top: 1px solid #ddd;
	color: #555;
}
@media (min-width: 768px) {
	.dropdown-content .dropdown-item:last-child {
		border-bottom-left-radius: 10px; 
		border-bottom-right-radius: 10px; 
	}
	.dropdown-content {
		border-bottom-left-radius: 10px; 
		border-bottom-right-radius: 10px; 
	}
	
}
/* Estilos para o submenu */
.navbar .dropdown {
	position: relative;
}

.navbar .dropdown-content {
	display: none; /* Submenu oculto por padrão */
	z-index: 1;
position: absolute;
width:auto;
background-color: #ffffff;
min-width: 180px;
box-shadow: 0px 15px 16px 0px rgba(0, 0, 0, 0.2);

}

.navbar .dropdown-content a {
-webkit-transition: 0.5s;
transition: 0.5s;
color: white;
padding: 10px;
text-decoration: none;
display: block; /* Deixa cada item do submenu em uma linha */
transition: background 0.3s;
}

.navbar .dropdown-content a:hover {
background-color: #555; /* Efeito de hover para itens do submenu */
}

/* Estilos para o submenu expandido */
.navbar .dropdown:hover .dropdown-content {
display: block; /* Exibe o submenu ao passar o mouse */
}
@media (max-width:1000px){
.navbar .dropdown-content {
position: relative;
width:100%;
}

.navbar .dropdown:hover .dropdown-content {
display: flex; /* Exibe o submenu ao passar o mouse */
flex-direction: column;
}
.bot-primary{
margin: 0px 0px;
}

}
@media (max-width:768px){
.barra-menu-top .dropdown-content {
position: relative;
width:100%;
}

.barra-menu-top .dropdown:hover .dropdown-content {
display: flex; /* Exibe o submenu ao passar o mouse */
flex-direction: column;
}


}


.icone-circular {

border-radius: 50%; /* Torna o ícone circular */
position: absolute;
left: 0;
width: 100%;
text-align: center;

transition: background-color 0.3s ease; /* Transição suave ao passar o mouse */
}

.icone-circular:hover {
background-color: #1da7ee33; /* Cor ao passar o mouse */
cursor:pointer;

}
.bar1, .bar2, .bar3 {
width: 25px;
height: 2px;
background-color: #fff;
margin: 6px 0;
transition: 0.35s;
}
.change .bar1 {
transform: translate(0, 8px) rotate(-45deg);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
transform: translate(0, -8px) rotate(45deg);
}
.custom-navbar {
background: #ffffff;
border-top: 10px solid #d9d9d9;

border-bottom: 0;
-webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
padding: 12px 0;
margin-bottom: 0;
padding: 0;
}

.custom-navbar .navbar-brand {
color: #454545;
font-size: 18px;
font-weight: bold;
line-height: 40px;
}

.custom-navbar .navbar-nav.navbar-nav-first {
margin-left: 8em;
display: flex;flex-direction: row;justify-content: center;align-items: center;align-content: center;
}

.custom-navbar .navbar-nav.navbar-right li a {
-webkit-transition: 0.5s;
transition: 0.5s;
padding-right: 12px;
padding-left: 12px;
}

.custom-navbar .navbar-nav.navbar-right li a .fa {
background: #29ca8e;
border-radius: 100%;
color: #ffffff;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
margin-right: 5px;
}

.custom-navbar .nav li a {
-webkit-transition: 0.5s;
transition: 0.5s;
display: flex;
font-size: 16px;
font-weight: bold;
width: 100%;
justify-content: center;
line-height: normal;
color: #403e3e;
padding-right: 22px;
padding-left: 22px;
}

.custom-navbar .navbar-nav > li > a:hover,
.custom-navbar .navbar-nav > li > a:focus {
background-color: #5f9ed6;
}

.custom-navbar .nav li a:hover {
background-color: #5f9ed6;
color: #ffffff;

}
.custom-navbar .nav li a:active {
background-color: #5f9ed6;
color: #ffffff;
transition: none; 
}
.custom-navbar .nav li.active > a {
background-color: #5f9ed6;
color: #ffffff;
}

.custom-navbar .navbar-toggle {
border: none;
padding-top: 10px;
}

.custom-navbar .navbar-toggle {
background-color: transparent;
}

.custom-navbar .navbar-toggle .icon-bar {
background: #878787;
border-color: transparent;
}

@media screen and (max-width: 1170px) {
.custom-navbar .navbar-nav.navbar-nav-first {
display: flex;
margin-left: inherit;
}
}


.hr-separador {
  border: 1px solid #006ac3;
  height: 1px;
  background-color: #006ac3;
  margin: 0 0;
}
@media only screen and (max-width: 1000px) {
h1 {
font-size: 2.5em;
}

h1,h2,h3 {
line-height: normal;
}

.custom-navbar {
display:block;
background: #ffffff
-webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
padding: 10px 0;
text-align: center;
}
.custom-navbar .navbar-nav.navbar-nav-first {
display: block;
width: 100%;
}
}
.custom-navbar .navbar-brand,
.custom-navbar .nav li a {
/* line-height: normal; */
}

.custom-navbar .nav li a {
padding: 20px;
}

.custom-navbar .navbar-brand,
.top-nav-collapse .navbar-brand {
color: #252525;
font-weight: 600;
}

.custom-navbar .nav li a,
.top-nav-collapse .nav li a {
color: #403e3e;
}

.custom-navbar .navbar-nav.navbar-right li {
display: inline-block;
}

.linha_link{

}

.linha_link:hover{	
cursor: pointer;	
}



/* Layout styles -----------------------------------*/
/* Configuração do grid para telas maiores que 620px */
@media (min-width: 960px) {
main-1 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}

section-1 {
break-inside: avoid;
}
}

/* Configuração do grid para telas maiores que 960px */
@media (min-width: 1200px) {
main-1 {
grid-template-columns: repeat(3, 1fr);
}
}

main-1 {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}

section-1 {
gap: 10px;
display: flex;
justify-content: center;
border-top: 3px solid var(--red);
border-radius: 3px;
margin-bottom: 10px;
overflow: hidden;
flex-direction: column;
}

@media only screen and (max-width: 992px) {
section,
footer {
padding: 60px 0;
}
.extend-100-vert {
height: auto;
}
.home-slider .item {
background-position: center center;
}

.feature-thumb,
.about-info,
.team-thumb,
.footer-info {
margin-bottom: 50px;
}

.contact-image {
margin-top: 50px;
}
}

/*
* AJUSTE GERAL DA PAGINA

@media (min-width:768px){
.container{
width:750px
}
}
@media (min-width:992px){
.container{
width:970px
}
}
@media (min-width:1200px){
.container{
width:1170px
}
}
.row{
margin-right:-15px;
margin-left:-15px
}

.pull-right{
float:right!important
}
.pull-left{
float:left!important
}
.hide{
display:none!important
}
.show{
display:block!important
}
.text-center{
text-align:center
}

*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
/*
* ELEMENTOS HEADER
*/
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
font-family:inherit;
font-weight:500;
line-height:1.1;
color:inherit
}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{
font-weight:400;
line-height:1;
color:#777
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{
font-size:65%
}
.h4,.h5,.h6,h4,h5,h6{
margin-top:10px;
margin-bottom:10px
}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{
font-size:75%
}
.h1,h1{
font-size:36px
}
.h2,h2{
font-size:30px
}
.h3,h3{
font-size:24px
}
.h4,h4{
font-size:18px
}
.h5,h5{
font-size:14px
}
.h6,h6{
font-size:12px
}
/*
* ELEMENTOS BUTTON
*/
button,input,optgroup,select,textarea{
margin:0;
font:inherit;
color:inherit
}
button{
overflow:visible
}
button,select{
text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
-webkit-appearance:button;
cursor:pointer
}
button[disabled],html input[disabled]{
cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
padding:0;
border:0
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{
display:table;
content:" "
}
.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{
clear:both;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,summary{
display:block
}
.btn-cmd-list{
height: 20px;
}
.btn{
display:inline-block;
padding:6px 12px;
margin-bottom:0;
font-size:14px;
font-weight:400;
line-height:1.42857143;
text-align:center;
white-space:nowrap;
vertical-align:middle;
-ms-touch-action:manipulation;
touch-action:manipulation;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background-image:none;
border:1px solid transparent;
border-radius:4px
}
.btn-block{
display:block;
width:100%
}
.btn-primary{
color:#fff;
background-color:#337ab7;
border-color:#2e6da4;
margin:10px;
}
.btn-primary.focus,.btn-primary:focus{
color:#fff;
background-color:#286090;
border-color:#122b40
}
.btn-primary:hover{
color:#fff;
background-color:#286090;
border-color:#204d74
}

.btn-excel{
color:#fff !important;
background-color:#179929 !important;
border-color:#179929 !important
}
.btn-excel.focus,.btn-excel:focus{
color:#fff !important;
background-color:#1e810f !important;
border-color:#1e810f !important
}
.btn-excel:hover{
color:#fff !important;
background-color:#1e810f !important;
border-color:#1e810f !important
}
.btn-pdf{
color:#fff !important;
background-color:#a90808 !important;
border-color:#a90808 !important
}
.btn-pdf.focus,.btn-pdf:focus{
color:#fff !important;
background-color:#850707 !important;
border-color:#850707 !important
}
.btn-pdf:hover{
color:#fff !important;
background-color:#850707 !important;
border-color:#850707 !important
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{
color:#fff;
background-color:#286090;
border-color:#286090
}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{
color:#fff;
background-color:#204d74;
border-color:#204d74
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{
background-image:none
}
.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{
background-color:#337ab7;
border-color:#2e6da4
}
.btn-primary .badge{
color:#337ab7;
background-color:#fff
}

.btn-secondary{
color:#fff;
background-color:#337ab7;
border-color:#2e6da4
}
.btn-secondary.focus,.btn-secondary:focus{
color:#fff;
background-color:#122b40;
border-color:#122b40
}
.btn-secondary:hover{
color:#fff;
background-color:#204d74;
border-color:#204d74
}
.btn-secondary.active,.btn-secondary:active,.open>.dropdown-toggle.btn-secondary{
color:#fff;
background-color:#204d74;
border-color:#204d74
}
.btn-secondary.active.focus,.btn-secondary.active:focus,.btn-secondary.active:hover,.btn-secondary:active.focus,.btn-secondary:active:focus,.btn-secondary:active:hover,.open>.dropdown-toggle.btn-secondary.focus,.open>.dropdown-toggle.btn-secondary:focus,.open>.dropdown-toggle.btn-secondary:hover{
color:#fff;
background-color:#204d74;
border-color:#122b40
}
.btn-secondary.active,.btn-secondary:active,.open>.dropdown-toggle.btn-secondary{
background-image:none
}
.btn-secondary.disabled.focus,.btn-secondary.disabled:focus,.btn-secondary.disabled:hover,.btn-secondary[disabled].focus,.btn-secondary[disabled]:focus,.btn-secondary[disabled]:hover,fieldset[disabled] .btn-secondary.focus,fieldset[disabled] .btn-secondary:focus,fieldset[disabled] .btn-secondary:hover{
background-color:#337ab7;
border-color:#2e6da4
}
.btn-secondary .badge{
color:#337ab7;
background-color:#fff
}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{
outline:0px auto -webkit-focus-ring-color;
outline-offset:-2px
}
.btn.focus,.btn:focus,.btn:hover{
color:#fff;
text-decoration:none
}
.btn.active,.btn:active{
background-image:none;
outline:0;
-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{
cursor:not-allowed;
filter:alpha(opacity=65);
-webkit-box-shadow:none;
box-shadow:none;
opacity:.65
}

.btn-secondary{
color: #fff;
background-color: #6c757d; /* Cinza médio */
border-color: #495057; /* Cinza escuro */
}

.btn-secondary.focus, .btn-secondary:focus{
color: #fff;
background-color: #5a6268; /* Cinza escuro */
border-color: #343a40; /* Cinza mais escuro */
}

.btn-secondary:hover{
color: #fff;
background-color: #868e96; /* Cinza claro */
border-color: #6c757d; /* Cinza médio */
}

.btn-secondary.active, .btn-secondary:active, .open>.dropdown-toggle.btn-secondary{
color: #fff;
background-color: #5a6268; /* Cinza escuro */
border-color: #343a40; /* Cinza mais escuro */
}

.btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .btn-secondary:active:focus, .btn-secondary:active:hover, .open>.dropdown-toggle.btn-secondary.focus, .open>.dropdown-toggle.btn-secondary:focus, .open>.dropdown-toggle.btn-secondary:hover{
color: #fff;
background-color: #343a40; /* Cinza mais escuro */
border-color: #1d2124; /* Cinza escuro */
}

.btn-secondary.active, .btn-secondary:active, .open>.dropdown-toggle.btn-secondary{
background-image: none;
}

.btn-secondary.disabled.focus, .btn-secondary.disabled:focus, .btn-secondary.disabled:hover, .btn-secondary[disabled].focus, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary.focus, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:hover{
background-color: #868e96; /* Cinza claro */
border-color: #6c757d; /* Cinza médio */
}

.btn-secondary .badge{
color: #6c757d; /* Cinza médio */
background-color: #fff;
}
/*
* ELEMENTOS INPUT
*/
input{
line-height:normal
}
/*
* ELEMENTOS A
*/
a{
color:#337ab7;
text-decoration:none
}
/*
* ELEMENTOS CONTAINER/GROUPS
*/
.form-group{
margin-bottom:15px
}

.login-form
{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}

.login-form .row
{
margin-left: 0;
margin-right: 0;
}

#table-devices {
margin: 80px;
}

#login .container {
margin-top:5%;
}

.login-form {
width: 100%;
max-width: 500px;
}



.container-1{
justify-content: center; /* Centraliza horizontalmente */
align-items: center; /* Centraliza verticalmente */
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto;
min-width: 600px;
}
.container-conteudo-pag {
width:100%;
min-width: 300px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
background-color: #ffffff; /* Cor de fundo do container */
padding: 10px; /* Espaçamento interno do container */
margin: 15px auto; /* Centraliza horizontalmente */
margin-right:auto;
border-radius: 8px;
margin-left:auto;
}

.separador {
color: white; /* Cor do texto */
padding: 10px; /* Espaço ao redor do texto */
text-align: center; /* Centraliza o texto */
font-weight: bold; /* Define o texto como negrito */
}

.barra-menu-top{
position: fixed;
width: 100%;
top: 0;
display: block;
align-items: center; /* Para alinhar verticalmente */
background-color:#222;
border-color:#080808;
z-index:1000;

}

.barra-menu-top .menu-principal{
padding-right:15px;
padding-left:15px;
overflow-x:visible;
-webkit-overflow-scrolling:touch;
border-top:1px solid transparent;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
box-shadow:inset 0 1px 0 rgba(255,255,255,.1)
}

.barra-menu-top-links {
background-color:#222;
list-style: none;
margin: 0;
padding: 0;
display: flex; /* Mantém horizontal no modo desktop */

}
.barra-menu-top-toggle {
display: none;
cursor: pointer;
font-size: 24px;
color: white;
}
.barra-menu-top-logo {
height: 28px; 
}
@media (max-width: 768px) {
.drop-menu-item{
display: flex;
width: 200px;
justify-content: center;
}
.barra-menu-top {
justify-content: space-between;
}
.barra-menu-top-links {
display: none; /* Esconde os links no modo móvel */
flex-direction: column; /* Links ficam em coluna */
position: absolute;
top: 100%;
right: 0;
width: 98%;
background-color: #333;
padding: 10px;
}
.barra-menu-top-toggle {
display: block;
}  
.barra-menu-top-links.active {

display: flex; /* Mostra os links quando ativo */
}
.item-menu{

font-size: 20px;
padding: 2% 0%;

}
.barra-menu-top-logo {
height: 30px; 
}
}

.menu-paginas-pesquisa {
height:50px;
padding:10px 5px;
line-height:20px;
color: #696969
}
.menu-paginas-pesquisa:hover {
color: #9d9d9d;
text-decoration: none;
cursor: pointer
}

.barra-menu-top .submenu-left{
margin:0;
float:left!important
}
.barra-menu-top .submenu-right{
margin:0;
float:right!important;
margin-right:-15px;
}

.item-menu{
float:left;	
padding:8px 1vw;
color:#ffffff;
width: 100%;

}

.item-menu:hover {

color: #9d9d9d;
text-decoration: none;
cursor: pointer
}

.filter-panel {
border: 1px solid #ccc; /* Borda */
background: #ffffff; /* Cor de fundo */
padding: 10px; /* Espaço interno */
display: none; /* Inicialmente escondido */
transition: max-height 0.8s ease; /* Transição suave ao expandir/colapsar */
}
.toggle-button {
display: flex; /* Para centralizar ícone e texto */
align-items: center; /* Centraliza verticalmente */
background-color: #122b40; /* Cor do botão */
color: white; /* Cor do texto do botão */
border: none; /* Sem borda */
padding: 10px; /* Espaço interno */
cursor: pointer; /* Cursor para indicar interatividade */
transition: transform 0.8s ease; /* Para animação de rotação */
}


.button-container {
display: flex;
justify-content: space-around; /* Espaçamento igual entre os botões */
align-items: center;
padding: 20px;
background-color: #f0f0f0; /* Cor de fundo da div */
border-radius: 8px; /* Bordas arredondadas */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra para dar profundidade */
}

.button {
display: flex;
margin: 20px;
flex-direction: column; /* Ícone em cima do texto */
align-items: center;
text-decoration: none; 
color: #333; /* Cor do texto */
font-size: 20px;
background-color: #fff; /* Cor de fundo do botão */
padding: 10px;
border-radius: 5px; /* Bordas arredondadas */
transition: transform 0.2s, box-shadow 0.2s; /* Efeitos de transição */
width: auto; /* Largura dos botões */
}

.button:hover {
transform: translateY(-3px); /* Efeito de elevação ao passar o mouse */
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Sombra mais forte ao passar o mouse */
background-color: #0056b3; /* Cor mais escura ao passar o mouse */
color: #ffffff;
}

.icon-btn {
width: 120px; /* Tamanho do ícone */
height: 120px; /* Tamanho do ícone */
margin-bottom: 5px; /* Espaçamento entre ícone e texto */
}

.toggle-icon {
margin-right: 8px; /* Espaço entre ícone e texto */
transform: rotate(0deg); /* Estado inicial (sem rotação) */
}

.expanded .toggle-icon {
transform: rotate(180deg); /* Rotação ao expandir */
}
/*
* ALERTAS CUSTOMIZADOS
*/

.alert {
z-index:4;

padding: 20px;
background-color: #f44336;
color: white;
opacity: 1;
transition: opacity 0.6s;
margin-bottom: 15px;
}

.alert.success {background-color: #04AA6D;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}

.closebtn:hover {
color: black;
}
.close{
float:right;
font-weight:700;
line-height:1;
color:#000;
text-shadow:0 1px 0 #fff;
filter:alpha(opacity=20);
opacity:.2
}
input:-internal-autofill-selected {
appearance: menulist-button;
background-image: none !important;
background-color: #ffffff !important;
color: fieldtext !important;
}
.input-form{
height:34px;
padding:6px 12px;
font-size:14px;
line-height:1.42857143;
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:4px;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.input-form:focus{
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.input-form-1{
padding:2px 12px;
font-size:12px;
line-height:1.42857143;
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:4px;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.input-form-1:focus{
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.input-form-1:read-only {
pointer-events: none;
background-color: unset; /* Fundo cinza para indicar que está desativado */
border: 0px; /* Borda diferente */
-webkit-box-shadow:none;
box-shadow:none;
}

.form-control{
display:block;
width:100%;
height:34px;
padding:6px 12px;
font-size:14px;
line-height:1.42857143;
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-control:focus{
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.navbar-laravel
{
box-shadow: 0 2px 4px rgba(0,0,0,.04);
}

.navbar-brand , .nav-link, .my-form, .login-form
{
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.my-form
{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}

.my-form .row
{
margin-left: 0;
margin-right: 0;
}

.login-form
{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}

.login-form .row
{
margin-left: 0;
margin-right: 0;
}

#table-devices {
margin: 80px;
}

#login .container {
margin-top:5%;
}



.form-control .btn {
min-height: 38px;
border-radius: 2px;
}
.btn {        
font-size: 15px;
font-weight: bold;
}

*[role="form"] {
max-width: 700px;
padding: 15px;
margin: 0 auto;
border-radius: 0.3em;
background-color: #f2f2f2;
}

*[role="form"] h3 { 
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 40px;
font-weight: 600;
color: #000000;
margin-top: 5%;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}
#search_devices {
margin-right:5px;
margin-bottom:5px;
margin-top:10px;
}

.register-form {
min-width: 250px;
margin: 10px auto;
max-width: 700px;
}
.card form {
border-radius:8px;

margin-bottom: 15px;
background: #f7f7f7;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
padding: 30px;
}




.ngHideSample {
padding: 40px;
margin: 0px;
}
.ngHideSample.ng-hide-add {
color
-webkit-transition: all linear 0.3s;
-moz-transition: all linear 0.3s;
-ms-transition: all linear 0.3s;
-o-transition: all linear 0.3s;
opacity: 1;

}
.ngHideSample.ng-hide-add-active {
opacity: 0;
}
.ngHideSample.ng-hide-remove {
-webkit-transition: all linear 0.3s;
-moz-transition: all linear 0.3s;
-ms-transition: all linear 0.3s;
-o-transition: all linear 0.3s;
opacity: 0;
}
.ngHideSample.ng-hide-remove-active {
opacity: 1;
}

.vertical-center{
margin-top:15%;
}

.alert-animation.ng-enter, .repeat-item.ng-leave {
-webkit-transition: 0.5s linear all;
transition: 0.5s linear all;
}

.alert-animation.ng-enter, .repeat-item.ng-leave.ng-leave-active {
opacity: 0;
}

.alert-animation.ng-leave, .repeat-item.ng-enter.ng-enter-active {
opacity: 1;
}

.table-responsive {
overflow-y: visible !important;
}


.btn-devices {
min-width:150px;
margin-top:2px;
margin-bottom:2px;
}	

.status {
width: 16px;
height: 16px;
border-radius: 50%; 
background-color: grey; /* Cor padrão */
border: 2px solid #ccc; 
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); 
}

/* Verde quando online */
.status.status-online {
background-color: #00f900;
border-color: #555555;
}
/* Laranja quando Pinpad não tiver conectado */
.status.status-warning-tef {
background-color: #ff8900;
border-color: #555555;
}
/* Vermelho quando offline */
.status.status-offline {
background-color: #c20f0f;
border-color: #555555; /* Borda vermelha */
}
.table > tbody > tr > td {
vertical-align: middle !important;
}

.table > thead > tr > th {
vertical-align: middle !important;
}

.table >thead > tr {
background-color:#EAEFF7;
}

html, body { 
overflow-x: hidden;
}




.btn-circle {
width: 30px;
height: 30px;
text-align: center;
padding: 6px 0;
font-size: 12px;
line-height: 1.428571429;
border-radius: 15px;
}
.btn-circle.btn-lg {
width: 50px;
height: 50px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 25px;
}
.btn-circle.btn-xl {
width: 70px;
height: 70px;
padding: 10px 16px;
font-size: 24px;
line-height: 1.33;
border-radius: 35px;
}


@keyframes shadow-pulse
{
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
}
100% {
box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
}
}

.pulse-button-animation {    
animation: shadow-pulse 1s infinite;
}

@media (min-width: @screen-md-min) {
.row-rtl {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: right;
}
}
}

.checkbox-menu li label {
display: block;
padding: 3px 10px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
margin:0;
transition: background-color .4s ease;
}
.checkbox-menu li input {
margin: 0px 5px;
top: 2px;
position: relative;
}

.checkbox-menu li.active label {
background-color: #cbcbff;
font-weight:bold;
}

.checkbox-menu li label:hover,
.checkbox-menu li label:focus {
background-color: #f5f5f5;
}

.checkbox-menu li.active label:hover,
.checkbox-menu li.active label:focus {
background-color: #b8b8ff;
}