/* RESETES */
html{font-size: 12px}
body{margin-left: 240px; background: #eee; font-family: sans-serif !important}
body.tela-cheia{margin-left: 0; background: #f3f5f9}


.load{ position:fixed; width:100%; height:100%; display:block; background: url("../img/bg-load.png") fixed; top:0; left:0; z-index:99}
.load .caixa{background: url('../img/bg-load-box.png') calc(50% + 120px) 50% no-repeat; width:100%; height:100%; text-align:center; margin:0 auto; z-index:99;}
.load .caixa .gif{width:100%; height:100%; display:block; background:url('../img/loading.gif')  calc(50% + 120px) 50%  no-repeat;}

/*#toast-container{position: fixed; top: auto !important; bottom: 20px !important; right: 20px}*/

a{color: #007aff}

.dropdown-content li a{color: #007aff}


a.button-collapse.top-nav {position: fixed;left: 0; top: 5px; float: none; margin-left: 1.5rem; color: #fff; font-size: 32px; z-index: 99 !important;}

.btn{padding: 0 10px !important}
.btn, .btn-large {text-decoration: none; color: #fff; background-color: #00C161; text-align: center; letter-spacing: .2px;transition: .2s ease-out; cursor: pointer; font-size: 100%; text-transform: none;
}

.modal .modal-footer {border-radius: 0 0 2px 2px; background-color: #f9f9f9; border-top: 1px solid #eee; padding: 10px 23px 0px 23px !important; height: 66px !important;  width: 100%;}

.modal {display: none; position: fixed; left: 0; right: 0; background-color: #fff; padding: 0; max-height: 80%; width: 70%; margin: auto; overflow-y: auto;  border-radius: 2px; will-change: top, opacity;}

.titulo-h3{font-size: 16px !important; font-weight: bold}
/*table { border: 1px solid #D0D0D0;}*/
td, p{color: #757575 !important }
td, th {padding:4px 4px; }

.row{margin-left: -10px; margin-right: -10px}

nav{background: none}
nav ul li a{transition: all 0.1s linear;}
nav ul li a:hover{background-color: none !important; transition: all 0.1s linear;}

ul.side-nav.fixed li.logo{margin: 0 0 20px 0; padding: 2px; line-height: 0 !important; border-bottom: 1px solid #ccc}
ul.side-nav.fixed li.logo:hover{background: #FFF}
ul.side-nav.fixed li.logo img{width: 100%; padding-top: 5px}

.logo a{ display: block; height: 59px !important }

.exibir-menu-sair{display: none;}
/* Formulario */
/*
input{ background: #fff !important; border:1px solid #ccc !important; color: #333 !important; height: 36px !important; width: calc(100% - 22px) !important; padding: 0 10px !important }
textarea{border: 1px solid #ccc !important; min-height: 85px !important; width: calc(100% - 22px) !important; padding: 10px 10px !important}
select{border: 1px solid #ccc !important; height: 38px}
*/


.form-padrao-box input{border: 1px solid #CCC; width: calc(100% - 22px); padding: 0 10px; height: 30px; background: #FFF; margin: 0; border-radius: 2px}
.form-padrao-box select{border: 1px solid #CCC; width: 100%; padding: 0 10px; height: 32px; background: #FFF; margin: 0; border-radius: 2px}
.form-padrao-box textarea{border: 1px solid #CCC; width: calc(100% - 22px); padding: 0 10px; min-height: 85px; background: #FFF; margin: 0; border-radius: 2px}

.form-padrao-box input[type=text]:focus {border-bottom: 1px solid #007aff; box-shadow: 0 1px 0 0 #007aff;}
.form-padrao-box input[type=email]:focus {border-bottom: 1px solid #007aff; box-shadow: 0 1px 0 0 #007aff;}
.form-padrao-box input[type=password]:focus {border-bottom: 1px solid #007aff; box-shadow: 0 1px 0 0 #007aff;}
.form-padrao-box textarea:focus {border-bottom: 1px solid #007aff !important; box-shadow: 0 1px 0 0 #007aff !important;}
.form-padrao-box select:focus {box-shadow: 0 1px 0 0 #007aff !important;}


[type="radio"].with-gap:checked+label:after{border: 2px solid #007aff !important; background-color: #007aff !important;}
[type="radio"].with-gap:checked+label:before{border: 2px solid #007aff !important}

[type="checkbox"].filled-in:checked+label:after{border: 2px solid #007aff !important; background-color: #007aff !important;}
[type="checkbox"].filled-in:not(:checked)+label:after{background-color: rgb(255, 255, 255) !important;}

.form-padrao-box h5{margin: 0 0 25px 0; padding: 0 0 5px 0; border-bottom: 1px solid #fff; color: #f4511e;     font-size: 1.5rem;}

.input-pesquisar {background: #FFF url(../img/bg-busca.png) center right no-repeat !important;}
.form-padrao-box-filtro input{border: 1px solid #CCC; width: calc(100% - 22px); padding: 0 10px; height: 24px; background: #FFF; margin: 0; border-radius: 2px}
.form-padrao-box-filtro select{border: 1px solid #CCC; width: 100%; padding: 0 10px; height: 26px; background: #FFF; margin: 0; border-radius: 2px}

.btn-filtro{height: 26px !important; line-height: 26px !important;}

select:focus{outline: none}

.box-carregar-mais {
	padding: 5px 0px;
    /*padding: 40px 20px;*/
    /*text-align: center;*/
}

.box-carregar-mais a {padding: 7px 18px; font-size: 12px; display: inline; border: 1px solid #007aff; border-radius: 3px;}
.box-carregar-mais a:hover {
    background-color: #007aff;
    color: #FFF;
}
.box-carregar-mais a i {
    display: inline;
    font-size: 20px;
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.side-nav{}
.side-nav li{margin: 0; padding: 0}
.side-nav li a{margin: 0; padding: 0; height: 50px; line-height: 50px; color: #263238  !important}
.side-nav li a i{position: relative;top: 11px;   color: #455a64 !important }


.gerencia-empresa-mobile{padding: 0 20px 20px 20px !important; display: block; line-height: 30px !important; display: none;}
.gerencia-empresa-mobile:hover{background: none !important}

.gerencia-empresa-mobile p{margin: 10px 0 0 0 !important; padding: 0 !important; color: #333; font-size: 12px; overflow: hidden; white-space: pre; text-overflow: ellipsis;}

.gerencia-empresa-mobile select{margin: 0 !important; padding: 0 !important}


/*.row .col{padding: 0 !important}*/



.header{ background: #344160 !important; /*background: #3f51b5  !important; */position: fixed; top: 0; width: calc(100% - 240px); z-index: 9}

	.header-logo{padding: 0 20px !important}
	.header-logo h3{margin: 23px 0 0 0; padding: 0; font-size: 16px; float: left;}

	
	.header-menu{}
	.header-menu li{}
	.header-menu li a{}
	.header-menu li a:hover{background-color: #FC9B18 !important}
	.header-menu-empresas{padding-right: 30px}
	.link-ativo{background: #ddd !important; color: #000 !important}

#content{margin: 65px 0 60px 0; padding: 20px}
 
.btn-voltar{margin-bottom: 20px;}
.btn-voltar a i{position: relative;top: 6px} 

a.btn-acao:hover{background: #ddd !important}

.label-success { background-color: #5cb85c;}
.label-danger { background-color: #d9534f;}
.label-primary{ background-color: #337ab7}
.label-info{background-color: #5bc0de}
.label {display: inline; padding: 2.9px 10px;  font-size: 75%;/* font-weight: 500;*/ line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline;  border-radius: .25em;}

.cor-verde{color: #5cb85c !important;}
.cor-vermelha{color: #d9534f !important;}
.cor-vermelha-valor{color: #ff5454 !important}
.cor-laranja{color: #f4511e !important}
.cor-azul{color: #007aff !important;}
.cor-azul-info{color: #5bc0de !important}
.cor-cinza{color: #757575 !important;}
.cor-cinza-escuro{color: #222 !important}
.cor-azul-escuro{color: #3F51B5 !important}
.cor-valor{color: #455A64 !important}

/*Contas a pagar e receber status e valores*/
.status-pago-label{background: red  !important; }
.status-pago{color:red!important; }


.status-apagar-label{background: #455A64  !important; }
.status-apagar{color: #455A64 !important; }

.status-receber-label{background: #ff9100 !important}
.status-receber{color: #F48C00 !important} 

.status-vencido-label{background: #FF9800 !important}
.status-vencido{color: #455A64 !important}


.alerta-pagamento-parcial{display: block; border: 1px solid #FFBF00; background: #FFEFBF; padding:12px 10px !important; border-radius: 3px; color: #333 !important}

.btn-modal i{position: relative; top: -13px}


.card-content h5{margin: 0 0 25px 0; padding: 0 0 5px 0; border-bottom: 1px solid #fff; color: #f4511e;     font-size: 1.5rem;}


.btn-editar-lista{ padding-right: 10px}
.btn-editar-lista i{font-size: 20px !important; position: relative; top: -3px}

.btn-editar-lista-categoria{ padding-right: 10px}
.btn-editar-lista-categoria i{font-size: 20px !important; position: relative; top: -0px}


/*--- Contas A Pagar ---*/


.tabela-dados th {background: #f2f2f2;}

.tabela-left{padding-left: 14px}
.tabela-right{padding-right: 14px !important}

.btn-icone-confirmar i{font-size: 20px !important; position: relative; top: 2px;}
.btn-icone-excluir i{font-size: 22px !important; position: relative; top: 2.8px;}
.btn-icone-editar i{font-size: 18px !important; position: relative; top: 0px;}


/*filtro de busca*/
.header-filtro-periodo{width: 100%;}
.header-filtro-periodo > .filtro-left{float: left; width: 30%;}
.header-filtro-periodo > .filtro-right{float: right; width: 70%}
.filtro-right{float: right;  }


.filtro-right-periodo{width: 180px; float: left; margin-right: 10px}
.filtro-right-dt-inicio{width: 100px; float: left;}
.filtro-right-dt{width: 30px; text-align: center; padding-top: 6px; color: #aaa; height: 8px;   float: left;}
.filtro-right-dt-fim{width: 100px; float: left; margin-right: 10px}

.filtro-right-dt-fim ._720kb-datepicker-calendar{left: -55px !important}


.filtro-right-pesquisa{width: 60px;  float: left;}

.btn-periodo-pesquisar{ width: 56px !important; text-align: center !important; }
.btn-periodo-pesquisar i{margin-right: 0px !important; position: relative; left: 15px  }

 
.filtro-busca{ /*width: 100%;*/  margin-bottom: 16px !important } 
.filtro-busca b{font-size: 11px !important; color:#344160 !important;}
.btn-filtro-adicionar{width: 180px;   height: 40px;  float: left;}
.btn-filtro-conta-bancaria{width: 160px; height: 40px;  float: right; margin-right: 16px}
.btn-filtro-periodo{width: 140px;  height: 40px;  float: right;}

.filtro-data-inicio{ width: 140px; height: 40px; background: red; float: right; }


.btn-filtro-busca{}
.btn-filtro-busca a{ display: block; width: 25px; border: 1px solid #ddd; background: #fff; padding: 3px 0px; border-radius: 3px;  float: left; margin-left: 5px;}
.btn-filtro-busca a:hover{text-decoration: underline; background: #f5f5f5 }

 
.clear{clear: both;}


.menu-acoes{ /*margin-bottom: 10px; height: 40px*/ color: #9E9E9E !important}
.menu-acoes b{color: #555; font-size: 96% }
.menu-acoes ul{margin: 0; padding: 0;}
.menu-acoes ul li{float: left; margin-right: 30px}
.menu-acoes ul li:hover{background: #f5f5f5 !important}
.menu-acoes ul li a:hover{text-decoration: underline; background: #f5f5f5 !important}
.menu-acoes ul li a i{     font-size: 14px !important;
    font-weight: bold !important;
    position: relative;
    top: 3px;
    margin-right: 5px;}

.icone-pagamento-parcial{font-size: 14px; position: relative; padding: 0 !important; margin: 0 !important; top: 3px }

.contas-pagar-receber a:hover{text-decoration: underline;}

.espacamento-card-content{padding: 10px !important}

.box-valores{background: #f1f1f1; box-shadow: none !important}
.box-valores h5{ ; margin: 0.82rem 0 0.1rem 0 !important; border-bottom: 0px solid #fff !important}

.box-valores-despesas-pendentes{border-left: 5px solid  #455A64; }
.box-valores-despesas-vencidas{border-left: 5px solid  #FF9800; }
.box-valores-receitas-recebidas{border-left: 5px solid  #4CAF50; }
.box-valores-despesas-pagas{border-left: 5px solid  #F4511E}
.box-valores-despesas-total{border-left: 5px solid  #2196F3}
.icon-cliente-fornecedor{padding-left: 10px}
.icon-cliente-fornecedor i{ font-size: 18px; position: relative; top: 1px ; color: #999}
.btn-pagar i{ font-size: 21px !important;  font-weight: bold !important;}


.status-vencido{color: #FF9800 !important}

.destaca-texto-tabela{color: #455A64 !important; font-weight: bold !important;} 
.destaca-texto-tabela i{color: #455A64 !important;}

.repetir-cobranca{padding-top: 16px; } 


.input-check{margin-bottom: 3px;}

[type="checkbox"]+label{ padding-left: 32px !important }

.div-disabled{}
.div-disabled b{color: #ccc}

input[type=text]:disabled{border: 1px solid #ddd !important; background: #f5f5f5 !important; color: #888 !important}
select:disabled{border: 1px solid #ddd !important; background: #f5f5f5 !important; color: #888 !important}

.pago-parcialmente{ margin-left: 15px; /*border-bottom: 2px dotted #f4511e;*/ font-style: italic; color: #f4511e}
.pago-parcialmente i{ font-size: 12px !important ; color: #f4511e}

table span.label{width: 60px !important; display: block;}

.check-box-pagamento{
    position: relative !important;
    left: 0px !important;  
    top: 3px !important;
    visibility: visible !important; 
}

.repeticao-lancamento{color: red}

._720kb-datepicker-calendar-day:hover, ._720kb-datepicker-calendar-day._720kb-datepicker-active {
    background: #3F51B5 !important;
    color: #fff !important;
}

/*[type="checkbox"].filled-in:not(:checked)+label:after {
    height: 16px !important;
    width: 16px !important;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0px;
    z-index: 0;
}
*/

.msg-error{color: red !important; text-align: center; padding-top: 6px}
.msg-error i{ font-size: 15px; position: relative; top: 3px }

/*table .valign-wrapper b{   color: #455A64 !important}*/
.pagamento-repeticao-editar{border: 1px solid #eee;}


/* VISAO GERAL*/
.visao-geral a:hover{text-decoration: underline;}

.visao-geral h5{ margin: 0 0 6px 0px; }
.saldo-atual{  margin: 0 0 10px 0 !important; font-weight: bold;}
.collection .collection-item.avatar {min-height: 62px; padding-left: 72px; position: relative;}
.collection .collection-item.avatar .title { font-size: 16px; /*font-weight: bold;color: #5C6BC0;*/ }
.saldo-negativo{color:  red !important}


/* Empresas */
.item-contato{padding: 5px 5px 10px 5px; background: #f5f5f5!important; margin-bottom: 20px}
.item-contato > .row{margin-bottom: 0 !important}

.btn-item-excluir{ font-size: 16px; }
.btn-item-excluir i{margin-right: 2px; font-size: 22px}
.btn-item-excluir:hover{text-decoration: underline;}

.btn-item-add{font-size: 16px}
.btn-item-add i{margin-right: 2px}
.btn-item-add:hover{text-decoration: underline;}

.pessoa-juridica{ display: inline-block; margin-right: 30px !important}
.pessoa-fisica{ display: inline-block;}
.modulos p{padding: 5px 0px}
.esconde-string{display: none;}

.imagem-logo-empresa img{width: 160px; height: 100px; border: 1px solid #ddd; padding: 1px; background: #eee; margin-bottom: 20px}
.imagem-logo-empresa h6{font-weight: bold;}
.imagem-logo-empresa > .upload{border: none !important;}
.logo-empresa-index{width: 80px; height: 60px; float: left; margin-right: 15px; border: 1px solid #eee; padding: 1px }

.remove-espacamento-row{margin-bottom: 0px !important}


/* Contas Bancárias*/
.logo-banco{float: left; margin-right: 8px; border: 1px solid #eee; width: 25px; height: 25px}


/* Categorias */
.categoria-header{margin-bottom: 0px !important}
.categoria-header-receber-apagar{ padding: 8px 16px !important; background: #f5f5f5 !important; /*border-bottom: 1px solid #CAD6DC !important*/}
.categoria-header input{margin-bottom: 0px !important}
.categoria-item li:hover{background: #eee}
.categoria-item > .collection-item{ padding-left: 20px !important}
.collection-item-table:hover{background: none !important}

.collection-item a{position: relative; top: -2px}





/* CALENDARIO */

/*._720kb-datepicker-calendar{width: 280px; border-radius: 0 !important; left: 2px; top: calc(100% + 2px)}*/

._720kb-datepicker-calendar{width: 225px; border-radius: 0 !important;}
	
	._720kb-datepicker-calendar a:hover{text-decoration: none !important;}
	
	._720kb-datepicker-calendar-days-header{text-align: center;}
	._720kb-datepicker-calendar-days-header div{position: relative; width: 14.2% !important}

	._720kb-datepicker-calendar-header-left a{color: #FFF; padding: 11px 20px 11px 18px !important; margin-left: 2px}
	._720kb-datepicker-calendar-header-left a:hover{border-radius: 0 !important; color: #FFF}

	._720kb-datepicker-calendar-month span{color: #FFF}
	._720kb-datepicker-calendar-years-pagination a{color: #FFF; border-radius: 0;}
	._720kb-datepicker-calendar-years-pagination a:hover{border-radius: 0}

		._720kb-datepicker-calendar-years-pagination-pages a:hover{border-radius: 0}

	._720kb-datepicker-calendar-month a{ border-radius: 0}
	._720kb-datepicker-calendar-month a:hover{border-radius: 0}


	._720kb-datepicker-calendar-header-right a{color: #FFF; padding: 11px 18px 11px 20px !important; margin-right: 2px; position: relative; right: 4px}
	._720kb-datepicker-calendar-header-right a:hover{border-radius: 0 !important; color: #FFF}


		._720kb-datepicker-active{background: #CCC !important}

			.ng-binding .ng-binding i{position: relative; top: 2px;}

			.form-i i{position: relative; left: -25px}

/* PAGINACAO */

.pagination{padding: 0; margin: 20px 0 0 0; display: block;}
	
	.pagination li{padding: 0 2px; margin: 0 2px}
	.pagination li:hover{background-color: #DDD}
	.pagination li.active{background: #344160 !important}
	.pagination li a{padding: 5px 8px}



.collection-filter{padding: 10px 15px}
	
	.collection-filter{}
	.collection-filter:hover{background: none !important;}

	.collection-filter ul{}
	.collection-filter ul li{display: inline-block; margin-right: 10px; color: #666}
	.collection-filter ul li:hover{background: none !important}
	.collection-filter ul li a{color: #666}
	.collection-filter ul li a:hover{color: #007aff !important}
	.collection-filter ul li a.active{color: #007aff !important; text-decoration: underline;}



.alert{padding: 15px; margin-bottom: 20px}
.alert-danger{border: 1px solid #FDBBB6; background: #f2dede}
.alert-danger a{color: #f44336}
.alert-danger a:hover{text-decoration: underline}



.header-title{display: block; }
.header-title:after{content: ''; display: block; clear: both;}

 
@media screen and (min-width: 768px) and (max-width: 992px) {
	
    .exibir-menu-sair{display: block;}

	.load{ position:fixed; width:100%; height:100%; display:block; background: url("../img/bg-load.png") fixed; top:0; left:0; z-index:99}
	.load .caixa{background: url('../img/bg-load-box.png') center center no-repeat; width:100%; height:100%; text-align:center; margin:0 auto; z-index:99;}
	.load .caixa .gif{width:100%; height:100%; display:block; background:url('../img/loading.gif')  center center no-repeat;}


	/* RESETES */
	body{margin-left: 0}

	a.button-collapse.top-nav {
	    position: fixed;
	    left: 0;
	    top: 3px;
	    float: none;
	    margin-left: 1.5rem;
	    color: #fff;
	    font-size: 32px;
	    z-index: 2;
	}


	.header{background: #3f51b5 !important; position: fixed; top: 0; width: 100% }
		
		.header-logo{padding: 0 20px !important}
		.header-logo h3{margin: 16px 0 0 55px; padding: 0; font-size: 20px}

		.header nav{height: 56px !important}


	#content{margin: 55px 0 55px 0;}


	.gerencia-empresa-mobile{display: block;}





	.responsive-table{}
	.responsive-table tr th{display: block !important; width: 100% !important}

	.responsive-table .tabela-left{padding: 0 !important}


    table.responsive-table th{text-align: left !important;}
    table.responsive-table thead{float: none !important;}
    table.responsive-table thead tr{padding: 0 !important}

    table.responsive-table tbody tr{display: block !important;}

    table.responsive-table thead{border: none;}
    table.responsive-table.bordered tbody tr{border: none; border-top: 1px solid #DDD}
}


@media screen and (min-width: 1px) and (max-width: 767px) {
	.exibir-menu-sair{display: block;}

	.load{ position:fixed; width:100%; height:100%; display:block; background: url("../img/bg-load.png") fixed; top:0; left:0; z-index:99}
	.load .caixa{background: url('../img/bg-load-box.png') center center no-repeat; width:100%; height:100%; text-align:center; margin:0 auto; z-index:99;}
	.load .caixa .gif{width:100%; height:100%; display:block; background:url('../img/loading.gif')  center center no-repeat;}

	/* RESETES */
	body{margin-left: 0}

	a.button-collapse.top-nav {
	    position: fixed;
	    left: 0;
	    top: 3px;
	    float: none;
	    margin-left: 1.5rem;
	    color: #fff;
	    font-size: 32px;
	    z-index: 2;
	}


	.header{background: #3f51b5 !important; position: fixed; top: 0; width: 100% }
		
		.header-logo{padding: 0 20px !important}
		.header-logo h3{margin: 19px 0 0 53px; padding: 0; font-size: 18px}

		.header nav{height: 56px !important}


	#content{margin: 55px 0 55px 0;}


	.gerencia-empresa-mobile{display: block;}


	.responsive-table{}
	.responsive-table tr th{display: block !important; width: 100% !important}

	.responsive-table .tabela-left{padding: 0 !important}

    table.responsive-table th{text-align: left !important;}
    table.responsive-table thead{float: none !important;}
    table.responsive-table thead tr{padding: 0 !important}

    table.responsive-table tbody tr{display: block !important;}

    table.responsive-table thead{border: none;}
    table.responsive-table.bordered tbody tr{border: none; border-top: 1px solid #DDD}

}


/* GRAFICOS */
.categoria-header b{font-size: 14px}
.chat-content {
    max-height: 300px !important;
}
.ct-series-a .ct-bar {stroke: #227526 !important;stroke-width: 12px;}
.ct-series-b .ct-bar {stroke: #CC3333 !important;stroke-width: 12px;}

.titulo-grafico{ padding: 5px 0 0 20px !important; color: #455a64 !important }
.ct-perfect-fourth:before {float: none !important;padding-bottom: 75%;}

.periodo-texto{text-align: center; color: #757575; display: block;}

.menu-tab{border-bottom: 1px solid #455a64}
.menu-tab  li{float: left;  margin-right: 2px}
.menu-tab  li a{ padding: 4px 16px; display: block;  border-radius: 4px 4px 0px 0px;  }
.menu-tab  li a.active{background: #455a64; color: #fff; }
.menu-tab li a:hover{background:#FC9B18; color: #fff; text-decoration: none !important}
.total-lancamentos{float: right;}


.progress .determinate {
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #17675f;
    transition: width .3s linear;
}

.descricao-orcamento{}
.centraliza-texto{text-align: center !important; }
.icon-transferir{position: relative;top: 7px}
.left-menu{float: left; margin-right: 20px}
.clear{clear: both;}

.btn-fechar-modal-texto{text-transform: none !important}
.btn-mini{height: 28px !important; line-height: 28px !important}

.lista-meses{    width: 140px !important; position: relative; right: 30px;}