body {
  /*font-family: 'Quicksand', sans-serif;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
body#login-body{
	background-color:#f5f7fa;
}

body#login-body #topo #topo-logo img{
	float:none;
}
body#login-body label{
	font-weight:300;
}
a{color: #19aad1}
a:hover{
	color: #3e80b1;
	text-decoration:none;
}
#login-container{
	margin:0 auto;
	float:none;
	margin-top:10vh;
}

legend {
	font-size: 14px;
	font-weight: bold;
	border-style: none;
	margin-bottom: 5px;
    text-transform: uppercase;
}
#uploadifive-uploadifive-arquivos {
	padding-top: 11px;
}
.form-group > label {
	display: block;
	margin-bottom: 10px;
}
fieldset > label {
	margin-right: 10px;
}
.end-listing-results {
text-align: right;
}
.th-check {
	width: 50px;
}
.error{	color:red;}
.table-bototes button {
    min-width: 180px;
}
.evoluir-brand{float:left;padding: 10px 5px;}
/* MENU */
.dropdown-menu>li{border: 1px dotted #ccc;padding-bottom: 5px;}
.dropdown-menu>li>a { text-align: right;color: #19aad1;}
.alert-info a{font-size: 88%}
/* PAINEL */
.painel{display: flex;flex-wrap: wrap;}
.painel li{list-style: none;margin: 20px; color: #ad004f !important;}
.painel li a{background-color: #fff; border: 1px solid #31a8c4; color: #ad004f !important; border-radius: 50%;  display:flex;justify-content: center; flex-direction: column;  align-items: center; width: 160px;  height: 160px; padding: 
0;}
.painel li a:hover {  background-color: #5ec4df; color: #fff;transition: background-color 1s linear 0.1s; }
.caption {padding: 0; text-transform: uppercase;font-weight: bold;text-align: center;}
.painel .glyphicon{font-size: 240%;   margin-bottom: 10px;}
#login-main .panel {background: none;}
#login-main .panel input {background: #fff !important;}

/* LOGIN */
.login-bt-enter{ width: 100%;  padding: 10px; margin-bottom: 15px;  text-transform: uppercase;  border: 0;
background: #19aad1 !important; border-radius: 10px;font-size: 150%}
.pink{color:#ad004f;}
/* CICLOS ADICIONAR */
.form-group button{margin-top: 20px;}
.gray2{margin-top: 0;}
.lista-competencias{ display: inline-block; text-transform: uppercase;}
label { display: inline-block; max-width: 100%;margin-bottom: 0; font-weight: 700;text-transform: uppercase; }
.radio-inline label{   padding-left: 5px !important;}
.btn-check {color: #fff;border-color: #19aad1;z-index: 0;}
 .btn-check:focus, .btn-check:active, .btn-check.active, .open>.dropdown-toggle.btn-check {z-index: 0;color: #fff;background-color: #337ab7; border-color: #398439;}
.checkbuttons .btn span.glyphicon {opacity: 0;}	
.checkbuttons .btn.active span.glyphicon {	opacity: 1;	}
.bg-internas{ background: #f7f7f7; padding-bottom: 20px;}
input[type=checkbox]{width: 1em; height: 1em; margin-right: 5px;}
 input[type=radio] {margin: 0 10px 0 0 ;width: 1.2em;  height: 1.2em; }
.btn-label{font-weight: bold;font-size: 1.2em;margin-left: 5px;color:#19aad1;}
.amount, #amount2{border-radius: 50%; background: #337ab7; font-weight: bold;  width: 42px; height: 42px;  border: 0;   text-align: center;  font-size: 150%;
color: #fff;}
.table p{font-size: 100%;      padding: 10px; text-transform: uppercase; display: block;}
.alerta-data{color:#d9534f;font-weight: bold;}
.img-circle{display: none}
#content-inner h3,#content-inner h4{margin-bottom: 25px; text-transform: uppercase;}
#content-inner h3{font-size: 16px;  font-weight: bold;}
.page-header {margin: 10px 0 0 0;padding-bottom: 0;}
.buttons{margin: 20px 0;}
#form, #form-acompanhamento-metas, #form-metas {  padding: 0;}
.desempenho-porcentagem{ text-align: center; padding: 10px; color: #337ab7; background: #fff;text-transform: uppercase;margin-bottom: 20px; border:1px dotted #337ab7;}
.desempenho-porcentagem p{font-weight: bold;border-radius: 5px;font-size: 130%;}
.desempenho-porcentagem h2{ margin: 0;padding: 0}
.panel-footer{background: #fff;}
h2 small{text-transform: uppercase;}
h2 a {font-size: 20px;}
.text-info {  color: #777;  padding: 10px 0;}
.ui-widget.ui-widget-content { margin-top: 10px;}
.legenda{padding: 10px;color: #19aad1;margin-bottom: 20px;border: 1px dotted  #19aad1;}
.list-group-item { margin-bottom: 15px;}

/* AVALIAÇÃO DE COMPETENCIA */
.nota-competencia { background: #0D8FD1; margin-left: 50px; display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 100%; color: #FFF; font-weight: bold; font-size: 20px; }
.slider.slider-horizontal { width: 75% !important;}
.tabela-nota{width: 60%;}
.table{background: #fff;}
.table td, .table th{text-align: center;}

/*MENU*/
.btn-primary{background: #19aad1;    border-color: #19aad1;}
.nav-pills>li>a, .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {  color:#58595b;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {background-color: #bae5f1;color:#58595b;}
.navbar-default .navbar-nav>li>a { color: #58595b;font-size: 120%;}
.form-control { font-size: 14px;}
a{font-size: 16px;}
.ninebox .form-group > label {font-size: 90%;}
#icon-list{padding-top: 20px}
#icons{min-height: 500px}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
color: #fff; background-color:#19aad1;}
.panel-default>.panel-heading {color: #fff; background-color: #ffcc00;border-color: #ffcc00;}
.panel-default>.panel-heading a{ color: #fff;}
.panel-default{border-color: #ffcc00;}
.nav>li>a:focus, .nav>li>a:hover{background: #bae5f1;}

/* NINEBOX */
.ninebox{min-height: 245px;color:#fff;font-size: 27px;font-weight: bold;text-align: center;padding-top: 10px;}
.ninebox-blue{background: #009fe3;}
.ninebox-green{background: #00963f;}
.ninebox-light-green{background: #94c120;}
.ninebox-red{background:#e40613;}
.ninebox-orange{background:#f7a600;}
.ninebox .fa-ninebox{font-size: 280%;margin-top: 17px;}
.ninebox a{font-size: 20px; color:#000;}
.ninebox a:hover{text-decoration: none;}
.ninebox p{margin:0 auto;}
.linha-ninebox .form-group > label {font-size: 50%;color: #000;}
.modal-title{color:#19aad1;}
.quantidade{ border-radius: 5px;  color: #fff; margin-top: 20px !important;text-shadow: 2px 2px  5px rgba(0, 0, 0, 0.8); }
.fa-users{color: #fff;font-size: 30px !important;}
.quantidade a{color: #fff; font-size: 30px !important;}

/* barras que complementam ninebox */
.barra-competencia-ninebox{ height: 747px;display: flex;align-items: center;justify-content: center;background: #ddd; font-size: 30px;}
.barra-competencia-relatorio{ height: 459px;display: flex;align-items: center;justify-content: center;background: #ddd; font-size: 25px;}

.barra-meta-ninebox{ display: flex;align-items: center;justify-content: center;background: #ddd;height: 80px;font-size: 30px}
.barra-meta-relatorio{ display: flex;align-items: center;justify-content: center;background: #ddd;height: 70px;font-size: 25px}

/* CSS Para o autocomplete */
.ui-autocomplete {
    background: #fff;
    border-radius: 0px;
    padding: 10px;
    box-shadow: 0 0 10px #2c8be6;
}
ul.ui-autocomplete.ui-menu{ width:1px; box-shadow: 0 0 10px #2c8be6; }
.ui-autocomplete.source:hover {
    background: #454545;
}

.ui-menu .ui-menu-item{
    font-size:18px;
    padding: 5px 10px;
    border-bottom: 1px solid #eaeaea;
    cursor: pointer;
    list-style: none;
}

/* CSS PARA USUARIO */
#status-login-mensagem{ position: absolute;top: 82px;right: 16px;}

/* slider */
#ex1Slider .slider-selection {background: #BABABA;}
.porcentagem-meta {font-size: 25px;  margin-left: 20px;}


@media only screen and (max-width: 1024px) {
.nav-pills>li>a, .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a{font-size: 100%}
}

dl.dl-horizontal dt{
	text-align: left !important;
}

.info-beta{
	position: absolute;
    left: 125px;
    top: 42px;
	font-weight: bold;
	font-size: smaller;
}

/* CORES */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #19aad1;
border-color: #19aad1;}
.pagination>li>a, .pagination>li>span{color:#58595b;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{background: #bae5f1;color:#58595b;}
.table a{color:#58595b}


.panel-heading-proventos {
    color: #fff;
    background-color: #29ad19;
    border-color: #29ad19;
	padding: 8px 15px;
}

.panel-heading-descontos {
    color: #fff;
    background-color: #f34f3f;
    border-color: #f34f3f;
	padding: 8px 15px;
}
.descontos {
    color: #fff;
    background-color: #f34f3f;
}
.proventos {
    color: #fff;
    background-color: #29ad19;
}

.panel-heading-resumo {
    color: #000;
    background-color: #e2e2e2;
    border-color: #e2e2e2;
	padding: 8px 15px;
}

a:hover, a:visited, a:link, a:active {
  text-decoration: none;
}

.controls {
  margin-bottom: 10px;
}

.collapse-group {
  padding: 10px;
  border: 1px solid darkgrey;
  margin-bottom: 10px;
}

.panel-title .trigger:before {
  content: '\e082';
  font-family: 'Glyphicons Halflings';
  vertical-align: text-bottom;
}

.panel-title .trigger.collapsed:before {
  content: '\e081';
}