
<!DOCTYPE html>
<html lang="pt-BR">

<head>
  <title>ERP - Code Tecnologia</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <link rel="icon" type="image/ico" href="favicon.html">
  <link href="css/stylesheets.css" rel="stylesheet" type="text/css">
  <link href="css/mystyles.css" rel="stylesheet" type="text/css">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">    
</head>



<body class="bg-img-num5">
  <nav class="navbar brb navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header visible-xs">
      <!-- botão abre/fecha menu -->
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-menu-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="fa fa-reorder"></span>
      </button>
      <!-- logo -->
      <a class="navbar-brand" href="#">
        <img alt="Logo" title="Logo" style="max-height: 30px;" src="img/logo-code.png">
      </a>
    </div>

    <!-- div do menu -->
    <div class="collapse navbar-collapse" id="main-menu-collapse">
      <ul class="nav navbar-nav">
        <!-- elemento span é posicionado na esquerda automaticamente -->
        <li class="dropdown">
          <!-- se quiser um ícone a direita, usar outro elemento inline, como "i" ou "b" por exemplo -->
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="fa fa-globe"></span>Módulos <i class="caret"></i></a>
          <ul class="dropdown-menu">
            <li><a href="index.php?modulo=estoque">Estoque</a></li>
<li><a href="index.php?modulo=pcp">PCP</a></li>
<li><a href="index.php?modulo=compras">Compras</a></li>
<li><a href="index.php?modulo=faturamento">Faturamento</a></li>
<li><a href="index.php?modulo=financeiro">Financeiro</a></li>
          </ul>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="fa fa-cog"></span>Configurações <i class="caret"></i></a>
          <ul class="dropdown-menu">
                      </ul>
        </li>
        <!-- TODO link do desktop vai usar o módulo corrente -->
        <li><a href="desktop.php"><span class="fa fa-desktop"></span> Desktop</a></li>
        <li><a href="#"><span class="fa fa-building-o"></span> Arena</a></li>



              </ul>
      <!-- outra área de navegação na direita, pode ser informações do usuário, links para perfil, logout, etc -->
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="fa fa-user"></span>CODECRM <i class="caret"></i></a>
          <ul class="dropdown-menu">
            <li><img src="" class="img-responsive center-block" /></li>
            <li role="separator" class="divider"></li>
            <li><a href="erpc_alterar_senha.php">Alterar Senha</a></li>
            <li><a href="#" id="link-site-tema">Tema do sistema</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="login-esqueci.php?logout">Sair</a></li>
          </ul>
        </li>
      </ul>
      <!-- form de pesquisa na direita -->

      <form class="navbar-form navbar-right" id="form-atalho" >
        <div class="form-group">
          <!-- este data-href indica para onde ir quando alterar o atalho -->
          <select id="menu-atalho" class="" style="/*min-width: 250px*/" onChange="window.location.href=this.value" data-href="">
            <option></option>
              <option value="erpc_financeiro_bancos_list.php">Bancos</option>
<option value="erpc_pedidos_venda_add.php">Cadastrar Pedidos (Faturamento)</option>
<option value="erpc_clientes_list.php">Clientes (Faturamento)</option>
<option value="erpc_financeiro_contas_pagar_filter.php">Contas a Pagar</option>
<option value="erpc_financeiro_contas_receber_filter.php">Contas a Receber</option>
<option value="erpc_financeiro_contas_bancarias_list.php">Contas Bancárias</option>
<option value="erpc_report_venda_export_xml_filter.php">Exportar XML</option>
<option value="erpc_faturar_pedidos_filter.php">Faturar Pedidos (Faturamento)</option>
<option value="">Financeiro</option>
<option value="erpc_financeiro_fluxo_caixa_filter.php">Fluxo de Caixa</option>
<option value="erpc_pedidos_venda_list.php">Liberar Pedidos (Faturamento)</option>
<option value="erpc_ordem_servico_list.php">Ordem de Serviço</option>
<option value="erpc_financeiro_plano_contas_list.php">Plano Financeiro de Contas</option>
<option value="erpc_produtos_list.php">Produtos (Faturamento)</option>
<option value="">Relatórios</option>
<option value="erpc_report_filter.php?id=2">Sintético de Vendas</option>
<option value="erpc_financeiro_tipos_conta_list.php">Tipos de Conta</option>
<option value="erpc_tipos_movimentacao_list.php">Tipos Movimentação (Faturamento)</option>
<option value="erpc_venda_rapida_add.php">Venda Rápida</option>
          </select>
          <!-- <input type="text" class="form-control" placeholder="pesquisa..." /> -->
        </div>
      </form>
    </div><!-- /.navbar-collapse -->
  </div>
</nav>
  <!-- classe alterada no js/settings.js -->
  <div  class="page-container scroll oh " id="pagewrap" data-animsition-out-duration="300" data-animsition-in-duration="300">
        <div class="row" style="height: 100%">
      <div class=col-md-2><div class="block block-drop-shadow"> 
  <div class="user bg-default bg-light-rtl"> 
    <div class="info"> 
      <img alt="Brand" src="img/logo-clinica.png" class='img-responsive center-block'>
    </div> 
  </div> 
  <div class="content list-group list-group-icons">
            <a href='erpc_ordem_servico_list.php' class='list-group-item'>Ordens de Serviço<i class='icon-angle-right pull-right'></i></a><a href='erpc_clientes_list.php' class='list-group-item'>Clientes<i class='icon-angle-right pull-right'></i></a><a href='erpc_tipos_movimentacao_list.php' class='list-group-item'>Tipos Movimentação<i class='icon-angle-right pull-right'></i></a><a href='erpc_produtos_list.php' class='list-group-item'>Produtos<i class='icon-angle-right pull-right'></i></a><a href='erpc_pedidos_venda_add.php' class='list-group-item'>Cadastrar Pedidos<i class='icon-angle-right pull-right'></i></a><a href='erpc_pedidos_venda_list.php' class='list-group-item'>Liberar Pedidos<i class='icon-angle-right pull-right'></i></a><a href='erpc_faturar_pedidos_filter.php' class='list-group-item'>Faturar Pedidos<i class='icon-angle-right pull-right'></i></a><a href='erpc_venda_rapida_add.php' class='list-group-item'>Venda Rápida<i class='icon-angle-right pull-right'></i></a><li class='dropdown'>
                  <a href='#' class='list-group-item dropdown-toggle' data-toggle='dropdown'><span class='icon-envelope'></span>Financeiro<i class='caret'></i></a>
                  <ul class='dropdown-menu' style='background:transparent;'><a href='erpc_financeiro_plano_contas_list.php' class='list-group-item'>Plano Fin. Contas<i class='icon-angle-right pull-right'></i></a><a href='erpc_financeiro_bancos_list.php' class='list-group-item'>Bancos<i class='icon-angle-right pull-right'></i></a><a href='erpc_financeiro_contas_pagar_filter.php' class='list-group-item'>Contas a Pagar<i class='icon-angle-right pull-right'></i></a><a href='erpc_financeiro_contas_receber_filter.php' class='list-group-item'>Contas a Receber<i class='icon-angle-right pull-right'></i></a><a href='erpc_financeiro_tipos_conta_list.php' class='list-group-item'>Tipos de Conta<i class='icon-angle-right pull-right'></i></a><a href='erpc_financeiro_contas_bancarias_list.php' class='list-group-item'>Contas Bancárias<i class='icon-angle-right pull-right'></i></a><a href='erpc_financeiro_fluxo_caixa_filter.php' class='list-group-item'>FLUXO DE CAIXA<i class='icon-angle-right pull-right'></i></a></ul></li><li class='dropdown'>
                  <a href='#' class='list-group-item dropdown-toggle' data-toggle='dropdown'><span class='icon-envelope'></span>Relatórios<i class='caret'></i></a>
                  <ul class='dropdown-menu' style='background:transparent;'><a href='erpc_report_filter.php?id=2' class='list-group-item'>Sintético de Vendas<i class='icon-angle-right pull-right'></i></a><a href='erpc_report_venda_export_xml_filter.php' class='list-group-item'>Exportar XML<i class='icon-angle-right pull-right'></i></a></ul></li>  </div> 
</div></div><div class='col-md-10'><div class="block">
  <div class="content">
    <div id="code-toolbar" class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
      <div class="btn-group" role="group" aria-label="First group">
        <button type="button" class="btn btn-clean btn-lg" title="Adicionar novo"><a href="erpc_financeiro_contas_pagar_add.php"><img src="img/icones/novo.png" width="64px" height="64px"></a></button>
        <button type="button" class="btn btn-clean" title="Busca avançada"><a href="erpc_financeiro_contas_pagar_search.php"><img src="img/icones/binoculos.png" width="64px" height="64px"></a></button>
      </div>
      <div class="btn-group" role="group" aria-label="Second group">
        <!--button type="button" class="btn btn-clean" title="Acelerador Wizard"><a href="erpc_financeiro_plano_contas_ac.php"><img src="img/icones/wizard.png" width="64px" height="64px"></a></button>
        <button type="button" class="btn btn-clean" title="Importar plano de contas"><a href="erpc_financeiro_plano_contas_importar.php"><img src="img/icones/importar3.png" width="64px" height="64px"></a></button-->
        <button type="button" class="btn btn-clean" title="Ajuda rápida"><a href="https://youtu.be/gRYS9Zggp9I?list=PLf7vZ02bgXGW0fOSUwWxRxwW6xI2cFuOG" data-rel="youtube-modal" target="_blank"><img src="img/icones/play3.png" width="64px" height="64px"></a></button>
      </div>
      <div class="btn-group" role="group" aria-label="Third group">
        <button type="button" class="btn btn-clean" title="Atalho para lista de contas a pagar"><a href="erpc_financeiro_contas_pagar_filter.php"><img src="img/icones/lista.png" width="64px" height="64px"></a></button>
        <button type="button" class="btn btn-clean" title="Informações desta funcionalidade"><a href="erpc_financeiro_contas_pagar_faq.php"><img src="img/icones/info.png" width="64px" height="64px"></a></button>
      </div>
    </div>
  </div>
</div>

<!-- modal do youtube -->
<div class="modal modal-white modal-draggable fade" id="youtube-modal-div" tabindex="-1" role="dialog" aria-labelledby="youtube-modal-label" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-body">
        <iframe width="100%" height="360" src="" frameborder="0" allowfullscreen></iframe>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
      </div>
    </div>
  </div>
</div>
<form method="post" action="erpc_pedidos_venda_ws.php" id=validate_custom>
  <div class="block">
    <div class="header">
      <h2>Fluxo de Caixa</h2>
    </div>
    <div class="block">
      <div class="content">
              </div>
    </div>
  </div>
  <ul class="nav nav-tabs" role="tablist">
      
    <li role="presentation"><a href="#form2" aria-controls="form2" role="tab" data-toggle="tab">DRE</a></li>
    <li role="presentation"><a href="#form6" aria-controls="form6" role="tab" data-toggle="tab">Fluxo de Caixa</a></li>
    <li role="presentation"><a href="#form6" aria-controls="form6" role="tab" data-toggle="tab">Contas a Pagar</a></li>  
    <li role="presentation"><a href="#form6" aria-controls="form6" role="tab" data-toggle="tab">Contas a Receber</a></li>  
    <li role="presentation"><a href="#form3" aria-controls="form3" role="tab" data-toggle="tab">Dashboard</a></li>  
      
    <!--li role="presentation"><a href="#form2" aria-controls="form2" role="tab" data-toggle="tab">DRE</a></li>
    <li role="presentation"><a href="#form6" aria-controls="form6" role="tab" data-toggle="tab">Fluxo Sintético</a></li>
     
    <li role="presentation" class="active"><a href="#form1" aria-controls="form1" role="tab" data-toggle="tab">Fluxo Analítico</a></li>
    <li role="presentation"><a href="#form6" aria-controls="form6" role="tab" data-toggle="tab">Fluxo Sintético</a></li>
    <li role="presentation"><a href="#form2" aria-controls="form2" role="tab" data-toggle="tab">DRE</a></li>
	<li role="presentation"><a href="#form3" aria-controls="form3" role="tab" data-toggle="tab">Dashboard</a></li>
	<li role="presentation"><a href="#form4" aria-controls="form4" role="tab" data-toggle="tab">Dashboard2</a></li>
	<!--li role="presentation"><a href="#form5" aria-controls="form5" role="tab" data-toggle="tab">Gráficos3</a></li-->
	<!--li role="presentation"><a href="#form6" aria-controls="form6" role="tab" data-toggle="tab">Gráficos4</a></li-->
  </ul>

<!-- Tab panes -->
<div class="tab-content">
    
    <!-- Fluxo -->
  <div role="tabpanel" class="tab-pane fade in active" id="form1">
    <div class="block">
  <!--div class="content controls">
    <!--
    <div class="form-row">
      <div class="col-md-2"><label>Numero Pedido</label></div>
      <div class="col-md-2"><input type=number step="1" required/></div>
    </div>
    -->
	
  <div class="content">
    <div class="table-responsive">
      <table class="table table-bordered table-striped table-responsible sortable">
        <thead>
          <tr>
            <th hidden width=5%>ID</th>
            <th width=5%>Código</th>
            <th width=20%>Descrição</th>
            <th width=20%>Valor Acumulado</th>
          </tr>
        </thead>
        <tbody>

          <tr><td hidden>1</td><td>3</td><td>Receitas</td><td>24.99</td></tr><tr><td hidden>3</td><td>3.2</td><td>Receitas de Produtos</td><td>1848.00</td></tr><tr><td hidden>4</td><td>3.3</td><td>Receitas de Investimentos</td><td>180.00</td></tr><tr><td hidden>5</td><td>4</td><td>Despesas</td><td>7.26</td></tr><tr><td hidden>22</td><td>5.1</td><td>Custos de Produção</td><td>300.00</td></tr>        </tbody>
      </table>
    </div> <!-- table-responsive -->
  </div> <!-- content -->



  <!--/div-->
</div>
        
  </div> <!-- tab-pane -->
  
    <!-- DRE -->
  <div role="tabpanel" class="tab-pane fade in" id="form2">
    <div class="block">
 
	

  <div class="content">
 
    <!--form id=validate_custom method="post" action="erpc_financeiro_contas_pagar_baixar.php"-->
    <div class="table-responsive">
      <table class="table table-bordered table-striped table-responsible">
        <thead>
            <tr>
            <td width=10%></td>
			<td width=5%><b>Jan</b></td>
			<td width=5%><b>Fev</b></td>
			<td width=5%><b>Mar</b></td>
			<td width=5%><b>Abr</b></td>
			<td width=5%><b>Mai</b></td>
			<td width=5%><b>Jun</b></td>
			<td width=5%><b>Jul</b></td>
			<td width=5%><b>Ago</b></td>
			<td width=5%><b>Set</b></td>
			<td width=5%><b>Out</b></td>
			<td width=5%><b>Nov</b></td>
			<td width=5%><b>Dez</b></td>
			<td width=5%><b>Total</b></td>
			</b>
            <!--th width=10%></th>
			<th width=5%>Jan</th>
			<th width=5%>Fev</th>
			<th width=5%>Mar</th>
			<th width=5%>Abr</th>
			<th width=5%>Mai</th>
			<th width=5%>Jun</th>
			<th width=5%>Jul</th>
			<th width=5%>Ago</th>
			<th width=5%>Set</th>
			<th width=5%>Out</th>
			<th width=5%>Nov</th>
			<th width=5%>Dez</th-->
          </tr>
        </thead>
        <tbody>
          <tr>
			<td><b>Receitas Operacionais</b></td>
			<td>R$ 600,00</td>
			<td>R$ 200,00</td>
			<td>R$ 200,00</td>
			<td>R$ 200,00</td>
			<td>R$ 200,00</td>
			<td>R$ 200,00</td>
			<td>R$ 1.300,00</td>
			<td>R$ 200,00</td>
			<td>R$ 200,00</td>
			<td>R$ 200,00</td>
			<td>R$ 200,00</td>
			<td>R$ 200,00</td>
			<td>R$ 3.900,00</td>
		  </tr>
		  <tr>
			<td><b>Despesas Diretas</b></td>
			<td>R$ 400,00</td>
			<td>R$ 1.100,00</td>
			<td>R$ 1.100,00</td>
			<td>R$ 1.100,00</td>
			<td>R$ 1.100,00</td>
			<td>R$ 1.300,00</td>
			<td>R$ 1.500,00</td>
			<td>R$ 1.100,00</td>
			<td>R$ 1.100,00</td>
			<td>R$ 1.100,00</td>
			<td>R$ 1.100,00</td>
			<td>R$ 1.100,00</td>
			<td>R$ 13.100,00</td>
		  </tr>
		  <tr>
			<td><b>Margem de Contribuição<b></td>
			<td>R$ 200,00</td>
			<td>-R$ 900,00</td>
			<td>-R$ 900,00</td>
			<td>-R$ 900,00</td>
			<td>-R$ 900,00</td>
			<td>-R$ 1.100,00</td>
			<td>-R$ 200,00</td>
			<td>-R$ 900,00</td>
			<td>-R$ 900,00</td>
			<td>-R$ 900,00</td>
			<td>-R$ 900,00</td>
			<td>-R$ 900,00</td>
			<td>-R$ 9.200,00</td>
		  </tr>
		  <tr>
			<td><b>Despesas Indiretas<b></td>
			<td>R$ 900,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 900,00</td>
		  </tr> 
		  <tr>
			<td><b>Resultado Não Operacional<b></td>
			<td>R$ 100,00</td>
			<td>R$ 100,00</td>
			<td>R$ 300,00</td>
			<td>R$ 100,00</td>
			<td>R$ 100,00</td>
			<td>R$ 100,00</td>
			<td>R$ 100,00</td>
			<td>R$ 100,00</td>
			<td>R$ 100,00</td>
			<td>R$ 100,00</td>
			<td>R$ 100,00</td>
			<td>R$ 100,00</td>
			<td>R$ 100,00</td>
		  </tr> 
		  <tr>
			<td><b>Impostos<b></td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
		  </tr>
		  <tr>
			<td><b>Saldo<b></td>
			<td>-R$ 600,00</td>
			<td>-R$ 800,00</td>
			<td>-R$ 600,00</td>
			<td>-R$ 800,00</td>
			<td>-R$ 800,00</td>
			<td>-R$ 1000,00</td>
			<td>-R$ 100,00</td>
			<td>-R$ 800,00</td>
			<td>-R$ 800,00</td>
			<td>-R$ 800,00</td>
			<td>-R$ 800,00</td>
			<td>-R$ 800,00</td>
			<td>-R$ 8700,00</td>
		  </tr>
		  <tr>
			<td><b>Investimentos<b></td>
			<td>R$ 2000,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 0,00</td>
			<td>R$ 2000,00</td>
		  </tr> 
          
        </tbody>
      </table>
    </div> <!-- table-responsive -->
	
	  <!--div >
        <h2><br>Total à Pagar : R$  | Número de Títulos : </h2>
      </div-->	
	
  </div> <!-- content -->
  <!--/div-->
</div>
  </div> <!-- tab-pane -->
  
    <!-- Gráficos -->
  <div role="tabpanel" class="tab-pane fade in" id="form3">
    <div class="block">
  <!--div class="content controls">
    <!--
    <div class="form-row">
      <div class="col-md-2"><label>Numero Pedido</label></div>
      <div class="col-md-2"><input type=number step="1" required/></div>
    </div>
    -->
<div class="content">
  
<!-- INICIO Chart -->
<body class=bg-img-num1>
	<div class=container> 
		<div class=row> 
			<!--div class=col-md-3 --> 
				<!--div class="block block-transparent"> 
					<div class=content> 
						<div class=knob> 
							<input type=text data-fgColor=#FFFFFF data-min=0 data-max=100 data-width=100 data-height=100 value="15"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#3F97FE data-min=0 data-max=100 data-width=100 data-height=100 value="30"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#25678B data-min=0 data-max=100 data-width=100 data-height=100 value="45"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#4F9B2B data-min=0 data-max=100 data-width=100 data-height=100 value="60"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#FF9806 data-min=0 data-max=100 data-width=100 data-height=100 value="75"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#A62D2D data-min=0 data-max=100 data-width=100 data-height=100 value="90"/> 
						</div> 
					</div> 
				</div--> 
				<!--div class="block block-transparent"> 
					<div class=content> 
						<div class=knob> 
							<input type=text data-fgColor=#FFFFFF data-min=0 data-max=100 data-width=100 data-height=100 value=15 data-cursor="true"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#3F97FE data-min=0 data-max=100 data-width=100 data-height=100 value=30 data-linecap="round"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#25678B data-min=0 data-max=100 data-width=100 data-height=100 value=45 data-angleOffset=-125 data-angleArc="250"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#4F9B2B data-min=0 data-max=100 data-width=100 data-height=100 value=60 data-displayPrevious=true data-thickness=.1 data-cursor="true"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#FF9806 data-min=0 data-max=100 data-width=100 data-height=100 value=75 data-cursor=true data-linecap=round data-thickness=".2"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#A62D2D data-min=0 data-max=100 data-width=100 data-height=100 value=90 data-displayPrevious=true data-thickness=.1 data-angleOffset=-125 data-angleArc="250"/> 
						</div> 
					</div> 
				</div--> 
				<!--div class="block block-transparent"> 
					<div class=content> 
						<div class=sparkline>
							<span sparkWidth=100 sparkHeight=50 sparkLineColor=#3f97fe sparkFillColor=false sparkSpotColor=#ffffff sparkMinSpotColor=#ffffff sparkMaxSpotColor=#ffffff sparkHighlightSpotColor=#005fbf sparkHighlightLineColor=#FFF sparkSpotRadius=3 sparkLineWidth=2>5,6,7,9,9,5,3,2,2,4,6,7</span> 
						</div> 
						<div class=sparkline> 
							<span sparkType=bar sparkWidth=100 sparkHeight=50 sparkBarColor=#25678B sparkNegBarColor=#A62D2D sparkBarWidth=10px>4:2,3:1,2:0,3:2,3:1,2:5,1:1,1:3,2:2,4:3</span> 
						</div> 
						<div class=sparkline> 
							<span sparkType=discrete sparkWidth=100 sparkHeight=50 sparkLineColor=#FFFFFF sparkLineHeight=15>4,6,7,7,4,3,2,1,4,4</span> 
						</div> 
						<div class=sparkline> 
							<span sparkType=pie sparkWidth=100 sparkHeight=100>4,6,7,7,4</span> 
						</div> 
						<div class=sparkline> 
							<span sparkType=bar sparkWidth=100 sparkHeight=100 sparkBarColor=#FF9806 sparkNegBarColor=#A62D2D sparkBarWidth=10px>4,3,2,3,0,-2,-1,1,2,4</span> 
						</div> 
						<div class=sparkline> 
							<span sparkType=discrete sparkWidth=100 sparkHeight=100 sparkLineColor=#FFFFFF sparkLineHeight=20 sparkThresholdColor=#A62D2D sparkThresholdValue=4>4,6,7,7,4,3,2,1,4,2</span> 
						</div> 
					</div> 
				</div--> 
			<!--/div--> 
			<div class=col-md-9> 
				<!--div class="block block-transparent"> 
					<div class=header> <h2>Line chart</h2></div> 
					<div class=content> 
						<div id=chart_line_1 style="width: 100%; height: 250px;"></div> 
					</div> 
				</div--> 
				<!--div class="block block-transparent"> 
					<div class=header><h2>Bar chart</h2></div> 
					<div class=content> 
						<div id=chart_bar_1 style="width: 100%; height: 250px;"></div> 
					</div> 
				</div--> 
				<!--div class="block block-transparent"> 
					<div class=header> <h2>Pie chart</h2></div> 
					<div class="content controls"> 
						<div class=form-row> 
							<div class=col-md-6> 
								<div id=chart_pie_1 style="width: 100%; height: 250px;"></div> 
							</div> 
							<div class=col-md-6> 
								<div id=chart_bar_2 style="width: 100%; height: 250px;"></div> 
							</div> 
						</div> 
					</div> 
				</div--> 
				<div class="block block-transparent"> 
					<div class=header> <h2>2017</h2></div> 
					<div class="content controls"> 
						<div class=col-md-9> 
							<div id=chart_series_onoff style="height: 290px; width: 100%;"></div> 
						</div> 
						<div class=col-md-3> 
							<div class="block block-transparent">
								<div class="content controls" id=choices> 
									<div class=form-row> 
										<div class=col-md-12> 
											<div class=checkbox>
												<input type=checkbox name=usa  id=idusa> Receitas 
											</div> 
										</div> 
									</div> 
									<div class=form-row> 
										<div class=col-md-12> 
											<div class=checkbox> 
												<input type=checkbox name=uk id=iduk> Despesas 
											</div> 
										</div> 
									</div> 
									<div class=form-row> 
										<div class=col-md-12> 
											<div class=checkbox> 
												<input type=checkbox name=russia id=idrussia> Saldo 
											</div> 
										</div> 
									</div> 
									
								</div> 
							</div> 
						</div> 
					</div> 
				</div> 
			</div> 
		</div> 
	</div> 
</body>

<!-- FIM Chart -->
</div> <!-- content -->

  <!--/div-->
</div>
  </div> <!-- tab-pane -->
  
    <!-- Gráficos2 -->
  <div role="tabpanel" class="tab-pane fade in" id="form4">
    	<!--div class="container bg-img-num1"--> 
	<div class="container"> 
		<div class=row> 
			<div class=col-md-9> 
				<div class="block "> 
					<div class=header><h2>Bar chart</h2></div> 
					<div class=content> 
						<div id=chart_bar_1 style="width: 100%; height: 250px;"></div> 
					</div> 
				</div> 
				<div class="block block-transparent"> 
					<div class=header> <h2>Pie chart</h2></div> 
					<div class="content controls"> 
						<div class=form-row> 
							<div class=col-md-6> 
								<div id=chart_pie_3 style="width: 100%; height: 250px;"></div> 
							</div> 
							<div class=col-md-6> 
								<div id=chart_bar_3 style="width: 100%; height: 250px;"></div> 
							</div> 
						</div> 
					</div> 
				</div> 
			</div> 
		</div> 
	</div> 
	

<script>
$(document).ready(function() {
    if ($("#dash_chart_1").length > 0) {
        var u = [
            [1, 25],
            [2, 28],
            [3, 22],
            [4, 18],
            [5, 30],
            [6, 18],
            [7, 14]
        ];
        var c = $.plot($("#dash_chart_1"), [{
            data: u,
            label: "Sales"
        }], {
            series: {
                lines: {
                    show: true
                },
                points: {
                    show: true
                }
            },
            grid: {
                hoverable: true,
                clickable: true,
                margin: {
                    left: 110
                }
            },
            xaxis: {
                ticks: [
                    [1, "Mon"],
                    [2, "Tue"],
                    [3, "Wed"],
                    [4, "Thu"],
                    [5, "Fri"],
                    [6, "Sat"],
                    [7, "Sun"]
                ]
            },
            legend: {
                show: false
            }
        })
    }
    if ($("#dash_chart_2").length > 0) {
        var k = [
            [1, 1023],
            [2, 1244],
            [3, 1506],
            [4, 1330],
            [5, 1065],
            [6, 890],
            [7, 650]
        ];
        var h = [
            [1, 868],
            [2, 1485],
            [3, 1355],
            [4, 1002],
            [5, 1200],
            [6, 755],
            [7, 800]
        ];
        var b = $.plot($("#dash_chart_2"), [{
            data: k,
            label: "Search Traffic"
        }, {
            data: h,
            label: "Referal Traffic"
        }], {
            series: {
                lines: {
                    show: true
                },
                points: {
                    show: true
                }
            },
            grid: {
                hoverable: true,
                clickable: true
            },
            xaxis: {
                max: 7,
                ticks: [
                    [1, "Mon"],
                    [2, "Tue"],
                    [3, "Wed"],
                    [4, "Thu"],
                    [5, "Fri"],
                    [6, "Sat"],
                    [7, "Sun"]
                ]
            }
        })
    }
    if ($("#chart_line_1").length > 0) {
        var a = [],
            d = [],
            o = [];
        for (var s = 0; s < 14; s += 0.3) {
            a.push([s, Math.sin(s)]);
            o.push([s, Math.sin(s - 1.57)]);
            d.push([s, Math.cos(s)])
        }
        var t = $.plot($("#chart_line_1"), [{
            data: a,
            label: "sin(x)"
        }, {
            data: d,
            label: "cos(x)"
        }, {
            data: o,
            label: "sin(y)"
        }], {
            series: {
                lines: {
                    show: true
                },
                points: {
                    show: true
                }
            },
            grid: {
                hoverable: true,
                clickable: true
            },
            yaxis: {
                min: -1.1,
                max: 1.1
            }
        })
    }
    if ($("#chart_bar_1").length > 0) {
        var k = [
            [1, 25],
            [2, 28],
            [3, 22],
            [4, 18],
            [5, 30],
            [6, 18]
        ];
        var h = [
            [1, 15],
            [2, 22],
            [3, 16],
            [4, 12],
            [5, 25],
            [6, 7]
        ];
        var f = [
            [1, 10],
            [2, 16],
            [3, 10],
            [4, 6],
            [5, 18],
            [6, 3]
        ];
        var q = $.plot($("#chart_bar_1"), [{
            data: k,
            label: "Data 1"
        }, {
            data: h,
            label: "Data 2"
        }, {
            data: f,
            label: "Data 3"
        }], {
            series: {
                stack: 0,
                bars: {
                    show: true,
                    barWidth: 0.8,
                    align: "center"
                }
            },
            grid: {
                hoverable: true,
                clickable: true
            }
        })
    }
    if ($("#chart_bar_3").length > 0) {
        var p = $.plot($("#chart_bar_3"), [{
            data: k,
            label: "Receitas"
        }, {
            data: h,
            label: "Despesas"
        }, {
            data: f,
            label: "Data 3"
        }], {
            series: {
                stack: 0,
                lines: {
                    show: true,
                    fill: true
                },
                bars: {
                    show: false
                }
            },
            grid: {
                hoverable: true,
                clickable: true
            }
        })
    }
    if ($("#chart_pie_3").length > 0) {
        var u = [];
        u[0] = {
            label: "Receitas",
            data: 10
        };
        u[1] = {
            label: "Despesas",
            data: 30
        };
        u[2] = {
            label: "Data 3",
            data: 30
        };
        $.plot("#chart_pie_3", u, {
            series: {
                pie: {
                    radius: 1,
                    show: true,
                    label: {
                        show: true,
                        radius: 2 / 3,
                        formatter: j,
                        threshold: 0.1
                    }
                }
            },
            legend: {
                show: false
            }
        })
    }
    if ($("#chart_user_1").length > 0) {
        var k = [
            [1, 45],
            [2, 35],
            [3, 57],
            [4, 75],
            [5, 80]
        ];
        var h = [
            [1, 55],
            [2, 65],
            [3, 43],
            [4, 25],
            [5, 20],
            [6, 75],
            [7, 85]
        ];
        var f = [
            [6, 25],
            [7, 15]
        ];
        var n = $.plot($("#chart_user_1"), [{
            data: k,
            label: "Leo"
        }, {
            data: h,
            label: "Taurus"
        }, {
            data: f,
            label: "Aries"
        }], {
            series: {
                lines: {
                    show: true
                },
                points: {
                    show: true
                }
            },
            grid: {
                hoverable: true,
                clickable: true
            },
            xaxis: {
                max: 7,
                ticks: [
                    [1, "Mon"],
                    [2, "Tue"],
                    [3, "Wed"],
                    [4, "Thu"],
                    [5, "Fri"],
                    [6, "Sat"],
                    [7, "Sun"]
                ]
            }
        })
    }
    if ($("#chart_series_onoff").length > 0) {
        var l = {
            usa: {
                label: "Receitas",
                data: [
                    [1, 3200],
                    [2, 479060],
                    [3, 457648],
                    [4, 401949],
                    [5, 424705],
                    [6, 402375],
                    [7, 377867],
                    [8, 357382],
                    [9, 337946],
                    [10, 336185],
                    [11, 328611],
                    [12, 329421]
                ]
            },
            russia: {
                label: "Despesas",
                data: [
                    [1, 1800],
                    [2, 203000],
                    [3, 171000],
                    [4, 42500],
                    [5, 37600],
                    [6, 36600],
                    [7, 21700],
                    [8, 19200],
                    [9, 21300],
                    [10, 13600],
                    [11, 14000],
                    [12, 19100]
                ]
            },
            uk: {
                label: "Saldo",
                data: [
                    [1, 62982],
                    [2, 62027],
                    [3, 60696],
                    [4, 62348],
                    [5, 58560],
                    [6, 56393],
                    [7, 54579],
                    [8, 50818],
                    [9, 50554],
                    [10, 48276],
                    [11, 47691],
                    [12, 47529]
                ]
            },
            germany: {
                label: "Germany",
                data: [
                    [1, 55627],
                    [2, 55475],
                    [3, 58464],
                    [4, 55134],
                    [5, 52436],
                    [6, 47139],
                    [7, 43962],
                    [8, 43238],
                    [9, 42395],
                    [10, 40854],
                    [11, 40993],
                    [12, 41822]
                ]
            },
            denmark: {
                label: "Denmark",
                data: [
                    [1, 3813],
                    [2, 3719],
                    [3, 3722],
                    [4, 3789],
                    [5, 3720],
                    [6, 3730],
                    [7, 3636],
                    [8, 3598],
                    [9, 3610],
                    [10, 3655],
                    [11, 3695],
                    [12, 3673]
                ]
            },
            sweden: {
                label: "Sweden",
                data: [
                    [1, 6402],
                    [2, 6474],
                    [3, 6605],
                    [4, 6209],
                    [5, 6035],
                    [6, 6020],
                    [7, 6000],
                    [8, 6018],
                    [9, 3958],
                    [10, 5780],
                    [11, 5954],
                    [12, 6178]
                ]
            },
            norway: {
                label: "Norway",
                data: [
                    [1, 4382],
                    [2, 4498],
                    [3, 4535],
                    [4, 4398],
                    [5, 4766],
                    [6, 4441],
                    [7, 4670],
                    [8, 4217],
                    [9, 4275],
                    [10, 4203],
                    [11, 4482],
                    [12, 4506]
                ]
            }
        };
        var s = 0;
        $.each(l, function(v, w) {
            w.color = s;
            ++s
        });
        var g = $("#choices");
        g.find("input").click(m);

        function m() {
            var v = [];
            g.find("input:checked").each(function() {
                var w = $(this).attr("name");
                if (w && l[w]) {
                    v.push(l[w])
                }
            });
            if (v.length > 0) {
                $.plot("#chart_series_onoff", v, {
                    yaxis: {
                        min: 0
                    },
                    xaxis: {
                        tickDecimals: 0
                    }
                })
            }
        }
        m()
    }

    function j(v, w) {
        return "<div style='text-shadow: 1px 2px 1px rgba(0,0,0,0.2); font-size: 11px; text-align:center; padding:2px; color: #FFF; line-height: 13px;'>" + v + "<br/>" + Math.round(w.percent) + "%</div>"
    }

    function e(v, z, w) {
        $('<div class="ftooltip">' + w + "</div>").css({
            position: "absolute",
            "z-index": "10",
            display: "none",
            top: z - 20,
            left: v,
            padding: "3px",
            "background-color": "rgba(0,0,0,0.5)",
            "font-size": "11px",
            "border-radius": "3px",
            color: "#FFF"
        }).appendTo("body").fadeIn(200)
    }
    var r = null;
    $("#chart_bar_1,#chart_bar_3,#chart_line_1,#dash_chart_1,#dash_chart_2,#chart_user_1").bind("plothover", function(z, B, w) {
        $("#x").text(B.x.toFixed(2));
        $("#y").text(B.y.toFixed(2));
        if (w) {
            if (r != w.dataIndex) {
                r = w.dataIndex;
                $(".ftooltip").remove();
                var v = w.datapoint[0].toFixed(2),
                    A = w.datapoint[1].toFixed(2);
                e(w.pageX, w.pageY, w.series.label + ": " + A)
            }
        } else {
            $(".ftooltip").remove();
            r = null
        }
    })
});
</script>  </div> <!-- tab-pane -->
  
    <!-- Gráficos3 
  <div role="tabpanel" class="tab-pane fade in" id="form5">
      </div> <!-- tab-pane -->
  
    <!-- Gráficos4 -->
  <div role="tabpanel" class="tab-pane fade in" id="form6">
    <div class="block">
 
	

  <div class="content">
 
    <!--form id=validate_custom method="post" action="erpc_financeiro_contas_pagar_baixar.php"-->
    <div class="table-responsive">
      <table class="table table-bordered table-striped table-responsible">
        <thead>
            <tr>
            <td width=10%></td>
			<td width=5%><b>Jan</b></td>
			<td width=5%><b>Fev</b></td>
			<td width=5%><b>Mar</b></td>
			<td width=5%><b>Abr</b></td>
			<td width=5%><b>Mai</b></td>
			<td width=5%><b>Jun</b></td>
			<td width=5%><b>Jul</b></td>
			<td width=5%><b>Ago</b></td>
			<td width=5%><b>Set</b></td>
			<td width=5%><b>Out</b></td>
			<td width=5%><b>Nov</b></td>
			<td width=5%><b>Dez</b></td> 
			<td width=5%><b>Total</b></td> 
			</b>
            <!--th width=10%></th>
			<th width=5%>Jan</th>
			<th width=5%>Fev</th>
			<th width=5%>Mar</th>
			<th width=5%>Abr</th>
			<th width=5%>Mai</th>
			<th width=5%>Jun</th>
			<th width=5%>Jul</th>
			<th width=5%>Ago</th>
			<th width=5%>Set</th>
			<th width=5%>Out</th>
			<th width=5%>Nov</th>
			<th width=5%>Dez</th-->
          </tr>
        </thead>
        <tbody>
            
            <tr>
              <td><b>Saldo Inicial</b></td>
              <td>R$ 300,00</td>
              <td>-R$ 1.900,00</td>
              <td>-R$ 2.400,00</td>
              <td>-R$ 2.500,00</td>
              <td>-R$ 3.000,00</td>
              <td>-R$ 3.500,00</td>
              <td>-R$ 2.800,00</td>
              <td>-R$ 3.500,00</td>
              <td>-R$ 4.000,00</td>
              <td>-R$ 4.500,00</td>
              <td>-R$ 5.000,00</td>
              <td>-R$ 5.000,00</td>
              <td></td>
          
          </tr>
            
          <tr>
              <td><b>Receitas</b></td>
              <td>R$ 800,00</td>
              <td>R$ 600,00</td>
              <td>R$ 1.000,00</td>
              <td>R$ 600,00</td>
              <td>R$ 600,00</td>
              <td>R$ 1.600,00</td>
              <td>R$ 800,00</td>
              <td>R$ 600,00</td>
              <td>R$ 600,00</td>
              <td>R$ 600,00</td>
              <td>R$ 600,00</td>
              <td>R$ 1.500,00</td>
              <td>R$ 9.900,00</td>
          
          </tr>
          
          <tr>
              <td><b>Despesas</b></td>
              <td>R$ 3.000,00</td>
              <td>R$ 1.100,00</td>
              <td>R$ 1.100,00</td>
              <td>R$ 1.100,00</td>
              <td>R$ 1.100,00</td>
              <td>R$ 900,00</td>
              <td>R$ 1.500,00</td>
              <td>R$ 1.100,00</td>
              <td>R$ 1.100,00</td>
              <td>R$ 1.100,00</td>
              <td>R$ 1.100,00</td>
              <td>R$ 1.100,00</td>
              <td>R$ 15.300,00</td>
          </tr>
          
          <tr>
              <td><b>Saldo<b></td>
              <td>-R$ 2.200,00</td>
              <td>-R$ 500,00</td>
              <td>-R$ 100,00</td>
              <td>-R$ 500,00</td>
              <td>-R$ 500,00</td>
              <td>R$ 700,00</td>
              <td>-R$ 700,00</td>
              <td>-R$ 500,00</td>
              <td>-R$ 500,00</td>
              <td>-R$ 500,00</td>
              <td>-R$ 500,00</td>
              <td>R$ 400,00</td>
              <td>-R$ 5.400,00</td>
        </tr>  
        
        <tr>
              <td><b>Acumulado<b></td>
              <td>-R$ 1.900,00</td>
              <td>-R$ 2.400,00</td>
              <td>-R$ 2.500,00</td>
              <td>-R$ 3.000,00</td>
              <td>-R$ 3.500,00</td>
              <td>-R$ 2.800,00</td>
              <td>-R$ 3.500,00</td>
              <td>-R$ 4.000,00</td>
              <td>-R$ 4.500,00</td>
              <td>-R$ 5.000,00</td>
              <td>-R$ 5.500,00</td>
              <td>-R$ 5.100,00</td>
              <td>-R$ 5.100,00</td>
        </tr>
        
        <tr>
              <td><b>Lucratividade<b></td>
              <td>-275,0%</td>
              <td>-83,3%</td>
              <td>-10,0%</td>
              <td>-83,3%</td>
              <td>-83,3%</td>
              <td>-43,8%</td>
              <td>-87,5%</td>
              <td>-83,3%</td>
              <td>-83,3%</td>
              <td>-83,3%</td>
              <td>-83,3%</td>
              <td>-26,7%</td>
              <td>-54,5%</td>
        </tr> 
          
        </tbody>
      </table>
    </div> <!-- table-responsive -->
	
	  <!--div >
        <h2><br>Total à Pagar : R$  | Número de Títulos : </h2>
      </div-->	
	
  </div> <!-- content -->
  <!--/div-->
</div>
  </div> <!-- tab-pane -->
</div> <!-- 1o tab-content -->

 
 
 

  <!--ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#form5" aria-controls="form5" role="tab" data-toggle="tab">Totais</a></li>
  </ul>
<!-- Tab panes -->

<!--div class="tab-content">

  <div role="tabpanel" class="tab-pane fade in active" id="form5">
      </div> <!-- tab-pane -->

</div>


  <!--div class="block">
    <div class="content controls">
      <div class="form-row">
        <div class="col-md-12 text-right">
          <button type="submit" name="btn-add" id="btn-add" class="btn btn-primary btn-cleanx" onClick="$('#validate_custom').validationEngine('hide');" >Adicionar</button>
          <button type="button" name="btn-voltar" id="btn-voltar" class="btn btn-default btn-cleanx">Voltar</button>
        </div>
      </div>
    </div>
  </div-->
</form>




<!-- modal do helper -->
<div class="row-clear">&nbsp;</div>
<div class="modal modal-white modal-draggable fade" id="helper-modal-div" tabindex="-1" role="dialog" aria-labelledby="helper-modal-label" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="helper-modal-label">Helper</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal" id="modalCancel">Cancelar</button>
        <button type="button" class="btn btn-primary" data-dismiss="modal" id="modalOk" disabled="disabled">Selecionar</button>
      </div>
    </div>
  </div>
</div>



    </div> <!-- col-md-12 do conteúdo -->
  </div> <!-- row aberta no header -->

</div> <!-- pagewrap -->
<!-- Mirrored from aqvatarius.com/themes/taurus_v11/ by HTTrack Website Copier/3.x [XR&CO'2013], Sat, 23 Nov 2013 18:11:31 GMT -->

<nav class="navbar brb navbar-fixed-bottom">
  <div class="container-fluid">
    <div class="side pull-left"> Copyright © <a href="http://codecrm.com.br" target="_blank">Code Tecnologia</a>. Todos os direitos reservados.
    </div>
  </div>
</nav>


<script type="text/javascript" src="js/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery/jquery-migrate.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery/i18n/datepicker-pt-BR.js"></script>
<script>
$.datepicker.setDefaults( $.datepicker.regional[ "pt-BR" ] );
</script>
<script type="text/javascript" src="js/plugins/jquery/globalize.js"></script>
<script type="text/javascript" src="js/plugins/maskmoney/jquery.maskMoney.min.js"></script>
<script type="text/javascript" src="js/plugins/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="js/plugins/bootstrap-modal/bootstrap-modal.js"></script>
<script type="text/javascript" src="js/plugins/mcustomscrollbar/jquery.mCustomScrollbar.min.js"></script>
<script type="text/javascript" src="js/plugins/uniform/jquery.uniform.min.js"></script>
<script type="text/javascript" src="js/plugins/datatables/datatables.min.js"></script>
<script type="text/javascript" src="js/plugins/animsition/animsition.min.js"></script>



<script type="text/javascript" src="js/plugins/select2/select2.min.js"></script>
<script type="text/javascript" src="js/plugins/tagsinput/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="js/plugins/ibutton/jquery.ibutton.js"></script>
<script type="text/javascript" src="js/plugins/validationengine/languages/jquery.validationEngine-pt_BR.js"></script>
<script type="text/javascript" src="js/plugins/validationengine/jquery.validationEngine.js"></script>
<script type="text/javascript" src="js/plugins/maskedinput/jquery.maskedinput.min.js"></script>
<script type="text/javascript" src="js/plugins/stepy/jquery.stepy.min.js"></script>

<script src="js/plugins/noty/jquery.noty.js" type="text/javascript"></script>
<script src="js/plugins/noty/layouts/topCenter.js" type="text/javascript"></script>
<script src="js/plugins/noty/layouts/topLeft.js" type="text/javascript"></script>
<script src="js/plugins/noty/layouts/topRight.js" type="text/javascript"></script>
<script src="js/plugins/noty/themes/default.js" type="text/javascript"></script>


<script type="text/javascript" src="js/js.js"></script>
<script type="text/javascript" src="js/settings.js"></script>
<script type="text/javascript" src="js/code.js"></script>

<script type=text/javascript src=js/plugins/knob/jquery.knob.js></script> 
<script type=text/javascript src=js/plugins/sparkline/jquery.sparkline.min.js></script> 
<script type=text/javascript src=js/plugins/flot/jquery.flot.js></script> 
<script type=text/javascript src=js/plugins/flot/jquery.flot.pie.js></script> 
<script type=text/javascript src=js/plugins/flot/jquery.flot.resize.js></script> 

</body>

</html>


<style>
  .input-group {
    min-width:130px;// if you want width please write here //
    text-align:left;
  }
</style>
