@import url(https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed);

@font-face {
    font-family: 'robotobold';
    src: url('fonts/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1 {color: #666;font-size: 1.8em;font-family: 'Roboto', sans-serif;font-weight: bold;}
h2 {color: #333;font-size: 1.4em;}
h3 {color: #555;font-weight:bold;font-size: 1em;}
hr {border-top: 0.15em solid #ccc;}

.body_action {
		background: url(../../images/geo_bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
	/*background: #627B7A; /* #32323A  */
	/*filter:alpha(opacity=60); color: white; IE */
	 /*-moz-opacity:0.6; Mozilla */
	/*opacity: 0.6;  CSS3
	position: absolute; top: 0; left: 0; height: 100%;
	width:100%; */}
.body_action  h1 {color: white;}
.body_action  h1 small {color: #ddd;}
.body_action hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
body {
	/*background-color: #E7E7E7;
	background: url(../../images/geo_bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}

.body_action  h2 {font-size: 1.5em;}

.label-lg { font-size: 1.6em; }

.admin_site {
		background: url(../../images/geo_bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.div-carregamento-pagina
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999997;
	/* transparência compatível com os navegadores comuns.*/
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
	background: black;
	text-align: center;
}
.texto-carregamento {
	color: #ccc;
	font-size: 30px;
	margin-top: 30%;
}

/* CUSTOM BTN */
.btn-orange {
  color: #fff;
  background-color: orange;
  border-color: #eea236;
}
.btn-orange:focus,
.btn-orange.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-orange:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-orange:active:hover,
.btn-orange.active:hover,
.open > .dropdown-toggle.btn-orange:hover,
.btn-orange:active:focus,
.btn-orange.active:focus,
.open > .dropdown-toggle.btn-orange:focus,
.btn-orange:active.focus,
.btn-orange.active.focus,
.open > .dropdown-toggle.btn-orange.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  background-image: none;
}
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled.focus,
.btn-orange[disabled].focus,
fieldset[disabled] .btn-orange.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-orange .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-no-radius {border-radius: 0px!important;}



/* MENU */
.mainmenu ul li {
    padding-top: 10px;
	background-color: #00CCCC;
	color: #FFF;
	margin: 10px 10px;
	width: 120px;
	text-align: center;
	height: 40px;
}

.mainmenu ul li:first-child {
    padding-left: 0px;
}

.mainmenu ul li a {
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 300;
    padding: 0;
    padding-bottom: 10px;
}


.mainmenu ul li a:hover,
.mainmenu ul li a.active,
.shop-menu ul li a.active {
    background: none;
    color: #FFF;
}
/*  Dropdown menu*/

.navbar-header .navbar-toggle .icon-bar {
    background-color: #fff;
}

.nav.navbar-nav>li:hover>ul.sub-menu {
    display: block;
    -webkit-animation: fadeInUp 400ms;
    animation: fadeInUp 400ms;
}

ul.sub-menu {
    position: absolute;
    top: 40px;
    left: 0;
    background: transparent; /*rgba(0, 0, 0, 0.6);*/
    list-style: none;
    padding: 0;
    margin: 0;
    width: 220px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 999;
	
}

.dropdown ul.sub-menu li .active {
    color: #FFF;
    padding-left: 0;
}

.navbar-nav li ul.sub-menu li {
    padding: 10px 20px 0;
	background-color: #00CCCC;
	width: 200px;
	height: 40px;
	text-align: left;
}

.navbar-nav li ul.sub-menu li:last-child {
    padding-bottom: 20px;
}

.navbar-nav li ul.sub-menu li a {
    color: #fff;
}

.navbar-nav li ul.sub-menu li a:hover {
    color: #FCC;
	text-decoration: none;
}

.fa-angle-down {
    padding-left: 5px;
}

/* FIM MENU */

/* ESPAÇOS */
.space2 {
	margin-top: 20px;
}
.bspace2  {
	margin-bottom: 20px;
}
/* FIM ESPAÇOS */


.plus-icon {
	color: green;
	font-size: 20px;
}

.wrapper-tabs {
	background-color: white;
	min-height: 220px;
}
.wrapper-page {
	display: flex;
	flex-direction: column;
    margin: 0 auto;
	background-color: white;
	min-height: 220px;
	width: 100%;
	padding: 20px 10px 20px 10px;
}
.wrapper-login {
	background: url(../../images/back_white_70.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-bottom: 20px;
	border-radius: 5%;
	border: 1px solid white;
}
/* Glyphs */
.greenGlyph {
	color: green;
	font-size: 16px;
}
.greenGlyph:hover {
	color: gray;
}
.orangeGlyph {
	color: orange;
	font-size: 16px;
}
.orangeGlyph:hover {
	color: gray;
}
.redGlyph {
	color: red;
	font-size: 16px;
}
.redGlyph:hover {
	color: gray;
}


/* CSS CHECKBOX */
/** CHECKBOX BUTTON **/
input[type=checkbox].css-checkbox {
		position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:30px;
	height:18px; 
	display:inline-block;
	line-height:18px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -18px;
}
label.css-label {
	background-image:url(../../images/csscheckbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-height: 18px;
}

/*** RADIO BUTTON **/
input[type=radio].css-checkbox {
position:absolute; z-index:-1000; left:-1000px; overflow: hidden;
clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].css-checkbox + label.css-label-radio {
padding-left:23px;
height:17px;
display:inline-block;
line-height:17px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:14px;
vertical-align:middle;
cursor:pointer;
}

input[type=radio].css-checkbox:checked + label.css-label-radio {background-position: 0 -17px; }
label.css-label-radio {
background-image:url(../../images/sprite.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* LOGIN PAGE */
.space8 {
	margin-top: 80px;
}
.space4 {
	padding-top: 40px;
}
.custom-orange {
	color: #fff;
    background-color: orange ;
    border-color: #f0ad4e;
	border-radius: 0px;
}
.custom-orange:hover, .custom-orange:focus {
	color: #F7F7F7;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
	border-radius: 0px;
}

.round-bar {
	border-radius: 25px 0 25px 0;
	background: #00CCCC;
	padding: 20px;
	color: white;
	min-width: 150px;
	text-decoration: none;
	margin: 20px 0 20px 0;
}

/* DASH */
.line-pastas {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0 40px 0;
	width: 100%;
}
.line-folders {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0 40px 0;
	width: 100%;
}
.wrapper-content {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.img-dash {
	padding: 10px 0 0 0;
	display: box;
	width: 15%;
}
.link-img {
	padding: 10px 0 0 0;
	display: box;
	width: 15%;
}
.line-dam {
	display: flex;
	justify-content: center;
	width:100%;
	text-decoration: none;
	margin: 20px 0 20px 0;
	border-top: 2px solid #EEE;
	border-bottom: 2px solid #EEE;
}
.tipo-center {
	margin: 0px 20px 0px 20px;
}


.container-wrapper {
	background-color: white;
	padding: 15px 15px 15px 15px;
	margin-top: 4vh;
	margin-bottom: 4vh;
	margin-left: 20px;
	margin-right: 20px;
	border-radius: 10px;
	min-height: 92vh
}

.limit-page {
	width: 90%;
	padding-top: 50px;
}
@media only screen and ( min-width: 1350px ) and (max-width: 1559px)
{
	.limit-page {
		width: 85%;
	}
}
@media only screen and ( min-width: 1600px )
{
	.limit-page {
		width: 85%;
	}
}
.container-dash {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}


@media only screen and ( min-width: 992px ) and ( max-width: 1200px )  
{
	.line-folders {
		width: 80%;
	}
}
@media only screen and ( min-width: 768px ) and ( max-width: 991px)
{
	.line-folders {
		width: 100%;
	}
	
}
@media only screen and ( max-width: 767px ) 
{
	.line-folders {
		flex-direction: column;
		width: 100%;
	}
	.link-img {
		padding: 10px 0 10px 0 ;
	}
}
	

ul, ol {
  list-style: none;
}

#accordion1{
width: 100%;
}



#accordion1 li.panel{
    margin-bottom: 0px;
  background-color: #006699;
  font-size: 20px;
  color: #FFF!important;
  text-transform: uppercase;
}

.nav > li > a:hover, .nav > li > a:focus {
  background-color: #2A1F68;
}

.span-panel {
	color: white;
	padding: 20px 0 20px 40px;
	text-decoration: none;
}


	/* MENU */
#nav
{
	width: 100%;/*70em;  1000 */
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	/*position: absolute;
	top: 10%;
	left: 50%;
	margin-left: -30em;*/ /* 30 480 */
}

.nav-bar {
	background-color: transparent!important;
	border: 1px solid #0099FF;
	color: #0099FF!important;
}

.list-dam {
	background-color: white!important;
	color: #0099FF!important;
	float:right; 
	width:260px;
	position: relative!important;
}
.a-link {
	color: #0099FF!important;
	padding-top: 0px!important;
}
.li-link {
	height: 20px;
	font-size: 0.8em;
}
.li-link :hover {
	height: 20px;
	font-size: 0.8em;
	color: white!important;

	background-color: white;
}

#nav > a
{
	display: none;
}

#nav li
{
	position: relative;
}
#nav li a
{
	color: #fff;
	display: block;
	text-decoration: none;
}
#nav li a:active
{
	background-color: #006699 !important;
	color: white!important;
}
#nav span:after
{
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #006699;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}
/* first level */

#nav > ul
{
	height: 40px; /* 60 */
	/* background-color: #e15a1f; */
	list-style-type: none;
}
#nav > ul > li
{
	width: 16%;
	height: 100%;
	float: left;
	z-index: 1000;
}
#nav > ul > li > a
{
	height: 100%;
	font-size: 1.2em; /* 24 */
	line-height: 2.5em; /* 60 (24) */
	text-align: center;	
	background-color: #0099FF;
	margin-left: 10px;
	margin-right: 10px;
	z-index: 1000;
}
#nav > ul > li:not( :last-child ) > a
{
	border-right: 1px solid #006699;
}
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a
{
	background-color: #006699;
}


/* second level */

#nav li ul
{
	background-color: #006699;
	display: none;
	position: absolute;
	/* top: 100%; */
	list-style-type: none;
}
#nav li:hover ul
{
	display: block;
	left: 0;
	right: 0;
}
#nav li:not( :first-child ):hover ul
{
	left: -1px;
}
#nav li ul a
{
	font-size: 1.2em; /* 20 */
	border-top: 1px solid #0099FF;
	padding: 0.75em; /* 15 (20) */
	margin-left: -20px;
}
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a
{
	background-color: #0099FF;
}


@media only screen and ( max-width: 80.5em ) /* 1000 */
{
	#nav
	{
		width: 100%;
		position: static;
		margin: 0;
	}
}

@media only screen and ( max-width: 991px ) /* 640 */
{

	#nav
	{
		position: relative;
		top: auto;
		left: auto;
	}
	#nav > a
	{
		width: 3.125em; /* 50 */
		height: 3.125em; /* 50 */
		text-align: left;
		text-indent: -9999px;
		background-color: #006699;
		position: relative;
	}
	#nav > a:before,
	#nav > a:after
	{
		position: absolute;
		border: 2px solid #FFF;
		top: 35%;
		left: 25%;
		right: 25%;
		height: 4px;
		content: '';
	}
	#nav > a:after
	{
		top: 60%;
	}

	#nav:not( :target ) > a:first-of-type,
	#nav:target > a:last-of-type
	{
		display: block;
	}


	/* first level */

	#nav > ul
	{
		height: auto;
		display: none;
		position: absolute;
		left: 0;
		right: 0;
	}
	#nav:target > ul
	{
		display: block;
	}
	#nav > ul > li
	{
		width: 100%;
		float: none;
	}
	#nav > ul > li > a
	{
		height: auto;
		text-align: left;
		padding: 0 0.833em; /* 20 (24) */
	}
	#nav > ul > li:not( :last-child ) > a
	{
		border-right: none;
		border-bottom: 1px solid #cc470d;
	}


	/* second level */

	#nav li ul
	{
		position: static;
		padding: 1.25em; /* 20 */
		padding-top: 0;
	}
}



/* CSS */
.wrapper-linha:before,
.wrapper-linha:after {
	display: table;
	content: " ";
}
.wrapper-linha {
	width: 100%;
	height: auto;
	margin: 10px 0 10px 0;
}
.colunas {
	width: 100%;
	position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.h1-header {
	padding-bottom: 9px;
	margin: 10px 0 10px 0;
    border-bottom: 1px solid #333;
    color: #333;
	right: 0;
}

.successGlyph, .successGlyph a {  color: green;}
.successGlyph:hover, .successGlyph a:hover {  color: red;}

.viewGlyph, .viewGlyph a {  color: blue; font-size:16px; }
.viewGlyph:hover, .viewGlyph a:hover {  color: red;}

.menuGlyph, .menuGlyph a {  color: orange; font-size:16px;}
.menuGlyph:hover, .menuGlyph a:hover {  color: red;}

.removeGlyph, .removeGlyph a {  color: red; }
.removeGlyph:hover, .removeGlyph a:hover {  color: blue;}

.cancelGlyph, .cancelGlyph a {  color: red; font-size: 16px;}
.cancelGlyph:hover, .cancelGlyph a:hover {  color: blue;}

.minusGlyph, .minusGlyph a {  color: #C6315E; font-size: 16px;}
.minusGlyph:hover, .minusGlyph a:hover {  color: blue;}

.checkGlyph, .checkGlyph a {  color: #51CB20; font-size: 16px;}
.checkGlyph:hover, .checkGlyph a:hover {  color: blue;}

.grayGlyph, .grayGlyph a {  color: gray;}
.grayGlyph:hover, .grayGlyph a:hover {  color: red;}


.box-ocorrencia {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
	padding: 20px;
	min-height: 400px;
}
.box-img-ocorrencia {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 100%;
	padding: 20px;
}
div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 30%;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}
.titulo-ocorrencia {
	font-size: 16px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: bold;
	width: 30%;
	height: 40px;
	padding-left: 10px;
}
.dado-ocorrencia {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 70%;
	min-height: 40px;
	font-size: 16px;
}
.linha-ocorrencia {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 100%;
}

#mask {
	position:absolute;
	top:0;
	z-index:9000;  
	background-color:#000; 
	display:none;
}

#boxes .window {
	position:absolute;
	width:440px;
	height:200px;
	display:none;
	z-index:9999;
	padding:20px;
}

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
#boxes #dialog {
	width:80%;
	height:80%;
	background-color: #F7F7F7;
}
/* posiciona o link para fechar a janela */
.close {
	display:block; 
	text-align:right;
	color: black;
}  

.color-fundo {
	background-color: #ccc;
}
.box-main {
	width: 50%;
	margin: 10px;
	border: 1px solid #CCC;
}
.wrapper-ocorrencia {
	display: flex;	
}
.area_texto {
	width: 100%;
	margin: 10px 0 10px 0;
}
.coluna-border {
	border-left: 1px solid #000;
}



/* PAGE AND CHARTS */

	
	.linha-titulo {
		background-color: #006699;
		display: flex;
		justify-content: 'flex-start';
		align-items: center;
		color: white;
		height: 50px;
		padding: 10px;
		font-size: 20px;
	}
	.linha-content {
		font-size: 14px;
		color: black;
		padding: 0 20px 20px 0;
	}
	
	
	
	
	
	$positive-circle   : #82d428;
$negative-circle   : #ff6e00;
$circle-gray       : #e4e4e4;
$header-black      : #242a32;
$background-color  : #6fcae7;
$tab-text          : #5d5d5d;
$white			       : #fff;
$reviews-text-black: #363636;
$white-light-gray  : #f9f9f9;

@mixin user-select() {
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
}

@mixin chart($radius, $width) {
  .chart-pie {
    position: relative;
    display: inline-block;
    height: $radius;
    width: $radius;
    border-radius: 50%;
    background-color: $circle-gray;
    vertical-align: middle;
     
    &:after {
      content: '';
      display: block;
      position: absolute;
      height: $radius - $width;
      width: $radius - $width;
      top: $width / 2;
      left: $width / 2;
      border-radius: 50%;
      background-color: $white;
    }
  }
  .chart-pie-count {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 44px;
    color: $header-black;
    text-align: center;
    z-index: 1;
  }
  .chart-pie > div {
    clip: rect(0, $radius, $radius, $radius / 2);
  }
  .chart-pie > div,
  .chart-pie.over50 .first-fill {
    position: absolute;
    height: $radius;
    width: $radius;
    border-radius: 50%;
  }
  .chart-pie.over50 > div {
    clip: rect(auto,auto,auto,auto);
  }
  .chart-pie.over50 .first-fill {
    clip: rect(0, $radius, $radius, $radius / 2);
  }
  .chart-pie:not(.over50) .first-fill {
      display: none;
  }
  .second-fill {
    position: absolute;
    clip: rect(0, $radius / 2, $radius, 0);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-width: $width - 1;
    border-style: solid;
    box-sizing: border-box;
  }
  .chart-pie.positive {
    .first-fill {
      background-color: $positive-circle;
    }
    .second-fill {
      border-color: $positive-circle;
    }
  }
  .chart-pie.negative {
    .first-fill {
      background-color: $negative-circle;
    }
    .second-fill {
      border-color: $negative-circle;
    }
  }
}

#aspect-content {
  margin: 50px 0 0;
  font-family: "Poppins", sans-serif;
    * {
      box-sizing: border-box;
    }
}
.aspect-tab {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 10px;
  border-radius: 4px;
  background-color: $white;
  box-shadow: 0 0 0 1px rgba(236,236,236,1);
  opacity: 1;
  transition: box-shadow .2s, opacity .4s;
  
  &:hover {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .11);
  }
}
.aspect-input {
  display: none;
}
.aspect-input:checked ~ .aspect-content + .aspect-tab-content {
  max-height: 3000px;
}
.aspect-input:checked ~ .aspect-content:after {
    transform: rotate(0);
}
.aspect-label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  max-height: 80px;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
  z-index: 1;
  cursor: pointer;
  &:hover ~ .aspect-content:after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM1NTZBRUEiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=');
  }
}
.aspect-content {
  position: relative;
  display: block;
  height: 80px;
  margin: 0;
  padding: 0 87px 0 30px;
  font-size: 0;
  white-space: nowrap;
  cursor: pointer;
  @include user-select();
  &:before,
  &:after  {
    content: '';
    display: inline-block;
    vertical-align: middle;
  }
  &:before {
    height: 100%;
  }
  &:after {
    position: absolute;
    width: 24px;
    height: 100%;
    right: 30px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUFDQUYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=');
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
  }
}
.aspect-name {
  display: inline-block;
  width: 75%;
  margin-left: 16px;
  font-weight: 500;
  color: $header-black;
  white-space: normal;
  text-align: left;
  vertical-align: middle;
}
.aspect-stat {
  width: 40%;
  text-align: right;
}
.all-opinions,
.aspect-name {
  font-size: 14px;
  line-height: 22px;
}
.all-opinions {
  color: $tab-text;
  text-align: left;
}
.aspect-content + .aspect-tab-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s;
}
.aspect-content > div,
.aspect-stat > div {
  display: inline-block;
}
.aspect-content > div {
  vertical-align: middle;
}
.positive-count,
.negative-count,
.neutral-count {
  display: inline-block;
  margin: 0 0 0 20px;
  padding-left: 26px;
  background-repeat: no-repeat;
  font-size: 13px;
  line-height: 20px;
  color: $reviews-text-black;
}
.positive-count {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiM3RUQzMjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE4LjU3MWMtNC43MjYgMC04LjU3MS0zLjg0NS04LjU3MS04LjU3MSAwLTQuNzI2IDMuODQ1LTguNTcxIDguNTcxLTguNTcxIDQuNzI2IDAgOC41NzEgMy44NDUgOC41NzEgOC41NzEgMCA0LjcyNi0zLjg0NSA4LjU3MS04LjU3MSA4LjU3MXpNMjAgMTBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMFMwIDE1LjUxNCAwIDEwIDQuNDg2IDAgMTAgMHMxMCA0LjQ4NiAxMCAxMHpNNSAxMS40MjdhNSA1IDAgMCAwIDEwIDAgLjcxNC43MTQgMCAxIDAtMS40MjkgMCAzLjU3MSAzLjU3MSAwIDAgMS03LjE0MiAwIC43MTQuNzE0IDAgMSAwLTEuNDI5IDB6bTEuMDcxLTVhMS4wNzEgMS4wNzEgMCAxIDAgMCAyLjE0MyAxLjA3MSAxLjA3MSAwIDAgMCAwLTIuMTQzem03Ljg1OCAwYTEuMDcxIDEuMDcxIDAgMSAwIDAgMi4xNDMgMS4wNzEgMS4wNzEgMCAwIDAgMC0yLjE0M3oiLz4KPC9zdmc+Cg==');
}
.negative-count {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNGRjZFMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE4LjU3MWMtNC43MjYgMC04LjU3MS0zLjg0NS04LjU3MS04LjU3MSAwLTQuNzI2IDMuODQ1LTguNTcxIDguNTcxLTguNTcxIDQuNzI2IDAgOC41NzEgMy44NDUgOC41NzEgOC41NzEgMCA0LjcyNi0zLjg0NSA4LjU3MS04LjU3MSA4LjU3MXpNMjAgMTBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMFMwIDE1LjUxNCAwIDEwIDQuNDg2IDAgMTAgMHMxMCA0LjQ4NiAxMCAxMHpNNSAxNC45OThhLjcxNC43MTQgMCAwIDAgMS40MjkgMCAzLjU3MSAzLjU3MSAwIDAgMSA3LjE0MiAwIC43MTQuNzE0IDAgMSAwIDEuNDI5IDAgNSA1IDAgMSAwLTEwIDB6bTEuMDcxLTguNTdhMS4wNzEgMS4wNzEgMCAxIDAgMCAyLjE0MiAxLjA3MSAxLjA3MSAwIDAgMCAwLTIuMTQzem03Ljg1OCAwYTEuMDcxIDEuMDcxIDAgMSAwIDAgMi4xNDIgMS4wNzEgMS4wNzEgMCAwIDAgMC0yLjE0M3oiLz4KPC9zdmc+Cg==');
}
.neutral-count {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNCQUMyRDYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE4LjU3MWMtNC43MjYgMC04LjU3MS0zLjg0NS04LjU3MS04LjU3MSAwLTQuNzI2IDMuODQ1LTguNTcxIDguNTcxLTguNTcxIDQuNzI2IDAgOC41NzEgMy44NDUgOC41NzEgOC41NzEgMCA0LjcyNi0zLjg0NSA4LjU3MS04LjU3MSA4LjU3MXpNMjAgMTBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMFMwIDE1LjUxNCAwIDEwIDQuNDg2IDAgMTAgMHMxMCA0LjQ4NiAxMCAxMHpNNS43MTQgMTEuNDI3YS43MTQuNzE0IDAgMSAwIDAgMS40MjloOC41NzJhLjcxNC43MTQgMCAxIDAgMC0xLjQyOUg1LjcxNHptLjM1Ny01YTEuMDcxIDEuMDcxIDAgMSAwIDAgMi4xNDMgMS4wNzEgMS4wNzEgMCAwIDAgMC0yLjE0M3ptNy44NTggMGExLjA3MSAxLjA3MSAwIDEgMCAwIDIuMTQzIDEuMDcxIDEuMDcxIDAgMCAwIDAtMi4xNDN6Ii8+Cjwvc3ZnPgo=');
}
.aspect-info {
  width: 60%;
  white-space: nowrap;
  font-size: 0;
  &:before {
    content: '';
    display: inline-block;
    height: 44px;
    vertical-align: middle;
  }
}
@include chart(44px, 4px);
.aspect-tab-content {
  background-color: $white-light-gray;
  font-size: 0;
  text-align: justify;
}
.sentiment-wrapper {
  padding: 24px 30px 30px;
}
.sentiment-wrapper > div {
  display: inline-block;
  width: 33.3%;
  max-width: 390px;
  padding: 0 5px;
  box-sizing: border-box;
  vertical-align: top;
  cursor: default;
}
.sentiment-wrapper > div > div {
  width: 100%;
  padding: 16px 24px 20px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #ececec;
  text-align: left;
}
.opinion-header {
  position: relative;
  width: 100%;
  margin: 0 0 24px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  color: $header-black;
  text-transform: capitalize;
}
.opinion-header > span:nth-child(2) {
  position: absolute;
  right: 0;
}
.opinion-header + div > span {
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  color: $reviews-text-black;
}
@media screen and (max-width: 800px) {
  .aspect-label {
    max-height: 102px;
  }
  .aspect-content {
    height: auto;
    padding: 10px 87px 10px 30px;
    &:before {
      display: none;
    }
    &:after {
      top: 0;
    }
  }
  .aspect-content > div {
    display: block;
    width: 100%;
  }
  .aspect-stat {
    margin-top: 10px;
    text-align: left;
  }
}
@media screen and (max-width: 750px) {
  .sentiment-wrapper > div {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .sentiment-wrapper > div:not(:first-child) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 500px) {
  .aspect-label {
    max-height: 140px;
  }
  .aspect-stat > div {
    display: block;
    width: 100%;
  }
  .all-opinions {
    margin-bottom: 10px;
  }
  .all-opinions + div > span:first-child {
    margin: 0;
  }
}

.rotate {
	-ms-transform: rotate(270deg); /* IE 9 */
  -webkit-transform: rotate(270deg); /* Safari 3-8 */
  transform: rotate(270deg);
}


/*
table {
    border-collapse: collapse;
    width: '100%';
    overflow-x: scroll;
    display: block;
}
thead {
    background-color: #EFEFEF;
}
thead, tbody {
    display: block;
}
tbody {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 80vh;
}
td, th {
    min-width: 100px;
    height: 25px;
    border: dashed 1px lightblue;
}
*/

.linha-leg {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background-color: #f3f3f3;
	height: 40px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 0 50px 0 0;
	margin-top: 10px;
}
.col-leg-block {
	display: block;
	width: '20%';
	padding: 2px 10px 2px 10px;
}

.linha-down {
	border: none;
	border-bottom: 1px solid #888;
}

.botao-mais {
	padding-right: 10px;
}

.colunas-center {
	display: flex;
	justify-content: center;
	align-items: center;
}
#perguntas { display: none; }
.row_height {
	height: 80vh;
	overflow: scroll;
}

.panel-heading.head-panel {
	text-align: center;
}

/* Bloco Situacao */
.show_status_green {
	position: fixed;
	float: top;
	top: 20vh;
	right: 19%;
	z-index: 100;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border: 2px solid white;
	border-radius: none;
	padding: 10px 10px;
	background-color: #1abc9c;
	color: #1A5653;
}
.show_status_red {
	position: fixed;
	float: top;
	top: 20vh;
	right: 19%;
	z-index: 100;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border: 2px solid white;
	border-radius: none;
	padding: 10px 10px;
	background-color: #FF6961;
	color: ##A80900;
}

.status-image {
  text-align: center;
}
.status-image input[type="file"] {
  display: none;
}
.status-figure {
  position: relative;
  width: 60px;
  height: 60px;
}
.status-avatar {
  cursor: pointer;
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  border-radius: 100%;
  border: 2px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  transition: all ease-in-out .3s;
  background-color: white;
}
.status-avatar:hover {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
}
.texto-status {
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	margin-right: 10px;
}

.btn-custom-pdf-front {
	background-color: #2376fb;
	border-color: #0457dc;
}

.btn-custom-pdf-comm {
	background-color: #19489F;
	border-color: #0457dc;
}

/* LAYOUT */
.wrapper-topo {
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1px solid #333;
			margin-bottom: 10px;
		}
		.wrapper-inputs {
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			align-items: flex-end;
		}
		.header-nav {
			display: flex;
			flex-direction: column;
		}
		.content-menu {
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.select-topo {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			width: 150px;
			background-color: orange;
		}
		.header-site {
			min-width: 300px;
			display: flex;
			justify-content: flex-end;
			align-items: center;
			margin-top: -10px;
		}
		.header-site h1 {
			font-size: 1.6em;
		}
		.select-situacao {
			width: 100%;
		}
		/* color select */
		.cores{
  position: relative;
  width: 200px;
  z-index: 1000;
}

.cores input[name="seleciona-cor"]{
  display: none;
}

.cores label[for="seleciona-cor"]{
  background-color: #ddd;
  box-sizing: border-box;
  position: absolute;
  left: calc(100% - 20px);
  height: 30px;
  width: 20px;
}

.cores label[for="seleciona-cor"]::after{
  display: block;
  content: "\1a06";
  font-size: 17px;
  padding-left: 3px;
  margin-top: -1px;
  position: relative;
}

.cores label[for="seleciona-cor"]:checked::after{
  content: "\1a08";
}

.cores input[name="seleciona-cor"]:checked ~ .cor label{
  display: block;
}

input[name="cor"]{
  display: none;
}

input[name="cor"]:checked + label::after{
  content: "\2713";
  color: #fff;
  padding: 0px 5px;
}

input[name="cor"]:checked + label{
  display: block;
  height: 30px;
}

label[for^="cor"]{
  display: none;
  height: 30px;
  width: calc(100% - 20px);
}


.line-levels {
	display: flex;
    justify-content: space-between;
    margin: 20px 0 20px 0;
	padding: 20px 100px 0px 100px;
	border-top: 1px solid #bce8f1;
	/*border-bottom: 1px solid black;*/
}
.line-button {
	display: flex;
    justify-content: space-between;
    padding: 0 50px 0 50px;
}

.block-levels {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 190px;
	height: 30px;
	padding: 10px 10px;
}

.linha-up {
	border-top: 1px solid #bce8f1;
	padding-top: 20px;
}
.levels-disabled {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-left: 10px;
	color: #888;
	font-weight: bold;
	height: 30px;
	width: 50%;
	background-color:  #CCC;
}

.levels-disabled-value {
	height: 30px;
	width: 50%;
	background-color: #AAA;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: 6px;
	color: #888;
	font-weight: bold;
}
				
.levels-critico-label {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					padding-left: 10px;
					color: white;
					font-weight: bold;
					height: 30px;
					width: 50%;
					background-color:  #e76f51;
				}
				
				.levels-critico-value {
					height: 30px;
					width: 50%;
					background-color:  red;
					display: flex;
					justify-content: flex-end;
					align-items: center;
					padding-right: 6px;
					color: white;
					font-weight: bold;
				}
				
				.levels-alerta-label {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					padding-left: 10px;
					color: white;
					font-weight: bold;
					height: 30px;
					width: 50%;
					background-color:  #f4a261;
				}
				
				.levels-alerta-value {
					height: 30px;
					width: 50%;
					background-color:  #D96D00;
					display: flex;
					justify-content: flex-end;
					align-items: center;
					padding-right: 6px;
					color: white;
					font-weight: bold;
				}
				
				.levels-atencao-label {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					padding-left: 10px;
					color: white;
					font-weight: bold;
					height: 30px;
					width: 50%;
					background-color:  #e9c46a;
				}
				
				.levels-atencao-value {
					height: 30px;
					width: 50%;
					background-color:  orange;
					display: flex;
					justify-content: flex-end;
					align-items: center;
					padding-right: 6px;
					color: white;
					font-weight: bold;
				}
				.levels-normal-label {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					padding-left: 10px;
					color: #27975D;
					font-weight: bold;
					height: 30px;
					width: 50%;
					background-color:  #CEE7D4;
				}
				
				.levels-normal-value {
					height: 30px;
					width: 50%;
					background-color:  #27975D;
					display: flex;
					justify-content: flex-end;
					align-items: center;
					padding-right: 6px;
					color: white;
					font-weight: bold;
				}
				
				
/* GRAFICOS */
.highcharts-figure,
.highcharts-data-table table {
    min-width: 360px;
    max-width: 100%;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}


#leituras_table th {
						background-color:#006699;
						color:#FFF;
						font-weight:bold;
					}