@charset="UTF-8";
/* CSS Document
Desenvolvido por: Jefferson Siqueira e Luis Balsini
E-mail: jefferson@infoconsig.com.br e luisbalsini@hotmail.com
Versão: 2.1.8


HTML
**************************************************************************************************/
html, body {
	height: 100%;
}
body {
	width: 100%;
	font: 1.15em/1.5 Arial, Helvetica, sans-serif;
	background: url(../images/bg.jpg) center top no-repeat fixed;
	background-size: cover;
	color: #333;
	text-align: justify;
}
article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section, div, video, audio {
	position: relative;
	display: block;
}
#page {
	min-width: 540px;
	max-width: 1920px;
	min-height: 100%;
}
* html #page {
	height: 100%;
}
a:link {
	text-decoration: none;
}
.block {
	display: block;
}
.inline {
	display: inline !important;
}
.none {
	display: none;
}
.absolute {
	position: absolute;
}
.fixed {
	position: fixed;
}
.relative {
	position: relative;
}
.left {
	float: left;
}
.right {
	float: right;
}
.alinhar-left{
	text-align: left;
}
.alinhar-right{
	text-align: right;
}
.list-none {
	list-style: none;
}
.list-none li {
	margin-left: 3px;
	margin-bottom: 3px;
}
.tcenter {
	text-align: center;
}
.tright {
	text-align: right;
}
.rep, .operacao{
	margin-right: 4px !important;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.resize {
	resize: vertical;
}
/* Header - Cabeçalho - Cabecalho
**************************************************************************************************/
#header {
	height: 165px;
	background: url('../images/bg_header.png') top repeat-x;
}
#header div.header, #header nav div {
	margin: auto;
}
#header div.header {
	height: 110px;
	background: url('../images/bg-header.jpg') top right no-repeat;
}
#header h1 {
	position: relative;
	float: left;
	margin: 0;
	padding: 14px 0;
	left: 10px;
	width: 120px;
	border-radius: 0;
}
#header h1 img {
	width: 100%;
}
#header .header_bar {
	float: left;
	padding: 10px 15px;
	margin-top: 20px;
	margin-left: 20%;
	min-width: 100px;
	min-height: 40px;
	background-color: rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#header .header_bar p {
	margin-bottom: 5px;
}
#header .header_bar a {
	margin-right: 10px;
}
#header .header_bar a.user {
	padding: 1px;
	color: #007FFF;
}
#header .header_bar a.chat {
	padding: 1px 0 1px 21px;
	background: url('../images/icon_chat.png') no-repeat left;
}
#header .header_bar a.message {
	padding: 1px 0 1px 18px;
	background: url('../images/icon_email.png') no-repeat left;
}
#header .header_bar a.help {
	padding: 2px 0 2px 19px;
	background: url('../images/icon_help.png') no-repeat left;
}
#header .header_bar a.bug {
	padding: 2px 0 2px 19px;
	color: #A00;
	background: url('../images/icon-bug.png') no-repeat left;
}
#header .header_bar #sair {
	margin-right: 0;
	padding: 1px 0 1px 15px;
	background: url('../images/icon_logout.png') no-repeat left;
	border: none;
}
#header .header_bar #sair:hover {
	color: #555;
}
#header nav {
	clear: both;
	height: 55px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9728+0,ff9728+50,ff8800+51,ff8800+100 */
	background-image: url('../images/bg_nav.png'); /* Old browsers */
	background: -moz-linear-gradient(top, #ff9728 0%, #ff9728 50%, #ff8800 51%, #ff8800
		100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff9728 0%, #ff9728 50%, #ff8800 51%,
		#ff8800 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff9728 0%, #ff9728 50%, #ff8800 51%, #ff8800
		100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9728',
		endColorstr='#ff8800', GradientType=0); /* IE6-9 */
}
#header nav ul {
	margin: 0;
	padding: 0;
}
#header nav li {
	float: left;
}
#header nav a {
	display: block;
	padding: 0 10px;
	height: 55px;
	line-height: 55px;
	color: #fff;
	font-size: 1.4em;
	text-decoration: none;
}
#header nav a:hover, body.visao-geral #header nav li.visao-geral a, body.orcamento #header nav li.orcamento a,
	body.lancamento #header nav li.lancamento a, body.relatorios #header nav li.relatorios a,
	body.categoria-receita #header nav li.categoria-receita a, body.categoria-despesa #header nav li.categoria-despesa a
	{
	background-color: #284F99;
}
#header nav li a:hover ~ span, body.visao-geral #header nav li.visao-geral span,
	body.orcamento #header nav li.orcamento span, body.lancamento #header nav li.lancamento span,
	body.relatorios #header nav li.relatorios span, body.categoria-receita #header nav li.categoria-receita span,
	body.categoria-despesa #header nav li.categoria-despesa span {
	position: absolute;
	width: 0;
	height: 0;
	border-left: solid transparent;
	border-right: solid transparent;
	border-top: 8px solid #284F99;
	z-index: 100;
}
body.login {
	background: url(../images/bg-login.jpg) center top no-repeat fixed;
	background-size: cover;
}
body.login .window {
	position: fixed;
	margin-left: -345px;
	top: 13%;
	left: 50%;
	padding: 20px;
	width: 650px;
	background-color: rgba(255, 255, 255, 0.95);
	border: 1px solid #eee;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	z-index: 999;
}
body.login .window h2 {
	color: #284F99;
	text-align: center;
}
body.login .window a.bt {
	padding: 10px 15px;
	font-size: 1.5em;
	text-transform: uppercase;
	background-color: #FF9728;
}
body.login .window a.bt:hover {
	background-color: #284F99;
}
.login #header {
	background: #FF8800;
	height: 55px;
	margin-bottom: 30px;
}
.login #container h1 {
	margin: 20px 0;
}
.login #container #form_login {
	margin: auto;
	width: 440px;
}
.login #container #form_login.servidor_publico form {
	margin: auto;
	width: 300px;
}
.login #container #form_login.servidor_publico form label {
	font-size: 15px;
}
.login #container #form_login form h2 {
	font-size: 26px;
	font-weight: 100;
	color: #284F99;
}
.login #container #form_login form h2 span {
	color: #E57B02;
}
.login #container #form_login label {
	font-size: 16px;
	color: #fff;
	text-shadow: 0 0 2px #D67302;
}
.login #container #form_login button {
	padding: 8px 20px;
	margin-top: 20px;
	margin-right: 0;
	font-size: 20px;
}
.login #container #form_login button#criarconta {
	position: relative;
	background: transparent;
	background-color: rgba(247, 232, 191, 0.75);
	border: 1px solid #E5D4A1;
	width: 186px;
	height: 168px;
	box-shadow: none;
}
.login #container #form_login button#criarconta strong {
	position: absolute;
	top: 7px;
	left: 0;
	width: 100%;
	color: #265099;
	font-size: 0.7em;
}
.login #container #form_login button#criarconta span.icon {
	position: absolute;
	left: 42px;
	bottom: 0;
	width: 110px;
	height: 125px;
	background-image: url('../images/icon-familia.png');
	background-size: cover;
}
.login #container #form_login button#criarconta:hover strong {
	color: #FFF;
}
.login #container #form_login button#criarconta:hover {
	background-color: rgba(40, 79, 153, 0.8);
	border-color: rgb(40, 79, 153);
}
.login #referencia_ss, .login #posicao_ss, .login #ch_seguranca_ss {
	padding: 7px 9px;
	font-size: 1.5em;
	text-align: center;
}
.login #posicao_ss {
	margin-right: 70px;
	width: 50px;
	color: red;
}
.login #ch_seguranca_ss {
	width: 140px;
}
.login div.right {
	margin-top: 2px;
}
.login .ou {
	position: absolute;
	padding: 10px 0;
	margin-top: -22px;
	margin-left: -10px;
	top: 60%;
	left: 50%;
	font-size: 16px;
	background-color: #fff;
}
.login #cad_pergunta {
	margin: auto;
	width: 115px;
}
.login #cad_pergunta label {
	font-size: 16px;
	font-weight: 700;
}
.login td {
	position: relative;
}
.login .captcha div {
	float: left;
	margin-top: 10px;
	background-color: #fff;
	overflow: hidden;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* Container - Conteudo
**************************************************************************************************/
#container {
	padding: 0.8% 0.1% 150px;
}
.box-content.left .medium_box {
	float: left;
}
.box-content.right .medium_box {
	float: right;
}
/* box: big, medium, small*/
.big_box, .medium_box {
	margin-bottom: 10px;
	border: 4px solid transparent;
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 2px 2px 2px rgba(5, 5, 5, 0.3);
	box-shadow: 2px 2px 2px rgba(5, 5, 5, 0.3);
}
body.login .medium_box {
	background-color: rgba(255, 255, 255, 0.85);
	border-color: transparent;
}
.big_box .title, .medium_box .title, .small_box .title, .box_titulo .title,
	.cx-simulador .title {
	margin: 0;
	padding: 0.3em 0.5em;
	font-size: 1.34em;
	color: #fff;
	background-color: #ff8800;
	text-shadow: 0px 1px 0px #A55903;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.big_box .title.bg_green, .medium_box .title.bg_green, .small_box .title.bg_green
	{
	text-shadow: 0px 1px 0px #2C5601;
}
/*table OBS: NAO TIRAR AS TAGS TABLE DE ORDEM */
table
	{
	margin: 0;
	width: 100%;
}
.table{
	margin-bottom: 0 !important;
}
table tbody tr td{
	padding: 2px !important;
	vertical-align: inherit !important;
}
table tbody.form-alterarsenha-perfil td{
	padding: 7px 0 1px 0 !important
}
table tbody td:first-child{
	padding: 0px 3px 0px 6px !important;
}
table thead td,table tfoot td{
	padding: 0 0 0 0 !important;
}
table thead td:first-child,table tfoot td:first-child{
	padding: 0 0 0 6px !important;
}
table tfoot.main-bar td{
	padding-right: 5px !important;
}
table thead.lancamento_header td.dia, table.cruzamento tbody td.dia{
	width: 2.41%;
}
table thead.lancamento_header td.mes, table.cruzamento tbody td.mes{
	width: 4.41%;
}
table thead.lancamento_header td.grupo, table.cruzamento tbody td.grupo{
	width: 10.75%;
}
table thead.lancamento_header td.categoria, table.cruzamento tbody td.categoria{
	width: 16.3%;
}
table thead.lancamento_header td.vl_lancamentos, table.cruzamento tbody td.vl_lancamentos{
	width: 12%;
}
table thead.lancamento_header td.proprietario, table.cruzamento tbody td.proprietario{
	width: 16.48%;
}
table thead.lancamento_header td.descricao, table.cruzamento tbody td.descricao{
	width: 16%;
}
table thead.lancamento_header td.descricao_rep, table.cruzamento tbody td.descricao_rep{
	width: 25%;
}
table.cruzamento #emoji {
	position: relative;
	float: right;
	top: 0;
	right: 5px;
	width: 25px;
	height: 25px;
	box-shadow: none;
}
table.cruzamento #emoji.emoji_1, table.cruzamento #emoji.emoji_6 {
	background-size: 180%;
}
table.cruzamento thead, table.cruzamento tbody {
	display: block;
}
table.cruzamento tbody {
	height: 335px;
	background-color: #fdfdfd;
	overflow-y: scroll;
	overflow-x: hidden;
}
table tr.total td {
	border-top: 1px solid #ddd;
}
table tr.between_lines td {
	border-top: 1px solid #ddd;
}

/*REFERENTE AO HTML MENU DE INFORMACOES E SELETORES */
div.box_info span {
	margin:  0 0 0 0 !important;
}
div.box_info span.alinhar_txt_btn{
	font-size: 16px;
	margin: 12px 5px 10px 10px !important;
}
div.box_info span.alinhar_txt_btn:first-child{
	margin: 12px 5px 10px 0px !important;
}
div.box_info button {
	margin: 0 0 0 0 !important;
}
div.box_info button.alinhar_btn{
	margin: 6px 0 0 0 !important;
}
div.box_info div.box_dados div.txt_box{
	margin-right: 7px;
}
.linha_top{
	display : block;
	width : 22px;
	height : 2px;
	border-top: 2px solid #ddd;
	padding-top: 3px;
	border-color: #778899;
}
.linha_bottom{
	display : block;
	width : 22px;
	height : 2px;
	border-bottom: 2px solid #ddd;
	padding-bottom: 3px;
	border-color: #778899;
}
.linha_meio{
	display : block;
	width : 22px;
	height : 2px;
	border-bottom: 2px solid #ddd;
	border-color: #778899;
}
/* FINAL REFERENTE AO HTML PALETA DE INFORMACOES E SELETORES */

/* color */
.tgreen {
	color: #59B200;
}
.tred {
	color: #D90000;
}
.tyellow {
	color: #C3AC00;
}
.title.bg_green, .green {
	background-color: #59B200;
}
.bg3_green, .bar .green {
	background-color: #59B200;
}
.bg2_green {
	background-color: #DEFCDE;
}
.title.bg_red, .red {
	background-color: #D90000;
}
.bg3_red, .bar .red, .ui-widget-header {
	background-color: #D90000;
}
.bg2_red {
	background-color: #FCE5E5;
}
.bg_gray {
	background-color: #eAeAeA;
}
.bg_blue, .title.bg_blue {
	color: #fff;
	background-color: #284F99;
	text-shadow: 0px 1px 0px #1A3870;
}

/* categorias e sub */
.cat {
	margin-right: 2px;
	padding: 3px 5px;
	font-size: 0.95em;
	color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.cat.renda-mensal, .jform .renda-mensal {
	background-color: #006DD9;
}
.cat.habitacao, .jform .habitacao {
	background-color: #FF7A4D;
}
.cat.lazer, .jform .lazer {
	background-color: #F0A026;
}
.cat.saude, .jform .saude {
	background-color: #00A96D;
}
.cat.estetica, .jform .estetica {
	background-color: #F00FF0;
}
.cat.educacao, .jform .educacao {
	background-color: #6290E5;
}
.cat.transporte, .jform .transporte {
	background-color: #B20000;
}
.cat.investimentos, .jform .investimento {
	background-color: #8890AB;
}
.cat.conta-bancaria, .jform .conta-bancaria {
	background-color: #808000;
}
.cat.outros-personalizados, .jform .outros-personalizados {
	background-color: #613409;
}
.jform .renda-mensal, .jform .habitacao, .jform .lazer, .jform .saude,
	.jform .transporte, .jform .estetica, .jform .educacao, .jform .investimento,
	.jform .conta-bancaria {
	color: #fff;
}

/* Categoria personalizada */ 

.add_cat_personalizada span {
	display: block;
	margin: auto;
	padding-top: 2px;
	width: 22px;
	height: 18px;
	text-align: center;
	background-color: #eaeaea;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}
.add_cat_personalizada span {
	margin-right: 5px;
	width: 20px;
	font-size: 1.0em;
}
.detalhes a {
	display: inline-block;
	margin: auto;
}
.cabecalhoCategoria, .add-cat {
	clear: both;
	padding-top: 10px;
}
.cabecalhoCategoria {
	margin-bottom: 5px;
}
.cabecalhoCategoria span.cat {
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.cabecalhoCategoria div.cat {
	-webkit-border-radius: 0 4px 4px 4px;
	border-radius: 0 4px 4px 4px;
}
.txt_cat_personalizada, .tb_gerenciarcat .txt_categoria {
	display: inline-block;
	margin-right: 10px;
}
.txt_cat_personalizada.input-sm {
	height: 23px;
}
.tb_gerenciarcat td {
	padding-left: 0;
}
.tb_gerenciarcat .txt_categoria {
	width: 227px;
}
.add_cat_personalizada span {
	float: left;
}
.tb_gerenciarcat .crudcatpersonalizada {
	min-height: 1px;
}
.col-label {
	line-height: 25px;
}
.col-label, .col-input {
	vertical-align: top;
	display: inline-block;
	width: 50%;
}
.col-line {
	padding: 7px 0;
	border-bottom: 1px solid #ddd;
}
.nav_simulador {
	margin-left: 0;
	padding-left: 0;
}
.nav_simulador li, #bt-gerenciarcat {
	float: left;
	position: relative;
}
.nav_simulador li.ativo a, #bt-gerenciarcat:hover {
	color: #fff;
	background-color: #264D99;
	border-color: #779BDD;
	-webkit-box-shadow: 2px 2px #1F4489;
	box-shadow: 2px 2px #1F4489;
}
.nav_simulador li:first-child a {
	margin-left: 0px;
}
.nav_simulador li a, #bt-gerenciarcat {
	position: relative;
	display: block;
	margin-left: 1px;
	padding: 6px 8px;
	color: #575757;
	font-family: "Arial Rounded MT", Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	line-height: 15px;
	background-color: #EDEDED;
	border: 2px solid #ddd;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 2px 2px #AAA;
	box-shadow: 2px 2px #AAA;
}
.nav_simulador li a[href='#cx5'] {
	padding: 21px 10px;
}
#bt-gerenciarcat {
	margin-left: 5px;
	line-height: 23px;
}
#bt-gerenciarcat b {
	position: absolute;
	right: 5px;
	width: 45px;
	height: 45px;
	background: url(../images/bg-ger-cat.png);
	z-index: 1;
}
#bt-gerenciarcat:hover b {
	background-position: right
}
.nav_simulador li a b {
	position: absolute;
	top: 12px;
	right: 0;
	font-size: 50px;
	color: #DDD;
	z-index: 1;
	opacity: 0.5;
}
.nav_simulador li span, #bt-gerenciarcat span {
	position: relative;
	display: block;
	z-index: 5;
}
.nav_simulador li.ativo a b {
	color: #779BDD;
}

/* Datapicker calendario */
#ui-datepicker-div {
	display: none;
	z-index: 9999 !important;
}

.ui-datepicker-trigger {
	position: absolute;
	margin-top: 4px;
	right: 4px;
	cursor: pointer;
}

input.hasDatepicker {
	display: inline-block;
}

/* bar */
.main-bar {
	margin: auto;
	width: 100%;
	margin-top: 5px;
}
tbody.main-bar td {
	padding: 1.5% 0.9%;
}
tfoot.main-bar strong {
	font-size: 1.1em;
}
.head-bar {
	text-align: center;
}
.o_bar {
	height: 25px;
	background-color: #fcfcfc;
	border: 1px solid #ccc;
	overflow: hidden;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
	margin: 2px 0 5px 0
}
.bar, .bar div {
	height: 100%;
}

/* Footer - Rodapé - Rodape
**************************************************************************************************/
#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	color: #fff;
}
#footer div {
	margin: auto;
}
#footer a {
	position: relative;
	margin-left: 20px;
	float: left;
}
#footer .ciampevi {
	margin-top: 30px;
	width: 49px;
	height: 49px;
	background-image: url(../images/logo-ciampevi.png);
	opacity: 0.7;
}
#footer .torneira_fechada {
	margin-top: 30px;
	width: 205px;
	height: 47px;
	background-image: url(../images/torneira_rodape.png);
	opacity: 0.7;
}

#footer span.right {
	position: relative;
	margin-top: 30px;
	margin-right: 20px;
}
#sttorico {
	position: relative;
	right: 20px;
	margin-top: 14px;
}

/* BT - buttons
**************************************************************************************************/
.bt {
	color: #fff;
	font-size: 1.1em;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bt:hover, .add-cat a {
	text-decoration: none;
}
.login .bt, .perfil .bt {
	padding: 5px 12px;
}
#mensagem .bt {
	display: block;
	text-align: center;
	padding: 5px;
}
.bt.voltar, .cx_simulador .bt.salvar {
	-webkit-box-shadow: 0 -2px 5px 3px rgba(5, 5, 5, 0.12) inset, 2px 2px
		2px rgba(5, 5, 5, 0.5);
	box-shadow: 0 -2px 5px 3px rgba(5, 5, 5, 0.12) inset, 2px 2px 2px
		rgba(5, 5, 5, 0.5);
}
.bt.voltar, .bt.salvar {
	padding: 0.4em 0.8em;
}
.login a.infoconsig {
	color: #284F99;
}
.login .bt.sim {
	background-color: #0A0;
}
.login .bt.sim:hover {
	background-color: #0B0;
}
.login .bt.nao {
	background-color: #B00;
}
.login .bt.nao:hover {
	background-color: #C00;
}
.login .bt.senha {
	display: block;
	margin: 10px 0 0;
	padding: 3px 6px;
	font-size: 12px;
	color: #965103;
	background-color: rgba(247, 232, 192, 0.8);
	border: 1px solid #E5D3A0;
}
.login .bt.senha:hover {
	color: #fff;
	background-color: rgba(40, 79, 153, 0.8);
	border-color: rgb(40, 79, 153);
}
/* class inicio */
.login .inicio h2 {
	font-weight: 100;
}
.box-canvas {
	float: left;
}
.btn-icon {
	float: left;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.btn-icon:hover {
	text-decoration: none;
}
.btn-icon img {
	float: left;
	margin-right: 4%;
}
.btn-icon span {
	margin-top: 14px;
	display: block;
	font-size: 0.95em;
	font-weight: 700;
	color: #fff;
}
#btn-ganho {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7bcc1e+0,59b200+100 */
	background: #88E01D; /* Old browsers */
	background: -moz-linear-gradient(top, #88E01D 0%, #59b200 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #88E01D 0%, #59b200 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #88E01D 0%, #59b200 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88E01D',
		endColorstr='#59b200', GradientType=0); /* IE6-9 */
}
#btn-ganho:hover {
	background: #51A001;
}
#btn-gasto {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff6051+0,cf0404+100 */
	background: #ff6051; /* Old browsers */
	background: -moz-linear-gradient(top, #ff6051 0%, #cf0404 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff6051 0%, #cf0404 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff6051 0%, #cf0404 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6051',
		endColorstr='#cf0404', GradientType=0); /* IE6-9 */
}
#btn-gasto:hover {
	background: #BC0101;
}

/* Modal Primeiro Acesso
**************************************************************************************************/
#mask_loadpage, #mask {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	/*background-color:#828282; */
	background-color: #000000;
	opacity: 0.3;
	filter: alpha(opacity = 30); /* For IE8 and earlier */
	z-index: 110;
}
#boxes .window {
	display: none;
	position: absolute;
	padding: 20px;
	width: 700px;
	height: auto;
	background-color: #fff;
	z-index: 120;
	border: 4px solid #AAA;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#boxes .window small {
	font-size: 0.8em;
}
#boxes .window .cx-form {
	margin: auto;
	width: 84%;
}
#boxes .window .cx-form em {
	text-decoration: underline;
}
#boxes .window .instrucao {
	padding: 5px;
	background-color: #eaeaea;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#boxes .window .toolbar {
	padding: 10px 0;
}
#boxes .window .toolbar strong, #boxes .window .toolbar span {
	font-size: 1.2em;
}
#boxes .window .toolbar button {
	margin-top: -5px;
}
/* posiciona o link para fechar a janela */
.close {
	display: block;
	text-align: right;
}

/* Tudo 	ESTILOS DE BOTOES ESTAO CONDENADOS, ISSO FICARA POR CONTA DO BOOSTSTRAP
**************************************************************************************************/
#footer, .jform button {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff8800+70 */
	background: #FF8800; /* Old browsers */
	background: -moz-linear-gradient(top, #ffa84c 0%, #ff8800 70%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffa84c 0%, #ff8800 70%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffa84c 0%, #ff8800 70%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c',
		endColorstr='#ff8800', GradientType=0); /* IE6-9 */
}

.jform button:hover, .login #container #form_login button:hover {
	background: #F28100;
}

.bt.salvar, .btn-save {
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#517adb+0,2d56a8+70 */
	background: #517adb; /* Old browsers */
	background: -moz-linear-gradient(top, #517adb 0%, #2d56a8 70%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #517adb 0%, #2d56a8 70%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #517adb 0%, #2d56a8 70%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#517adb',
		endColorstr='#2d56a8', GradientType=0); /* IE6-9 */
}

.bt.salvar:hover, .btn-save:hover {
	color: #fff;
	background: #284F99;
}

.bt.voltar {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce6e00+0,b25f00+70 */
	background: #ce6e00; /* Old browsers */
	background: -moz-linear-gradient(top, #ce6e00 0%, #b25f00 70%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ce6e00 0%, #b25f00 70%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ce6e00 0%, #b25f00 70%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce6e00',
		endColorstr='#b25f00', GradientType=0); /* IE6-9 */
}

.bt.voltar:hover {
	background: #B25803;
}

.bt.add, .btn-add {
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#16c400+0,299a0b+100 */
	background: #16c400; /* Old browsers */
	background: -moz-linear-gradient(top, #16c400 0%, #299a0b 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #16c400 0%, #299a0b 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #16c400 0%, #299a0b 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16c400',
		endColorstr='#299a0b', GradientType=0); /* IE6-9 */
}

.bt.add:hover, .btn-add:hover, .btn-add:focus {
	color: #fff;
	background: #299a0b;
}

.cx-legend {
	padding: 1em 1em 0.8em;
	width: 27%;
	min-height: 1px;
	font-size: 1.2em;
	text-align: center;
	background-color: #EAF1FF;
	border: 1px solid #C4D8FC;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.grafico-1 .cx-legend {
	width: 45%;
	margin-left: 4%;
}

.legend {
	position: relative;
	float: left;
	top: 3px;
	margin-right: 5px;
	width: 10px;
	height: 10px;
}

.line-legend {
	width: 300px;
	font-size: 1.2em;
}

div.cx-ajuda {
	display: none;
	position: absolute;
	top: -26px;
	padding: 1em;
	width: 250px;
	background-color: #FFFFB0;
	-webkit-box-shadow: 1px 1px 1px #CFCF00;
	box-shadow: 1px 1px 1px #CFCF00;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 100;
}

div.cx-ajuda.l {
	left: 102%;
}

div.cx-ajuda.l2 {
	left: 101%;
}

div.cx-ajuda.r {
	right: 100%;
}

div.cx-ajuda:before {
	content: "";
	position: absolute;
	top: 26px;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
}

div.cx-ajuda.l:before, div.cx-ajuda.l2:before {
	right: 100%;
	border-right: 26px solid #FFFFB0;
}

div.cx-ajuda.r:before {
	left: 100%;
	border-left: 26px solid #FFFFB0;
}

a[role="button"] {
	margin-top: 33px;
}

a[role="button"]:first-child {
	margin-right: 5%;
}

/* @media
**************************************************************************************************/
@media ( max-width : 700px) {
	.header_bar {
		background-color: rgba(255, 255, 255, 0.8) !important;
	}
	.box-canvas canvas {
		margin-left: 3%;
		margin-right: 5%;
		width: 245px;
	}
	.btn-icon {
		margin-top: 5.5%;
		padding-top: 8px;
		padding-left: 2%;
		width: 45%;
		height: 62px;
	}
	.btn-icon span {
		margin-top: 6px;
		text-align: left;
	}
	.btn-icon img {
		width: 45px;
	}
}

@media ( min-width : 700px) {
	.header_bar {
		background-color: rgba(255, 255, 255, 0.8) !important;
	}
	.box-canvas canvas {
		margin-left: 4.5%;
		margin-right: 7.5%;
		width: 300px;
	}
	.btn-icon {
		margin-top: 5.5%;
		padding-top: 8px;
		padding-left: 2.5%;
		width: 46%;
		height: 75px;
	}
	.btn-icon img {
		margin-top: 0;
		width: 60px;
	}
	.btn-icon span {
		margin-top: 10px;
		font-size: 1.15em;
		text-align: left;
	}
}

@media ( min-width : 992px) {
	.box-canvas {
		margin-top: 20px;
	}
	.box-canvas canvas {
		margin-left: 2.5%;
		margin-right: 4.5%;
		width: 245px;
	}
	.btn-icon {
		margin-top: 11.5%;
		padding-top: 8px;
		padding-left: 2%;
		width: 39%;
		height: 65px;
	}
	.btn-icon img {
		margin-top: 5px;
		width: 40px;
	}
	.btn-icon span {
		margin-top: 0;
		font-size: 1em;
	}
}

@media ( min-width : 1200px) {
	.box-canvas {
		margin-top: 8px;
	}
	.box-canvas canvas {
		margin-left: 4%;
		width: 260px;
	}
	.btn-icon {
		margin-top: 6.5%;
		padding-top: 8px;
		padding-left: 2.5%;
		width: 46%;
		height: 75px;
	}
	.btn-icon img {
		margin-top: 0;
		width: 60px;
	}
	.btn-icon span {
		margin-top: 14px;
	}
	
}

/*luis balsini
****************************************************************************************************/
/*--Efeito Zoom Na imagem--*/
a:hover>img.zoom {
	transform: translate(0px, -4px);
	-moz-transform: scale(3) translate(0px, -4px);
	-webkit-transform: scale(3) translate(0px, -4px);
	-ms-zoom: 1.1;
	opacity: 1 !important;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease;
}
img.zoom {
	border: 1px solid #284F99;
	z-index: 5;
}
.ui-dialog, #ajaxload {
	z-index: 9999;
}
#ajaxload {
	position: fixed;
	padding: 1px 0 4px;
	top: 50%;
	left: 50%;
	margin-top: -27px;
	margin-left: -27px;
	margin-top: -60px;
	margin-left: -29px;
	width: 58px;
	background-color: #fff;
	border-radius: 5px;
}
/*REFERENTE AO HTML DA MODAL EDITAR DO LANCAMENTO */
#bloco_left_edit {
	float: left;
	width: 280px;
}
#bloco_right_edit {
	float: left;
	width: 280px;
	margin-left: 8px;
}
.config-edit-lanc {
	margin: 15px 0 15px 0;
}
div.legenda {
	font-size: 14px;
}
/*FIM MODAL EDITAR LANCAMENTO */

/*REFERENTE AO HTML DA MODAL DE ADD RECEITA E DESPESA LANCAMENTOS */
#add span.rep_txt {
	font-weight: normal;
}
#add div.grid_margin {
	margin-bottom: 20px;
}
/*FINAL REFERENTE AO HTML DA MODAL DE ADD RECEITA E DESPESA LANCAMENTOS */

.conta-menu{
	border-color: black; 
	display: none;
	position: absolute;
	float: left;
	margin: 50px 0px 0px 157px; 
	z-index: 1;
}
div.conta-menu nav div ul li ul.dropdown-menu{
	position: relative !important;
}
#link_detalhes_conta {
	color: white;
}