.container-login {
	width:100%;
    min-height: calc(100vh - 40px); /* Leva em consideração a altura do cabeçalho e do rodapé */
    padding-bottom: 40px; /* Leva em consideração a altura do rodapé */
    overflow: auto; /* Permite a rolagem do conteúdo caso exceda o tamanho da tela */
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}
	
@media (min-width:425px){
	.container-login {
		max-width:320px;
		min-height: calc(100vh - 40px); /* Leva em consideração a altura do cabeçalho e do rodapé */
		padding-bottom: 40px; /* Leva em consideração a altura do rodapé */
		overflow: auto; /* Permite a rolagem do conteúdo caso exceda o tamanho da tela */
		padding-right:15px;
		padding-left:15px;
		margin-right:auto;
		margin-left:auto
	}
}
	
@media (min-width:768px){
	 .container-login {
		max-width:400px;
		min-height: calc(100vh - 40px); /* Leva em consideração a altura do cabeçalho e do rodapé */
		padding-bottom: 40px; /* Leva em consideração a altura do rodapé */
		overflow: auto; /* Permite a rolagem do conteúdo caso exceda o tamanho da tela */
		padding-right:15px;
		padding-left:15px;
		margin-right:auto;
		margin-left:auto
	}
}

@media (min-width:1024px){
	.container-login {
		max-width:700px;
		min-height: calc(100vh - 40px); /* Leva em consideração a altura do cabeçalho e do rodapé */
		padding-bottom: 40px; /* Leva em consideração a altura do rodapé */
		overflow: auto; /* Permite a rolagem do conteúdo caso exceda o tamanho da tela */
		padding-right:15px;
		padding-left:15px;
		margin-right:auto;
		margin-left:auto
	}
}

@media (min-width:1200px){
	.container-login {
		max-width:1000px;
		min-height: calc(100vh - 40px); /* Leva em consideração a altura do cabeçalho e do rodapé */
		padding-bottom: 40px; /* Leva em consideração a altura do rodapé */
		overflow: auto; /* Permite a rolagem do conteúdo caso exceda o tamanho da tela */
		padding-right:15px;
		padding-left:15px;
		margin-right:auto;
		margin-left:auto
	}
}

.btn-espaco{
	margin:0 5px;
}

.footer{
	background-color: black;
    position: sticky;
    bottom: 0;
    width: 100%;
    height: 40px; /* Define a altura do rodapé */
	font-size: 0.75rem;
}

#logouttela{
	background: #27293D;
	margin: 30px;
	color: #e0e0e0e0;
	border-radius: 30px;		
}

#map{height: 100vh; max-height:550px;}

html, body,
#grafico1 {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}	

#footer{
	background-color: white;
    position: sticky;
    bottom: 0;
    width: 100%;
    height: 40px; /* Define a altura do rodapé */
	padding-right: 1rem;
	font-size: 0.60rem;
}
	
.load-icon{
  position:absolute;
  background:#FFF;
  width:50px;
  height:50px;
  position: absolute;
  left:50%;
  top:50%;
  margin-top:-30px;
  margin-left: -30px;
  padding:10px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  text-align:center;
  box-shadow:1px 1px 5px rgba(0,0,0,0.3);
  z-index:1000;
}
  /* Form de login */
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.radio-inline{
  margin:10px;
}
.imagem-autor-box{
  width:80px; height:80px; border-radius:40px; overflow:hidden;
}
#autor .imagem-autor-box {
  border: 3px solid white;
}
#autor input:checked+.imagem-autor-box{
  border: 3px solid gray;
}
.logotipo-header{margin:5vh 0;}
.page-header{color: #00a5a5; margin-bottom: 20px}
.btnView{margin:10px;}
.btn-margin{margin:10px 0}
.margin-box{margin:15px 0}
.spacer{border-bottom:1px solid #ccc; margin-bottom:15px; margin-top:15px; height:1px; width:100%}
/*
A custom Bootstrap 3.1 theme from http://bootply.com\

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/
.linha{display:block; margin-bottom:15px; padding-bottom:10px; border-bottom:1px dotted #ededed;}
.evo-pop{background:#FFF; padding:10px;}
body {
  background-color: #fff;
  height: 100vh;
}
footer {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  background-color: #fff;
}

.jcrop-holder{margin-bottom:20px;}
.thumbnail-gerada{margin-bottom:20px; max-width:300px; border:1px solid #ededed; padding:2px;}
.thumbnail-gerada img{width:100%;}

/*
 * off canvas
 * --------------------------------------------
 */
@media screen and (max-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -70%;
  }

  .row-offcanvas-left.active {
    left: 70%;
  }


  .grafico-left-top{
   float: left;
   width: 60%;
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 60%;
    margin-left: 10px;
  }
  .navbar-brand{
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:90%; float:left;
  }
}
/* Drop Down Menu */
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:0px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;background-color:#eeeeee;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc; margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.dropdown-submenu>.dropdown-menu li a{ padding:10px 15px}
.dropdown-submenu>.dropdown-menu li a:hover{ background-color:#B7C963; color:#7f894e}
/* sidebar navigation */
.nav-sidebar {
  background-color: #ee7026;
  margin-right: -15px;
  margin-bottom: 20px;
  margin-left: -15px;
  height:100%;
  position:fixed;
  z-index:5;
  width:100%;
  max-width:220px;
}
.navbar-inverse{
  background-color:#283333;
  border-color:#283333;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
  color:#283333;
}
.nav-sidebar > li > a:hover{color:#283333}
.nav-sidebar > .active > a {
  color: #283333;
  background-color: #00a6a6;
}
.navbar-inverse .navbar-text{
  color:#ee7026;
}
.darkness{color:#000; opacity:0.5; margin-right:2px;}
.barratopo{
	background-color: #000;
	justify-content: space-around;
	
}
.main {
  padding: 20px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}
.miniLogo{max-width:100px;}
.over-content{overflow:scroll;}
.over-content frame{width:100%!important;}
.img-lista{max-width:80px; float:left;}
.img-lista-mini{max-width:50px; float:left;}
.img-form{height:auto;}
.check{float:left; margin-right:10px!important;}
.del-thumb{max-width:250px!important; text-align:left;}
.panel-checkbox{width:100%; display:table;}
.box-checkbox{width:10%; float:left; margin:0 5px; position:relative;}
.check-item{position:absolute; top:5px; left:5px;}
.conteudo-checkbox p{font-size:11px; color:#888;}

.nao-lido{background:#e4f6ef}
.apagado{color:#ccc}
.rodape-mensagem{font-size: 11px; background-color: #f5f5f5;padding:10px;border-radius:3px;color:#555;}
.paragrafo{padding:10px;font-size:13px;color:#555;}

.painel-excluido{font-size: 11px}
.comentario-excluido{display: inline-block;font-style: italic;clear: both}

/* Estilo moderno para campo de senha com botão de olho */
.input-group-modern {
    position: relative;
    width: 100%;
}

.input-group-modern input {
    padding-right: 45px; /* espaço pro olho */
    border-radius: 10px; /* cantos arredondados */
    height: 45px;
    font-size: 16px;
}

.input-group-modern button {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
}

.input-group-modern i {
    font-size: 20px;
    color: #888;
}

.input-group-modern button:focus {
    outline: none;
    box-shadow: none;
}


/* end CSS */

/* Remover setas dos inputs type=number */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}