body {
  padding-top: 70px;
  padding-bottom: 30px;
  color:
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}


.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
  margin-bottom: 15px;
}
.form-signin .form-control:focus {
  z-index: 2;
}


.form-control {
  margin-bottom: 10px;
}

.grupo {
padding: 0px;
}
.img-grupo {
  margin-top: -10px;
  margin-right: 10px;
  width: 75px;
  height: 75px;
}

.grupo-titulo {
  font-weight: bold;
  font-size:large;
}

.grupo-link {
  margin-top:-2px;
  font-weight: bold;
  font-size:small;
  color: blue;
  margin-bottom:25px;
}

.grupo-categoria {
  margin-top:-10px;
  margin-bottom:5px;
  font-weight: bold;
  font-size: small;
  color: grey;
}
.jumbotron {
	background-color: light-grey;
}

.navbar-inverse .navbar-nav>li>a {
    color: white;
}

.navbar-inverse .navbar-nav>li>a:hover {
    color:#66CCFF; /*#007bff;*/ 
}

.navbar-inverse {
    background-color: #212529 !important; //#0f006f;
    border-color: #030033 !important;
}

.maincard-col
	{
	padding-right: 4px;
	padding-left: 4px;
	}
.panelhome
	{
	box-shadow: 0px 10px 14px -7px #5c5c5c;
	
	background-color:BLACK;/*#b8b8b8;*/
	border-radius:5px;

   
	}
		
.degrade
	{
	background:linear-gradient(to bottom, #b8b8b8 5%, #ffffff 100%);
	min-height:150px;
	}		
.cardtitle
	{
	/*color:#212529;*/
	color:white;
	font-size:14px;
	text-align:center;
	font-weight: bold;
	padding-bottom:0px;
	margin-bottom:0px;
	
	}
.cardtitle:hover
	{
	text-decoration: none !important;
	}	
	
.preto
	{
	background-color:#000000 !important;
	color:white !important;
	 border-color: BLACK !important;
	}	
.footertitle
	{
	color:#212529;
	font-size:14px;
	text-align:left;
	font-weight: bold;
	padding-bottom:0px;
	margin-bottom:8px;
	}	

.navbar-brand>img 
	{
	margin-top:-6px;
	}
	
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #66CCFF; /*change color of links in drop down here*/
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: silver; /*Change rollover cell color here*/
}

.navbar-default .navbar-nav > li > a {
    color: white; /*Change active text color here*/
}

.titulopagina
	{
	/*border-bottom:solid 1px;
	border-color:black;
	background-color: white;*/
	color: black;
	}
.titulopagina>img 
	{
	width:80px;
	}	
	
.cardhabilidade
	{
	box-shadow: 0px 10px 14px -7px #5c5c5c;
	/*border: solid 1px;*/
	background-color:BLACK;/*#b8b8b8;*/
	border-radius:5px;
	margin-bottom:20px;
	overflow: hidden; 
	}	
.footerhabilidade
	{
	position:absolute;
	bottom:0px;
	left:0px;
	height:50px;
	width: 100%;
	background-color:white;
	border-top:solid 1px;
	border-color:lightgrey;
	}
.headerhabilidade
	{
	position:absolute;
	top:0px;
	left:0px;
	height:32px;
	width: 100%;
	background-color:black;
	}	
.nomehabilidade
	{
	position:absolute;
	font-size:16px;
	font-weight: bold;
	top:4px;
	left:0px;
	height:35px;
	text-align:center;
	width: 100%;
	color:white;
	}		

.onoffhabilidade
	{
	position:absolute;
	top:7px;
	right:10px;
	}
.cadeadohabilidade
	{
	position:absolute;
	top:13px;
	right:80px;
	}	
.conteudohabilidade
	{
	margin-top:40px;
	margin-bottom:55px;
	padding:0px;
	}	
.botoeshabilidade	
	{
	position:absolute;
	top:7px;
	left:10px;
	}	
.botaohabilidade
	{
	min-width:150px;
	}		
.botaohabilidade,
.botaohabilidade:hover,
.botaohabilidade:active,
.botaohabilidade:visited,
.botaohabilidade:focus {
    background-color: #f49a49 !important;
    border-color: #f49a49 !important;
}

.botaoestatistica,
.botaoestatistica:hover,
.botaoestatistica:active,
.botaoestatistica:visited,
.botaoestatistica:focus {
    background-color: #864ca7 !important;
    border-color: #864ca7 !important;
    margin-left:5px;
    min-width:150px;
}


.hab_barra	
	{
	position:absolute;
	height:15px;
	right:10px;
	font-size:30px;
	border-top:solid 1px;
	border-right:solid 1px;
	border-color:grey;
	}	
	
.hab_barra1	
	{
	top:41px;
	width:100px;
	background-color:#65c904;
	}		
	
.hab_barra2	
	{
	top:58px;
	width:80px;
	background-color:#affb64;
	}	
	
.hab_barra3	
	{
	top:75px;
	width:60px;
	background-color:#f4f976;
	}	
	
.hab_barra4	
	{
	top:92px;
	width:40px;
	background-color:#fb7d80;
	}	
	
.hab_barra5	
	{
	top:109px;
	width:20px;
	background-color:#d04448;
	}	
.imagemhabilidade	
	{
	position:absolute;
	left:0px;
	top:42px;
	width:166px;
	
	margin-left:10px;
	height:110px;
	border: solid 2px;
	border-color:white;
	}
	
.descricaohabilidade	
	{
	min-height:125px;
	font-size:15px;
	/*margin-right:120px;*/
	padding-right:130px;
	padding-left:185px;
	}
	
.cardmodelo
	{
	box-shadow: 0px 10px 14px -7px #5c5c5c;
	/*border: solid 1px;*/
	background-color:BLACK;/*#b8b8b8;*/
	border-radius:5px;
	overflow: hidden; 
	padding:10px;
	margin-bottom:10px;
	position:relative;
	min-height:490px;
	}
	
.footermodelo
	{
	position:absolute;
	bottom:0px;
	left:0px;
	height:50px;
	width: 100%;
	background-color:white;
	border-top:solid 1px;
	border-color:lightgrey;
	}
	
.botaomodelo,
.botaomodelo:hover,
.botaomodelo:active,
.botaomodelo:visited,
.botaomodelo:focus {
    background-color: #f49a49 !important;
    border-color: #f49a49 !important;
    margin-right:5px;
}	

.botaomodelo2,
.botaomodelo2:hover,
.botaomodelo2:active,
.botaomodelo2:visited,
.botaomodelo2:focus {
    background-color: #864ca7 !important;
    border-color: #864ca7 !important;
    margin-right:5px;
}		

.imagem_modelo
	{
	width:100%;
	border: solid 1px white;
	}
.conteudomodelo
	{
	padding-top:32px;
	padding-bottom:40px;
	
	}
	
.textomodelo
	{
	margin-top:5px;
	margin-bottom:10px;
	font-size:13px;
	}
	
.botoesfuncionario	
	{
	position:absolute;
	top:7px;
	right:10px;
	}	
	
.curriculo-header
	{
	background-color:#fafafa;
	height:80px;
	}	
.curriculo-header>h1
	{
	font-size:40px;
	margin-top:2px;
	}	
.curriculo_habilidade
	{
	margin-left:40px;
	}	
	
.curriculo_habilidade li	
	{
	
	}
	
.centro
	{
	text-align:center !important;
	}
	
.cardassinaturas
	{
	box-shadow: 0px 10px 14px -7px #5c5c5c !important;
	/*border: solid 1px;*/
	background-color:BLACK;/*#b8b8b8;*/
	border-radius:5px;
	overflow: hidden; 
	padding:10px;
	margin-bottom:10px;
	position:relative;
	min-height:300px;
	}		
			
.hyperform input
	{
	/*max-width:700px;*/
	}
.hyperalert1
	{	
	/*max-width:700px;*/
	}

.cardteste
	{
	position:relative;
	border-radius:5px;
	width:350px;
	height:555px;
	box-shadow: 0px 10px 14px -7px #5c5c5c !important;
	padding:10px;
	/*max-width:300px;*/
	background-color:black;
	color:white;
	font-size:18;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
	margin-right:20px;
	}
.cardteste>img
	{
	position:absolute;
	left:0px;
	top:30px;
	}
.cardweb
	{
	background-image:url(../painel_files/browser03.jpg)
	}	
.cardapp
	{
	background-image:url(../painel_files/app3.jpg)
	}
			
.cardtexto
	{
	background-image:url(../painel_files/text3.jpg)
	}				
	
.iframeweb
	{
	width:100%;
	border:0px;
	min-height:570px;
	}
	
.iframeapp
	{
	border:0px;
	width:100%;
	height:648px;
	}	
	
.iframetexto
	{
	width:100%;
	border:0px;
	min-height:520px;
	}	
	
.painelframeheader
	{
	background:linear-gradient(to bottom, #b8b8b8 5%, #ffffff 100%);
	min-height:50px;
	}	
	
.painelhyper
	{
	border-radius:5px;
	box-shadow: 0px 10px 14px -7px #5c5c5c !important;
	color:white;
	border:solid 1px black;
	background-color:#212529;
	}		
	
.iframe
	{
	min-height:500px;
	min-width:340px;
	border:solid 1px black;
	}
code
	{
	color: white;
	font-size:13px;
	padding:5px;
	background-color:#212529;
	}	
	
.editornaointerativo
	{
	color:white;
	border-style:solid;
	border-color:green;
	border:1px;
	overflow: auto;	
	resize: vertical;
	font-weight: normal;
	background-color:#00042f;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	box-shadow: 0px 10px 14px -7px #5c5c5c;
	font-size: 15px;
	}	
	
.tagvocabulario
	{
	background-color:#ddd;
	color:#00042f;
	padding:5px 10px;
	border-radius:10px;
	border:solid 1px #ddd;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	
	}	

	
	
.cardhabilidadeplain
	{
	/*box-shadow: 0px 10px 14px -7px #5c5c5c;*/
	border: solid 1px gray;
	background-color:BLACK;/*#b8b8b8;*/
	border-radius:5px;
	margin-bottom:20px;
	overflow: hidden; 
	
	}	
	
.blocovazio
	{
	background-color:white;
	}	
	
.cardarea
	{
	box-shadow: 0px 10px 14px -7px #5c5c5c;
	/*border: solid 1px;*/
	background-color:BLACK;/*#b8b8b8;*/
	border-radius:5px;
	margin-bottom:30px;
	overflow: hidden; 
	position:relative;
	}
	
.headerarea
	{
	position:relative;
	top:0px;
	left:0px;
	height:32px;
	width: 100%;
	background-color:black;
	color:white;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	padding: 5px 3px 3px 3px;
	margin-bottom:5px
	}		
	
.navegadorarea
	{
	margin-left:15px;

	}


.navegadorarea>a, 	.navegadorarea>a:hover
	{
	/*background-color:black !important;*/
	color:black;
	}
.navegadorarea>li>a	
	{
	min-width:100px;
	text-align:center;
	margin-top:3px;
	margin-bottom:3px;
	margin-right:4px;
	padding:6px 20px !important;
	background-color:black;
	color:white;
	font-style: normal;
	font-weight: normal;
	font-size: 13px
	}
	
.navegadorarea > li > a:hover, .navegadorarea > li > a:focus 
	{
    text-decoration: none;
    color: #66CCFF;
    background-color:black;
	}	
.navegadorarea > .active > a, .navegadorarea > .active > a:hover 
	{
    background-color: #436afe !important;
    color:white !important;
    font-weight: bold;
	}
	
.historico
	{
	box-shadow: 0px 10px 14px -7px #5c5c5c;
	background-color:#FAFAFA;
	}	
	
.panelestatistica
	{
	box-shadow: 0px 10px 14px -7px #5c5c5c !important;
	margin-bottom:40px;
	}	
	
.headermissao
	{
	background-color:purple;
	}