@font-face {
    font-family: 'CircularStd'; /*a name to be used later*/
    src: url('../font/CircularStd-Medium.otf'); /*URL to font*/
}
select {
	background-color: transparent;
	color: white;
	border: 1px solid #565866;
}
select option {
  color: #fff;
  font-weight: bold;  
  background-color: black;
}
input[type=text] {
	background-color: transparent;
	color: white;
/*	border: 1px solid #565866;*/
}
body {
 /* background-image: linear-gradient(to bottom, #313340, #212229); */
 	background-color: #212229;
  white-space: nowrap;
}
.l2-tela-login {
	background-image: url('../img/login_background_cp.jpg');

}

.l2-card-login {
		background-image: url('../img/card_login.png');
		border: none;
		height: 615px;
		width: 535px;
		 background-repeat: no-repeat;
    background-size: cover;
	
}
@media(max-width:600px){
	.l2-card-login {
	height: 83%;
	width: 106%;
	font-size:12px;

	}

}


.l2-header {
  background-image: linear-gradient(to bottom, #313340, #212229);
	height: 5rem !important;
	border-bottom: 1px solid #313b41 !important;
}

.l2-brand {
	background-color: transparent !important;
    height: 5.5rem !important;
    border: none !important;
    background-size: 90px auto;    
}
.l2-body {
}
.l2-footer {
	background-color: transparent !important;
	color: white;
}
.l2-nomeEmpresa {
  font-family: CircularStd !important;
  font-weight: bold !important;
  font-style: normal !important;
  font-stretch: normal !importantl;
  line-height: normal !important;
  letter-spacing: -1.2px !important;
  text-align: left !important;
  color: #ffffff !important;
  padding-left: 1rem !important;
  margin-bottom: 0px;
}

.l2-menu-item {
	font-family: CircularStd !important;
  font-weight: 900 !important;
  font-style: normal !important;
  font-stretch: normal !important;
  line-height: normal !important;
  letter-spacing: -0.5px !important;
  text-align: left !important;
  color: #828594 !important;
 text-transform: uppercase !important;
}
.l2-menu-link {
  color: #828594 !important;
}
.l2-menu-link.active {
	  color: #00b7ff  !important;
}

.l2-menu-link:focus, .l2-menu-link:hover{
    text-decoration: none  !important; 
    color: #00b7ff  !important;    
 }
 
.l2-titulo {
  width: 100%;
  font-family: CircularStd;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -2px;
  text-align: left;
  color: #ffffff;
  height: 3rem;
}


.l2-barra {
background-color: #565866;
border: none;
opacity: 0.75;
white-space: normal;
}
.l2-barra-item {
	margin-left: 0.25rem;
	color: #acafbf;
	border: none;
	border-right: 1px solid #212229;
	background-color: transparent;
	overflow: hidden;
	
}
.l2-barra-icone {
	width: 3rem;
	height: 3rem;	
	border-radius: 50%;	
	text-align: center;
	 border:1px solid #2f313d;
	 background-color:#2f313d;    
    border-radius:50%;
}
.l2-barra-item-nome {
	 font-family: CircularStd;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.4px;
  text-align: left;
  color: #acafbf;
s}
.l2-barra-item-valor {
	margin-top: 0.25rem;
	font-family: CircularStd;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.1px;
  text-align: left;
  color: #ffffff;
  font-size: 1rem;
	
}
.l2-card-usina {
	cursor: pointer;
	opacity: 0.8;
  /*border-radius: 16px;*/
  background-color: #222432; 
  border: none;
}
.linha-tabela:hover {
	background-color: gray;
}
.texto-branco {
	color: white !important;
	font-weight: bold;
}
.l2-card-usina:hover {      
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   -ms-transform: scale(1.05);
   -o-transform: scale(1.05);
   transform: scale(1.05);    
}
.l2-energia-card {
	font-family: CircularStd;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.6px;
  text-align: right;
  color: #ffffff;
  overflow: hidden;  
}
.l2-nome-card {
	 font-family: CircularStd;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: -0.9px;
  text-align: left;
  color: #ffffff;
  font-size: 1rem;
  
}
.l2-localizacao-card {
	font-family: CircularStd;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: -0.5px;
  text-align: left;
  color: #acafbf;
  font-size: 0.75rem;
}
.l2-card-meta {
	width: 2.5rem;
  height: 2.5rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.1px;
  text-align: center;
  color: #ffffff;
  margin-right: 0.75rem;
  font-size: 0.75rem;
  padding-top: 0.6rem;
}

.l2-card-meta0{
     border-right:2px solid gray;
     border-top:2px solid gray;
     border-left:2px solid gray;
     border-bottom:2px solid gray;
     border-radius: 50%;
}
.l2-card-meta25{
     border-right:2px solid #00b7ff;
     border-top:2px solid gray;
     border-left:2px solid gray;
     border-bottom:2px solid gray;
     border-radius: 50%;
}
.l2-card-meta50{
     border-right:2px solid #00b7ff;
     border-top:2px solid #00b7ff;
     border-left:2px solid gray;
     border-bottom:2px solid gray;
     border-radius: 50%;
}
.l2-card-meta75{
     border-right:2px solid #00b7ff;
     border-top:2px solid #00b7ff;
     border-left:2px solid #00b7ff;
     border-bottom:2px solid gray;
     border-radius: 50%;
}
.l2-card-meta100{
     border-right:2px solid #76ff00;
     border-top:2px solid #76ff00;
     border-left:2px solid #76ff00;
     border-bottom:2px solid #76ff00;
     border-radius: 50%;
}
.l2-card-meta25-laranja{
     border-right:2px solid #FFA500;
     border-top:2px solid gray;
     border-left:2px solid gray;
     border-bottom:2px solid gray;
     border-radius: 50%;
}
.l2-card-meta50-laranja{
     border-right:2px solid #FFA500;
     border-top:2px solid #FFA500;
     border-left:2px solid gray;
     border-bottom:2px solid gray;
     border-radius: 50%;
}
.l2-card-meta75-laranja{
     border-right:2px solid #FFA500;
     border-top:2px solid #FFA500;
     border-left:2px solid #FFA500;
     border-bottom:2px solid gray;
     border-radius: 50%;
}

.teste {
	background-image: url('data:image/png;base64,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');
	background-color: gray;
   -webkit-filter: grayscale(100%);
  filter: grayscale(100%);;  
  background-size: 100%;
  height: 100%;
  width: 100%;
  position: absolute;
  background-size: 100% auto;
  opacity: 0.15;
  /*border-radius: 16px;*/
  background-repeat: no-repeat;
background-size: inherit;
background-position: center;
}
.l2-chart {
  border-radius: 5px;
	background: #565866;	
	color: white;
  border: none;
  margin-right: 15px;
}
.l2-percentual-meta {
	font-family: CircularStd;
	font-weight: 500;
	font-style: normal;
}
.l2-clima-temperatura {
	background-color: #2e303c;
	color: #fff;
	text-align: left;
	font-weight: bold;
	width: 4.16%;
	border-right: 1px solid #9598a6;
	font-size: 0.75rem;
	padding-left: 3rem;
}
.l2-resumo-clima{
	text-align: center;
	color: #fff;
	font-size: 0.75rem;
	font-weight: bold;
	border: 1px solid #000;
	white-space: normal;
}
.l2-filtro {
	background-color: #3e404d;
	color:white;
	font-weight:bold;
	border: none;
	padding: 2rem;
	padding-bottom: 1rem;
	margin-bottom: 3rem;
}
.table-dark {
	background-color: transparent !important;
	border: 1px solid #3e404d !important;
}
.table-dark td{
	border: 1px solid #3e404d !important;
	font-weight: bold  !important;
}
.table-dark thead{
	background-color: #3e404d !important;
	color:white !important;
	border-color: #3e404d !important;
	text-transform: uppercase !important;
}
.table-dark thead th{
	border-color: #3e404d !important;
}
.table-dark tbody tr td{
	color: white;
	font-weight: bold;
	text-align: left;
	line-height: 2rem;
}
table { max-height: 200px; }

.table-usinas tbody tr td{
	color: white;
	font-weight: bold;
	text-align: left;
	line-height: 2rem;
}
.data-selecionada {
  color: black !important; 
  background-color: yellow;
   border-radius: 50%;
  }
.data-evento button i{
	color: #20a8d8;
	font-size: 0.05rem;
	display: inline;
}
.evento-ativo .fa-circle{
	color: #20a8d8;
}
.data-sem-evento {
	font-size:0rem;
	color: transparent;
	display: none;
}
.data-inicial-filtro {
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
   background-color: yellow;
}
.data-final-filtro {
   border-top-right-radius: 15px;
   border-bottom-right-radius: 15px;
   background-color: yellow;
}
.data-filtro {
   background-color: yellow;
}
.data-inicial-filtro button span {
 	color: black;
}
.data-final-filtro button span{
 color: black;
}
.data-filtro button span{
 	color: black !important;
}
.btn-calendario {
	color: white;
	font-weight: bold;
	cursor: default;
}
.l2-label {
	color: gray;
	font-weight: bold;
	text-transform: uppercase;
}
.btn-dark {
  color: white;
  background-color: #424242;
  border-color: #424242; 
  }
.btn-bold {
	color: white;
	font-weight: bold;
}

.fonteVerde{
	color: #76ff00;
}
.fonteAmarela{
	color: yellow;
}
.progressVermelha {
   height: 1.5rem;
  line-height: 1.5rem;
  color: #fff;
  background-color: #f94d45ff	;
  transition: width 0.6s ease; }
.progressAmarela {
    height: 1.5rem;
  line-height: 1.5rem;
  color: #000;
  background-color: #efd854ff;
  transition: width 0.6s ease; }
 .progressVerde {
    height: 1.5rem;
  line-height: 1.5rem;
  color: #000;
  background-color: #94c460ff;
  transition: width 0.6s ease; }
.well-sm {
    padding: 9px;
    border-radius: 3px;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    color: #fff;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #313340;
  color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  padding: 15px;  
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;  
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.nav-tabs {
	margin-bottom: 2rem;
	width: 100%;
	border-bottom: 1px solid gray;
}
.nav-tabs .nav-link, .nav-tabs .navbar .dropdown-toggle, .navbar .nav-tabs .dropdown-toggle {
  color: #536c79; 
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bolder;
border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  margin-left: 1rem;
  }
  .nav-tabs .nav-link.active, .nav-tabs .navbar .active.dropdown-toggle, .navbar .nav-tabs .active.dropdown-toggle {
    color: #00b7ff;
    background: transparent;
    border-color: gray;
      }
    .nav-tabs .nav-link.active:focus, .nav-tabs .navbar .active.dropdown-toggle:focus, .navbar .nav-tabs .active.dropdown-toggle:focus {
    background: transparent;
      border-color: gray;
      border-bottom-color: transparent; }

.lista-cards-resumo-planta {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  align-items: flex-start;
  margin-bottom: 10px;
}
.card-resumo-planta{
  flex: 1;
  min-height: 80px;
  padding: 5px;
  padding-left: 10px;
  display: flex;
  flex-direction: row;
  background-color: #565866;
  color: #fff;
  font-weight: bold;
  margin-right: 15px;
  margin-bottom: 10px;
  align-items: center;
  justify-content: left;
  white-space: normal;
  word-break: break-word;
  border-radius: 5px;
  animation-name: showEffect;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.5s;
}

.icone-card-resumo-planta{
  flex: 0.25;
}
.valores-card-resumo-planta{
  flex: 2.75;
  display: flex;
  flex-direction: column;
}

.valores-card-resumo-planta span{
  font-size: 18px;
}


.valores-card-resumo-planta label{
  font-size: 12px;
  margin-bottom: 0px;
}

.action-buttons {
  display: flex;
  align-items: flex-start;
  margin-right: 15px;
}

.action-buttons a {
  font-size: 14px;
  color: #FFF;
  padding: 5px;
  border: 1px solid white;
  border-radius: 5px;
  margin-left: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.action-buttons a:hover {
  color: #00b7ff;
  border: 1px solid #00b7ff;
  
}

.relatorioFiltro {
  position: fixed;

  left: 250px;
  
  background-color: #313340;
  
  color: #fff;
  
  font-size: 14px;
  
  font-weight: normal;
  
  padding: 10px;
  
  border-color: black;
  
  border-radius: 5px;
  
  z-index: 3;
  
  display: flex;
  
  flex-direction: row;
  
  flex-wrap: wrap;
  
  max-width: 550px;
  letter-spacing: normal;
  transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
  top: 130px;
  max-height: 30px;
  overflow: hidden;
  opacity: 0;
}

.relatorioFiltro div{
  margin: 5px;
  width: 250px;
}

.relatorioFiltro:hover {
  opacity: 1;
  max-height: 600px;
}

.card-performance {
  min-width: 375px;
  display: flex; 
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: transform 0.5s;
  transform: translateX(0%)
}

@keyframes showEffect {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes hideEffect {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1;}
}
.resumoClima-container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.itemResumoClima{
  color: #fff;
  flex: 1;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 10px;
  max-width: 200px;
  min-width: 200px;
  word-wrap: break-word;
  min-height: 300px;  
  white-space: initial;
  background-color: #3e404d;
  animation-name: showEffect;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 1s;
  border-radius: 5%;
  display: flex;
  flex-direction: column;
}

.itemResumoClima span{
  font-weight: bold;
  flex: 1
}
.itemResumoClima div{
  flex: 3
}

.itemResumoClima textarea{
  flex: 3
}