/**
	@author: Thiago Teixeira & Keila Lima
**/

header {
	background: #233c41;
}

header div.page-header {
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
}

header h1 {
	color: white;
	margin-top: 5px;
	font-size: 2em;
}

header small {
	color: #10af9c;
}

.bordaHeader {
	margin-top: -1px;
	height: 5px;	
	background: #233c41;  /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#233c41, #10af9c, #78b829, #bed014, #78b829, #10af9c, #233c41);
  
  	background: #233c41; /* For browsers that do not support gradients */
  	/* For Safari 5.1 to 6.0 */
  	background: -webkit-linear-gradient(left, #233c41, #10af9c, #78b829, #bed014, #78b829, #10af9c, #233c41);
  	/* For Opera 11.1 to 12.0 */
  	background: -o-linear-gradient(left, #233c41, #10af9c, #78b829, #bed014, #78b829, #10af9c, #233c41);
  	/* For Fx 3.6 to 15 */
  	background: -moz-linear-gradient(left,#233c41, #10af9c, #78b829, #bed014, #78b829, #10af9c, #233c41);
  	/* Standard syntax */
  	background: linear-gradient(to right, #233c41, #10af9c, #78b829, #bed014, #78b829, #10af9c, #233c41);
}

table thead {
	background: #e0e0e0;
}

table tr {
	font-size: 12px !important;
}

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #c8e6c9;
}

.cd-timeline-img {
	position: relative;
	top: 0;
	left: 13px;
}

.cd-timeline-content {
	border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 90%;
	margin-left: 35px;
	box-shadow: 2px 5px 10px #eceff1;
	padding-rigth: 15px;
}

hr {
	border:none;
 	width: 90%;
	border-bottom: 1px solid #eceff1;
	box-shadow: 0 20px 20px -20px #333;
  	margin: 10px auto 10px;
}
 
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
 
  60% {
    opacity: 1;
    transform: scale(1.2);
  }
 
  100% {
    transform: scale(1);
  }
}

body {
	background: #233c41;
}


.label-0-30-percent {
	background-color: #388e3c;
}

.label-31-50-percent {
	background-color: #4caf50;
}

.label-51-70-percent {
	background-color: #c0ca33;
}

.label-71-90-percent {
	background-color: #fbc02d;
}

.label-91-99-percent {
	background-color: #ef6c00;
}

.label-100-percent {
	background-color: #dd2c00;
}

#listaAreaAtuacao ul {
	column-count: 6;
	list-style: none;
}