@import url(http://fonts.googleapis.com/css?family=Raleway:200,500,600,700,800);


*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }




body, html { 
	background: #edeeef url(../img/background.png);
	font-weight: 500;
	font-size: 1em;
	margin: 0px;
	height: 100%;
	font-family: 'Raleway', Arial, sans-serif;
}
body, .ColorPadrao {
	color: #404d5b;
	min-width: 800px;
}

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

header {
	background: #EDEDED;
	width: 100%;
	height: 48px;
	border-bottom: 1px solid #D9DEE4;
	padding-top: 20px;
	margin-bottom: 20px;
}


header ol {
	margin: 0px;
}
header ol li{
	display: inline; 
}
header li+li:before {	
	content: "/\00a0"
}


.HeaderUsuario {
	position: absolute;
	right: 20px;
	top: 15px;
	height: 30px;
	line-height: 30px;
}

header span img {
	vertical-align: middle;

}

.Datatable {
	line-height: 2em; 
	background-color: #fff;
}


.ui-autocomplete{
	z-index: 1050 !important;
}



















/* 	Trocar o background de #1a2942	por #2f4050  de #162338 	por #293846 de #b4b6bd 	por #a7b1c2 */

/* Shrinking the sidebar from 250px to 80px and center aligining its content*/
.SideBar {
	position: fixed;
	z-index: 1;
	width: 160px;
	height: 100%;
	float:left;
	background-color: #1a2942;
	background-color: #101329;
	-moz-perspective: 200px;
	-ms-perspective: 200px;
	-webkit-perspective: 200px;
	-o-perspective: 200px;
	perspective: 200px;
}




.SideBar a:first-child{
	margin-top: 20px;
}
.SideBar a {
	transition: all .5s ease-out 0s;
	color: #b4b6bd;
	cursor: pointer;
	display:block;
	height:50px;
	padding-left: 20px;
	text-decoration:none;
	width:100%;
	font-size: 1em;
}
.SideBar a:hover{
	color: #fff;
	text-decoration:none;
}
.SideBar i {
	margin-right: 5px;
}

.SideBar.SideBarActive {
	min-width: 70px;
	max-width: 70px;
}

.SideBarActive a{
	transition: all .5s ease-out 0s;
	color: #b4b6bd;
	cursor: pointer;
	display:block;
	height:30px;
	margin-left: 0!important;
	text-decoration:none;
	width:100%;
	font-size: 0.6em;
}



/* Changing the arrow position to bottom center position, 
   translateX(50%) works with right: 50% 
   to accurately  center the arrow */
   .SideBar.SideBarActive .dropdown-toggle::after {
   	top: auto;
   	bottom: 10px;
   	right: 50%;
   	-webkit-transform: translateX(50%);
   	-ms-transform: translateX(50%);
   	transform: translateX(50%);
   }




   .Content {
   	margin-left: 160px;
   }
   .ContentActive {
   	margin-left: 70px;
   }





   @media (max-width: 768px) {
   	.SideBar {
   		z-index: 1;
   		width: 80px;
   		height: 100%;
   		float:left;
   		background-color: #1a2942;
   		background-color: #101329;
   		-moz-perspective: 200px;
   		-ms-perspective: 200px;
   		-webkit-perspective: 200px;
   		-o-perspective: 200px;
   		perspective: 200px;
   	}

   	.SideBar a{
   		transition: all .5s ease-out 0s;
   		color: #b4b6bd;
   		cursor: pointer;
   		display:block;
   		height:30px;
   		margin-left: 0!important;
   		text-decoration:none;
   		width:100%;
   		font-size: 0.6em;
   	}
   	.Content {
   		margin-left: 90px;
   	}

   }























   .Size-01 { width: 25px; }
   .Size-1 { width: 50px; }
   .Size-2 { width: 100px; }
   .Size-3 { width: 150px; }
   .Size-4 { width: 200px; }
   .Size-5 { width: 250px; }
   .Size-6 { width: 300px; }
   .Size-7 { width: 350px; }
   .Size-8 { width: 400px; }
   .Size-9 { width: 450px; }
   .Size-10 { width: 500px; }
   .Size-11 { width: 550px; }
   .Size-12 { width: 600px; }
   .Size-13 { width: 650px; }
   .Size-14 { width: 700px; }
   .Size-15 { width: 750px; }
   .Size-16 { width: 800px; }
   .Size-17 { width: 850px; }
   .Size-18 { width: 900px; }
   .Size-19 { width: 950px; }
   .Size-20 { width: 1050px; }
   .Size-21 { width: 1100px; }
   .Size-22 { width: 1150px; }
   .Size-23 { width: 1200px; }
   .Size-24 { width: 1250px; }
   .Size-25 { width: 1300px; }
   .Size-26 { width: 1350px; }


   .Size-1200 { width: 1200px; }
   .Size-100 { width: calc(100% - 20px); }


/*

.Size-1 { width: 100px; }
.Size-2 { width: 140px; }
.Size-3 { width: 210px; }
.Size-4 { width: 280px; }
.Size-5 { width: 350px; }
.Size-6 { width: 420px; }
.Size-7 { width: 490px; }
.Size-8 { width: 560px; }
.Size-9 { width: 630px; }
.Size-10 { width: 700px; }
.Size-11 { width: 770px; }
.Size-12 { width: 840px; }
.Size-13 { width: 910px; }
.Size-14 { width: 980px; }
.Size-15 { width: 1050px; }
.Size-16 { width: 1120px; }
.Size-17 { width: 1190px; }
.Size-18 { width: 1260px; }
.Size-19 { width: 1330px; }
.Size-20 { width: 1400px; }


*/
.Grupo {
	margin-top: 6px;
}
.Grupo, .GrupoAcao {
	margin-left: 10px;

}

.Grupo {
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);   	
	padding: 0px 10px 15px 15px;
	border-top: 1px solid #ddd;
	border-radius: 5px;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: inline-block;
}

.GrupoAuxiliar {
	margin-right: 20px;
	display: inline-block;
}

.GrupoAuxiliar h5 {
	font-size: 0.9em;
	height: 5px!important;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;

}

.AddCenter img {
	vertical-align: middle;
}

.Cursor {
	cursor: pointer;
}




/* Abas */

.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	position: relative;
	min-width: 500px;
	padding-left: 10px;
}

.Abas li {
	display: inline;

}
.Abas .AbaAtiva,.Abas .AbaAtiva2 {
	height: 50px;
	width: 500px;
	background-color: #fff;
	color: #000;
}

.Abas a {
	margin: 0px;
	color: #fff;
	background-color: #337ab7;
	margin-right: -5px;
	padding: 10px 35px;
}

.AbaDisplay {
	display: none;
}


.GrupoAcao a, .GrupoAcao button {
	margin-right: 5px;
}

.GrupoAcaoIndex {
	position: absolute;
	margin-left: 500px;
	margin: 200 auto;
	z-index: 2; 

}



























































.FormGroup {
	margin: 0 5px 0px 0;
	display: inline-block;
	
}
.FormGroup label, .FormGroup span {
	font-size: 0.9em;
	margin-bottom: 5px;	
	cursor: pointer;
	color: #000;
	size: 100%;
	display: inline
}
.FormGroup input[type=text], .FormGroup input[type=date], .FormGroup input[type=number], .FormGroup input[type=time], .FormGroup input[type=password], .FormGroup input[type=file], .FormGroup select, .Tabela input[type=text], .Tabela input[type=date], .Tabela input[type=number], .Tabela input[type=password], .Tabela input[type=file], .Tabela select {
	width: 100%;
	background-color: #f5f5f5;
	color: rgba(0,0,0,1);
	font-family: 'Raleway', Arial, sans-serif;
	font-weight: 600;
	font-size: 0.8em;
	border-radius: 2px;
	border: 1px solid #eee;	
	line-height: 1.1;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

	outline: none;
	text-transform: uppercase;

}
.FormGroup textarea {
	width: 100%;

}
.FormGroup input[type=text], .FormGroup input[type=time], .FormGroup input[type=number], .FormGroup input[type=password], .FormGroup input[type=file], .Tabela input[type=text], .Tabela input[type=password], .Tabela input[type=file] {
	padding: 6px 6px;
}
.FormGroup select, .Tabela select {
	padding: 6px 2px;	
}
.FormGroup input:focus, .FormGroup select:focus, .Tabela input:focus, .Tabela select:focus {
	border: 1px solid #e0e0e0;
	background: #FFF;
	box-shadow: none;
}
.FormGroup input[type=text], .FormGroup input[type=time], .FormGroup input[type=number], .FormGroup select, .Tabela input[type=text], .Tabela select{
	box-shadow: 0 0 2px rgba(150, 150, 150, .8);
}

.FormGroup input[type=text]:required, .FormGroup input[type=time]required, .FormGroup input[type=number], .FormGroup input[type=time]:required, .FormGroup select:required, .Tabela input[type=text]:required, .Tabela select:required{
	box-shadow: 0 0 2px rgba(215, 40, 40, .8);
}

.FormGroup input[type="checkbox"], .Tabela input[type="checkbox"] {
	display: none;
}
.FormGroup input[type="checkbox"] + label:before, .Tabela input[type="checkbox"] + label:before  {
	border: 1px solid #ffffff;
	content: "\00a0";
	display: inline-block;
	font: 16px/1em sans-serif;
	height: 16px;
	margin: 0 .25em 0 0;
	padding:0;
	vertical-align: top;
	width: 16px;
}
.FormGroup input[type="checkbox"]:checked + label:before, .Tabela input[type="checkbox"]:checked + label:before  {
	color: #19aa8d;
	content: "\2713";
	text-align: center;
}
.FormGroup input[type="checkbox"]:checked + label:after, .Tabela input[type="checkbox"]:checked + label:after {
	font-weight: bold;
}

h4 {
	margin: 10px 0 10px 0;
}

.scroll {
	overflow-y: auto
}




/* Botao */
.Button {
	float: left;
	display: block;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	border-radius: 5px;
	cursor: pointer;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

.ButtonAcao {
	padding: 8px 20px;
	margin-right: 10px;
}
.Button:focus {
	outline: none;
}
.Button > span {
	vertical-align: middle;
}


.ButtonGreen {
	font-size: 1em;
	background: #37474f;
	color: #fff;
}
.ButtonOrange {
	font-size: 1em;
	background: #f0ad4e;
	color: #fff;
}
.ButtonRed {
	font-size: 1em;
	background: #d9534f;
	color: #fff;
}

.ButtonBlue {
	font-size: 1em;
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;

}

.filter-button{
	font-size: 18px;
	border: 2px solid #3F6184;
	padding:5px 10px;
	text-align: center;
	color: #3F6184;
	margin-bottom: 30px;
	background:transparent;
}
.filter-button:hover,
.filter-button:focus,
.filter-button.active{
	color: #ffffff!important;
	background-color:#3F6184!important;
	outline:none!important;
}
.gallery_arquivos{
	margin: 0px;
	padding:0;
	position:relative;
}
.gallery_arquivos .img-info{
	position: absolute;
	background: rgba(0,0,0,0.5);
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px;
	overflow:hidden;
	color:#fff;
	top:0;
	display:none;
	-webkit-transition: 2s;
	transition: 2s;
}

.gallery_arquivos:hover .img-info{
	display:block;
	-webkit-transition: 2s;
	transition: 2s;
}

.gallery_arquivos .img-responsive  {
	min-width: 150px;

}
.Textbold {font-weight: bold;}
.FontMaior15 { font-size: 1.5em; }
.FontMaior2 { font-size: 2em; }

.ButtonGreen .button--inverted {
	background: #fff;
	color: #37474f;
}
.Button::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #3f51b5;
	z-index: -1;
	border-radius: inherit;
	opacity: 0;
	-webkit-transform: scale3d(0.6, 0.6, 1);
	transform: scale3d(0.6, 0.6, 1);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.ButtonGreen.button--inverted::before {
	border-color: #7986cb;
}
.Button:hover {
	background-color: #fff;
	color: #3f51b5;
}
.Button.button--inverted:hover {
	background-color: #37474f;
	color: #7986cb;
}
.Button:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
}



.ButtonSize-1 {
	padding: 0 6px;
	margin-right: 3px;
	border-radius: 4px;

}


















































/*** Tabela **/

.Tabela {
	background: white;
	border-radius:3px;
	border-collapse: collapse;
	padding:5px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	animation: float 5s infinite;
}

.Tabela th {
	color: #b4b6bd;
	background-color: #1a2942;
	border-bottom:4px solid #9ea7af;
	border-right: 1px solid #343a45;
	font-size:14px;
	padding:12px;
	text-align:left;
	vertical-align:middle;
}

.Tabela th:first-child {
	border-top-left-radius:3px;
}

.Tabela th:last-child {
	border-top-right-radius:3px;
	border-right:none;
}

.Tabela tr {
	border-top: 1px solid #C1C3D1;
	border-bottom-: 1px solid #C1C3D1;
	font-size:16px;
	font-weight:normal;
}
.Tabela div {
	position: relative;
}
.Tabela tr:hover td {
	background:#4E5066!important;
	color:#FFFFFF;
}

.Tabela tr:first-child {
	border-top:none;
}

.Tabela tr:last-child {
	border-bottom: 0px solid #22262e;
}

.Tabela tr:nth-child(odd) td {
	background:#EBEBEB;
}

.Tabela tr:nth-child(odd):hover td {
	background:#4E5066;
}

.Tabela tr:last-child td:first-child {
	border-bottom-left-radius:3px;
}

.Tabela tr:last-child td:last-child {
	border-bottom-right-radius:3px;
}

.Tabela td {
	background:#FFFFFF;
	padding: 8px 7px;
	text-align:left;
	vertical-align:middle;
	font-size:14px;
	border-right: 1px solid #C1C3D1;
}

.Tabela td:last-child {
	border-right: 0px;
}

.Text-left {
	text-align: left;
}

.Text-center, .Tabela td.Text-center {
	text-align: center;
}
.BackgroundAzul {
	background-color: #337ab7;
	color: #fff;

}

.Text-right, .Tabela th.Text-right {
	text-align: right!important;
}


/* Tabela de Pagamento */

.TabelaRecebimentoPagamento  {
	max-height: 200px;
	overflow-y: auto;    /* Trigger vertical scroll    */
	overflow-x: hidden;  /* Hide the horizontal scroll */
}
.TabelaScroll tbody, .TabelaScroll thead { display: block; }

.TabelaRecebimentoPagamento tbody  {
	height: 230px;
	overflow-y: auto;
	overflow-x: hidden;
}


.TabelaRecebimentoTipos tbody {
	height: 100px;
	overflow-y: auto;
	overflow-x: hidden;
}












.DivLeft {
	float: left;

}



.FotoIntegrante {
	width: 120px;
	margin: 20px 10px 0 20px;
}
.FotoIntegrante img  {
	width: 120px;
}



.ImagemUpload {
	position: relative;
	overflow: hidden;
	float: left;
	clear: left;
}
.ImagemUpload input[type="file"] {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	font-size: 100px;
	filter: alpha(opacity=0);
	cursor: pointer;
}