/*
Autor: Ítalo Ridney
Autor URI: http://www.italo.cc
*/
@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic");

html {
  position: relative;
  min-height: 100%;
}

body { 
  margin-bottom: 51px;
  background: url('../img/fabric_of_squares_gray.png') repeat;
}

#footer {
  border-top:1px solid #ddd;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 51px;
  background: url('../img/logo-rodape.jpg') no-repeat right center #f5f5f5;
}

.container-fluid .text-muted {
  margin: 15px 0;
}


.margin-right10 {
	margin-right:10px;
}

.navbar-pgr {
	background: #003473; /* Old browsers */
	background: -moz-linear-gradient(top,  #003473 0%, #1e5799 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003473), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #003473 0%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #003473 0%,#1e5799 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #003473 0%,#1e5799 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #003473 0%,#1e5799 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003473', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
}

.nav-logo-spea  {
	 margin:10px 0;
	 display:block;
}

.white  {
	color:#ffffff;
}

.pd10 {
	padding:10px;
}

.mtb5 {
	margin:5px 0;
}

.mtb10 {
	margin:10px 0;
}

.mtb20 {
	margin:20px 0;
}

.mtb50 {
	margin:50px 0;
}

.bg-cinza {
	background:#F5F5F5;
}

.carregando-center {
	margin:20px auto;
}

.pointer {
	cursor:pointer
}

.margin-center {
	margin:0 auto;
}

.rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* tabelas responsivas */
@media only screen and (max-width: 800px) {
/* Force table to not be like tables anymore */
.tabela-ajustavel table,
.tabela-ajustavel thead,
.tabela-ajustavel tbody,
.tabela-ajustavel th,
.tabela-ajustavel td,
.tabela-ajustavel tr {
display: block;
}

.tabela-ajustavel .pull-left, .tabela-ajustavel .pull-right {
	float:none !important;
	 
}
 
/* Hide table headers (but not display: none;, for accessibility) */
.tabela-ajustavel thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
 
.tabela-ajustavel tr { border: 1px solid #ddd; }
 
.tabela-ajustavel td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align:left;
}
 
.tabela-ajustavel td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: bold;
}
 
/*
Label the data
*/
.tabela-ajustavel td:before { 
	content: attr(data-title); }
}

.content-to-populate-in-modal {
    display:none !important;
}

.hover {
	cursor:pointer
}

.strong {
	font-weight:bold;
}

.modal-lg {
	width:90%;
}

.odd .sorting_1, .even .sorting_1 {	
	 
}
 

td.details-control {
    background: url("../images/details_open.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    cursor: pointer;
}
tr.shown td.details-control {
    background: url("../images/details_close.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.dataTables_wrapper .dataTables_processing {
	background-color: white;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
	/* FF3.6+ */
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
	/* IE10+ */
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
	/* Opera 11.10+ */
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
	/* W3C */
    font-size: 1.2em;
    height: 40px;
    left: 50%;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 7px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
	border:1px solid #ddd;
}

#carregando, #info, .form-loader {
	display:none;
}

#registros {
	width:100% !important;
}

span.spea {
	margin-right:40px;
}

.tabela-dados table a {
	cursor:pointer;
}

.panel-overflow {
	overflow:scroll;
	max-height:700px;
}

.consulta-candidatos  dt {
	width:205px;
}

.consulta-candidatos  dd {
	margin-left:225px;
}
 

.label-desenvolvimento {
	background-color:#f1da36; 
	border:1px solid #333;
	color:#333;
	position:fixed;
	font-size:16px;
	width: 200px;
	margin: auto;
	top:10px;
	z-index:999;
}

.label-manutencao {
	background-color:#FF0000; 
	border:1px solid #333;
	color:yellow;
	position:fixed;
	font-size:16px;
	width: 200px;
	margin: auto;
	top:45px;
	z-index:999;
}

/* css do file upload */

#bar_blank {
  border: solid 1px #000;
  height: 20px;
  width: 300px;
}
 
#bar_color {
  background-color: #006666;
  height: 20px;
  width: 0px;
}
 
#bar_blank, #hidden_iframe {
  display: none;
}