/**
* set padding to make room for bootstrap menu
*
*/


/*
* need to set the height for objects
* set top padding to make room for selection toolbar
*/

/**
 * index.scss
 * - Add any styles you want here!
 */


/* main-header start */
[data-target="#mainMenu"] {
  position: relative;
  z-index: 999;
}


/*REMOVE OS TITULOS*/
div.qv-object-title-text{
display:none;
}

div.qv-st-value-overflow{
 font-size:18px;

}

#mainMenu li > a::before {
  position: absolute;
  content: "";
  width: calc(100% - 1px);
  height: 2px;
  background: #3F7867;
  bottom: -6px;
  left: 0;

  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  z-index: -1;

  -webkit-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}

#mainMenu li > a:hover::before,
#mainMenu li > a.active::before {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}



div.qvobject, div.qvplaceholder {
	padding: 30px 10px 10px 10px;
	height: 400px;
}

.container{
	--background-color: rgb(241, 242, 247);
	background:#EFF1F1;
}

.cabecalho{

margin-right: 5%;
margin-left: 5%;
}


.painel{
 -- background: -webkit-linear-gradient(left, #ffffff, #d0c9c9);
 -- background:#EFEFEF;
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: #E2E2E2; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #E2E2E2 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#E2E2E2 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #ffffff 0%,#E2E2E2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
margin-right: 5%;
margin-left: 5%;

}


/*Selection toolbar */
#CurrentSelections {
    position:relative; 
    top:0; 
    left:0; 
    width:100%; 
    height:65px;
}



.buttons-end.borderbox {
    width: 45px;
}
.buttons-end.borderbox button:nth-child(2) {
    display: none;
}
.qv-panel-current-selections .qv-selections-pager {
    padding-right: 45px;
}
.current-selections-placeholder {
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(84, 83, 82);
    color: rgba(255, 255, 255, 0.6);
}
.current-selections-placeholder span {
    display: none;
}

.qv-panel-current-selections .qv-selections-pager {
    padding-left: 0 !important;
    padding-right: 0 !important;
}




.QuantCores div.qvobject{
  height:150px;
}




}
.QuantCores h2{
  margin-left:20px;
}


.CorVermelha div.sn-kpi-value{
  color:#FF5757!important;
  font-size:60px!important;
}
.CorAmarela div.sn-kpi-value{
  color:#FFDE59!important;
  font-size:60px!important;
}
.CorVerde div.sn-kpi-value{
  color:#0E864C!important;
  font-size:60px!important;
}



/*Bootstrap CABEÇALHO*/



.logo img{
 width: 250px;
 padding-top:10px;
 
}

.header_menu {
	padding-bottom:10px;
    box-shadow: rgb(202 212 231 / 30%) 6.12323e-16px 10px 10px 3px;
	
}




.header_menu li{
	font-size: 1em;
	width: 240px;
	text-align:center;
	list-style:none;
	font-family: 'Montserrat', sans-serif;
	
	
	font-weight:500;
	text-transform:uppercase;
	position:relative;
	padding-top:30px;
	padding-left:8px;
	margin: 0 auto;
	margin-left:60px;
	
	
	
}


.header_menu li a{
   color:#3F7867!important;
   text-decoration: none;
  padding-right:10px;
  
	
	
}


.header_menu li i{
font-size:30px;
padding-bottom:10px;
padding-right:10px;
}


.header_menu li:nth-of-type(3){
 --margin-left:20%;
 --margin-right:20%;
}

.header_menu li:nth-of-type(2){
 --margin-left:40%;
 --margin-right:40%;
}



.titulo i {
 padding:10px 10px 10px 10px;	
 color:#3F7867!important;
 font-size:50px;
}




.titulo h2{
 font-size:1.2em;
 padding-left:10px;
 font-family: 'Montserrat', sans-serif;
 font-weight:500;
 text-transform:uppercase;
 letter-spacing:1px;
  color:#737373!important;

 
}

.titulo1{
 padding-top:30px;
}
.titulo1 h2{
 font-size:1.6em;
 padding-left:20px;
 padding-right:20px;
 padding-top:10px;
 padding-bottom:10px;
 font-family: 'Montserrat', sans-serif;
 font-weight:700;
 text-transform:uppercase;
 letter-spacing:1px;
 color:#737373!important;
 border-right: 2px #ccc solid;

}



.titulo-filtro{
 padding-top:40px;
 margin-left:30px;
 
 
 }

.titulo-filtro i{
 font-size:35px;
 color:#737373;
 padding-top:11px;
    
}

.titulo-filtro .col-sm-2{
 margin:0px;
 padding:0px;
}


.titulo-filtro .qvobject{
height:90px;
padding-top:20px;
font-size:15px;
}




#main {
	width: 100%;
	padding: 0;
}

.image-header {
	display: table;
	position: relative;
	margin-top: -20px;
	width: 100%;
	height: 30%;
	background: url(leaf.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	z-index: -99;

}

.content-section-a {
	background-color: #ECF0F1;
}

.navbar {
	margin-bottom: 0 !important;
}


/*
 * Overrides Bootstrap navbar z-index to avoid conflict with selections bar
 */
.navbar-fixed-top {
	position: relative;
	z-index: 100;
}

.qcmd {
	cursor: pointer;
}

#footer {
	background-color: #CFCFCF;
	text-align: center;
	margin-top:20px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: -30px;
	
}

#popup {
	background-color: #7f8c8d;
	color: #FFFFFF;
	position: fixed;
	padding: 10px;
	margin: 10px;
	bottom: 0;
	right: 0;
	display: none;
	border-radius: 5px;
}

.borderShadow {
	/*background-color: #FFFFFF;
	-webkit-box-shadow: 0 0 16px -5px rgba(50, 50, 50, 0.52);
	-moz-box-shadow: 0 0 16px -5px rgba(50, 50, 50, 0.52);
	box-shadow: 0 0 16px -5px rgba(50, 50, 50, 0.52);*/
	
	transform: scale(0.923438);
    border: 1px solid rgb(248, 250, 252);
    padding: 20px;
    border-radius: 5px;
    background-color: rgb(248, 250, 252);
    box-shadow: rgb(202 212 231 / 30%) 0px 0px 15px 3px;
	
	
}


@media (max-width: 767px) {

 

 .col-sm-2{
  width:80%;
 }
 .col-sm-3{
  width:80%;
  margin:0px;
  
 }
 
 
 .col-sm-3 .col-lg-10{
  padding:0px;
 }
 .col-lg-1 i{
  display:none;
 }
 
 
 #footer img {
  margin:0px;
  padding:0px;
 }
 
 .qvobject{
 width:100%!important;
 }
 
}