<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="app-container">
<div class="row content-container">
<nav class="navbar navbar-inverse navbar-fixed-top navbar-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-expand-toggle">
<i class="fa fa-bars icon"></i>
</button>
<ol class="breadcrumb navbar-breadcrumb">
<li class="active"></li>
</ol>
<button type="button" class="navbar-right-expand-toggle pull-right visible-xs">
<i class="fa fa-th icon"></i>
</button>
</div>
<ul class="nav navbar-nav navbar-right">
<button type="button" class="navbar-right-expand-toggle pull-right visible-xs light">
<i class="fa fa-times icon"></i>
</button>
<li class="">
<a href="https://github.com/jhipster/generator-jhipster" class="dropdown-toggle navlink" target="_blank" role="button"><i class="fa fa-github fa-2x"></i></a>
</li>
</ul>
</div>
</nav>
<div class="side-menu sidebar-inverse">
<nav class="navbar navbar-default" role="navigation">
<div class="side-menu-container">
<div class="navbar-header">
<a class="navbar-brand" href="/">
<div class="icon"><img src="http://jhipster.github.io/img/logo-jhipster2x.png" height="50px"></div>
<div class="title brand">JHipster </div>
</a>
<button type="button" class="navbar-expand-toggle pull-right visible-xs fa-rotate-90">
<i class="fa fa-times icon"></i>
</button>
</div>
<ul class="nav navbar-nav">
<li>
<a href="/">
<span class="icon fa fa-home"></span><span class="title">Home</span>
</a>
</li>
<li>
<a href="/releases/">
<span class="icon fa fa-file-text-o"></span><span class="title">Release notes</span>
</a>
</li>
<li class="panel panel-default dropdown">
<a data-toggle="collapse" href="#dropdown-1">
<span class="icon fa fa-road"></span><span class="title">JHipster in a few minutes</span>
</a>
<!-- Dropdown level 1 -->
<div id="dropdown-1" class="panel-collapse collapse">
<div class="panel-body">
<ul class="nav navbar-nav">
<li><a href="/tech-stack/"><i class="fa fa-fw fa-stack-overflow"></i> Technology stack</a></li>
<li><a href="/presentation" target="_blank"><i class="fa fa-fw fa-desktop"></i> Official JHipster slides</a></li>
<li><a href="/screenshots/"><i class="fa fa-fw fa-picture-o"></i> JHipster in 5 screenshots</a></li>
<li><a href="/video-tutorial/"><i class="fa fa-fw fa-film"></i> Video tutorial (20 minutes)</a></li>
<li><a href="/companies-using-jhipster/"><i class="fa fa-fw fa-thumbs-up"></i> Companies using JHipster</a></li>
</ul>
</div>
</div>
</li>
<li class="panel panel-default dropdown">
<a data-toggle="collapse" href="#dropdown-2">
<span class="icon fa fa-fw fa-wrench"></span><span class="title">Setting up your environment</span>
</a>
<!-- Dropdown level 1 -->
<div id="dropdown-2" class="panel-collapse collapse">
<div class="panel-body">
<ul class="nav navbar-nav">
<li><a href="/installation/"><i class="fa fa-fw fa-cloud-download"></i> Installing JHipster</a></li>
<li><a href="/configuring-ide/"><i class="fa fa-fw fa-keyboard-o"></i> Configuring your IDE</a></li>
<li><a href="/docker-compose/"><i class="fa fa-fw fa-music"></i> Docker Compose</a></li>
<li><a href="/oh-my-zsh/"><i class="fa fa-fw fa-terminal"></i> Using Oh-My-Zsh</a></li>
</ul>
</div>
</div>
</li>
<li class="panel panel-default dropdown">
<a data-toggle="collapse" href="#dropdown-3"><span class="icon fa fa-fw fa-list-ol"></span><span class="title">Core JHipster tasks</span></a>
<div id="dropdown-3" class="panel-collapse collapse">
<div class="panel-body">
<ul class="nav navbar-nav">
<li><a href="/microservices-architecture/"><i class="fa fa-fw fa-sitemap"></i> Doing microservices</a></li>
<li><a href="/creating-an-app/"><i class="fa fa-fw fa-rocket"></i> Creating an application</a></li>
<li><a href="/creating-an-entity/"><i class="fa fa-fw fa-bolt"></i> Creating an entity</a></li>
<li><a href="/creating-a-service/"><i class="fa fa-fw fa-bolt"></i> Creating a service</a></li>
<li><a href="/using-dtos/"><i class="fa fa-fw fa-briefcase"></i> Creating DTOs</a></li>
<li><a href="/managing-relationships/"><i class="fa fa-fw fa-sitemap"></i> Managing relationships</a></li>
<li><a href="/installing-new-languages/"><i class="fa fa-fw fa-flag"></i> Internationalization</a></li>
<li><a href="/upgrading-an-application/"><i class="fa fa-fw fa-refresh"></i> Upgrading an application</a></li>
</ul>
</div>
</div>
</li>
<li class="panel panel-default dropdown">
<a data-toggle="collapse" href="#dropdown-4"><span class="icon fa fa-fw fa-puzzle-piece"></span><span class="title">Options</span></a>
<div id="dropdown-4" class="panel-collapse collapse">
<div class="panel-body">
<ul class="nav navbar-nav">
<li><a href="/security/"><i class="fa fa-fw fa-lock"></i> Securing your app</a></li>
<li><a href="/using-elasticsearch/"><i class="fa fa-fw fa-search"></i> Using Elasticsearch</a></li>
<li><a href="/using-websockets/"><i class="fa fa-fw fa-envelope"></i> Using Websockets</a></li>
<li><a href="/using-oracle/"><i class="fa fa-fw fa-archive"></i> Using Oracle</a></li>
<li><a href="/using-mongodb/"><i class="fa fa-fw fa-leaf"></i> Using MongoDB</a></li>
<li><a href="/using-cassandra/"><i class="fa fa-fw fa-eye"></i> Using Cassandra</a></li>
</ul>
</div>
</div>
</li>
<li class="panel panel-default dropdown">
<a data-toggle="collapse" href="#dropdown-5"><span class="icon fa fa-fw fa-code"></span><span class="title">Development</span></a>
<div id="dropdown-5" class="panel-collapse collapse">
<div class="panel-body">
<ul class="nav navbar-nav">
<li><a href="/development/"><i class="fa fa-fw fa-code"></i> Using in development</a></li>
<li><a href="/profiles/"><i class="fa fa-fw fa-group"></i> Managing profiles</a></li>
<li><a href="/using-angularjs/"><i class="fa fa-fw fa-html5"></i> Using AngularJS</a></li>
<li><a href="/customizing-bootstrap/"><i class="fa fa-fw fa-css3"></i> Customizing Bootstrap</a></li>
</ul>
</div>
</div>
</li>
<li class="panel panel-default dropdown">
<a data-toggle="collapse" href="#dropdown-6"><span class="icon fa fa-fw fa-umbrella"></span><span class="title">Test & QA</span></a>
<div id="dropdown-6" class="panel-collapse collapse">
<div class="panel-body">
<ul class="nav navbar-nav">
<li><a href="/running-tests/"><i class="fa fa-fw fa-shield"></i> Running tests</a></li>
<li><a href="/code-quality/"><i class="fa fa-fw fa-diamond"></i> Code quality</a></li>
<li><a href="/setting-up-ci/"><i class="fa fa-fw fa-stethoscope"></i> Continuous Integration</a></li>
</ul>
</div>
</div>
</li>
<li class="panel panel-default dropdown">
<a data-toggle="collapse" href="#dropdown-7"><span class="icon fa fa-fw fa-cloud"></span><span class="title">Production</span></a>
<div id="dropdown-7" class="panel-collapse collapse">
<div class="panel-body">
<ul class="nav navbar-nav">
<li><a href="/production/"><i class="fa fa-fw fa-play-circle"></i> Using in production</a></li>
<li><a href="/monitoring/"><i class="fa fa-fw fa-line-chart"></i> Monitoring</a></li>
<li><a href="/cloudfoundry/"><i class="fa fa-fw fa-cloud-upload"></i> Deploying to Cloud Foundry</a></li>
<li><a href="/heroku/"><i class="fa fa-fw fa-cloud-upload"></i> Deploying to Heroku</a></li>
<li><a href="/kubernetes/"><i class="fa fa-fw fa-cloud-upload"></i> Deploying to Kubernetes</a></li>
<li><a href="/aws/"><i class="fa fa-fw fa-cloud-upload"></i> Deploying to AWS</a></li>
</ul>
</div>
</div>
</li>
<li class="panel panel-default dropdown">
<a data-toggle="collapse" href="#dropdown-8"><span class="icon fa fa-fw fa-cubes"></span><span class="title">Modules</span></a>
<div id="dropdown-8" class="panel-collapse collapse in" style="height: 0px;">
<div class="panel-body">
<ul class="nav navbar-nav">
<li class="active"><a href="/modules/marketplace/"><i class="fa fa-fw fa-shopping-cart"></i> Marketplace</a></li>
<li><a href="/modules/creating-a-module/"><i class="fa fa-fw fa-cube"></i> Creating a module</a></li>
</ul>
</div>
</div>
</li>
<li class="panel panel-default dropdown">
<a data-toggle="collapse" href="#dropdown-9"><span class="icon fa fa-fw fa-wrench"></span><span class="title">Tools</span></a>
<div id="dropdown-9" class="panel-collapse collapse" style="height: 0px;">
<div class="panel-body">
<ul class="nav navbar-nav">
<li><a href="/jdl/"><i class="fa fa-fw fa-star"></i> JDL</a></li>
<li><a href="/jdl-studio/"><i class="fa fa-fw fa-terminal"></i> JDL Studio</a></li>
<li>
<a href="/jhipster-uml/"><i class="fa fa-fw fa-magic"></i> JHipster-UML</a>
</li>
</ul>
</div>
</div>
</li>
<li><a href="/tips/"><span class="icon fa fa-fw fa-cogs"></span><span class="title">Tips'n tricks</span></a></li>
<li class="panel panel-default dropdown">
<a data-toggle="collapse" href="#dropdown-10"><span class="icon fa fa-fw fa-question"></span><span class="title">Getting help</span></a>
<div id="dropdown-10" class="panel-collapse collapse" style="height: 0px;">
<div class="panel-body">
<ul class="nav navbar-nav">
<li><a href="/help/"><i class="fa fa-fw fa-users"></i> Community help</a></li>
<li><a href="/consulting/"><i class="fa fa-fw fa-user-md"></i> Professional help</a></li>
<li><a href="/training/"><i class="fa fa-fw fa-graduation-cap"></i> Training</a></li>
</ul>
</div>
</div>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</nav>
</div>
<!-- Main Content -->
<div id="page-wrapper" class="container-fluid">
<div class="side-body" id="page-top">
<div class="row page-content-wrapper">
<div class="col-lg-12">
<link href="/lib/css/c3-0.4.10.min.css" rel="stylesheet">
<h1><i class="fa fa-shopping-cart"></i> Marketplace</h1>
<div ng-app="jhipster.marketplace" class="ng-scope">
<div>
<i>If you want to create your own module, <a href="/modules/creating-a-module/">here is the documentation</a>.</i>
<!-- ngView: --><div ng-view="" class="ng-scope">
<button type="submit" ng-click="list()" class="btn btn-info btn-sm ng-scope">Back to modules list</button>
<h2 class="ng-binding ng-scope">Angular Ui</h2>
<i class="ng-scope"></i><p class="ng-scope"><i>by <a href="http://blog.mottet.me/" target="_blank" class="ng-binding">Thibaut Mottet</a>(<a href="https://www.npmjs.com/~moifort" target="_blank" class="ng-binding">moifort</a>)</i>
</p><p class="ng-binding ng-scope">
Latest version: 0.0.2
</p>
<!-- ngIf: !readmeFile -->
<h3 class="ng-scope">JHipster version compatibility</h3>
<p class="ng-scope">
This module works with JHipster version: <b class="ng-binding">2.25.0</b>
</p>
<h3 class="ng-scope">Links</h3>
<ul class="ng-scope">
<li><a href="https://github.com/moifort/generator-jhipster-angular-ui" target="_blank">Project URL</a></li>
<li><a href="https://www.npmjs.com/package/generator-jhipster-angular-ui" target="_blank">NPM package page</a></li>
</ul>
<!-- ngIf: !readmeFile -->
<hr class="ng-scope">
<div btf-markdown="readmeFile" class="ng-scope"><h1>generator-jhipster-angular-ui</h1>
<p><a href="https://npmjs.org/package/generator-jhipster-angular-ui"><img src="https://img.shields.io/npm/v/generator-jhipster-angular-ui.svg" alt="NPM version" title=""></a> <a href="https://travis-ci.org/moifort/generator-jhipster-angular-ui"><img src="https://travis-ci.org/moifort/generator-jhipster-angular-ui.svg?branch=master" alt="Build Status" title=""></a> <a href="https://david-dm.org/moifort/generator-jhipster-angular-ui"><img src="https://david-dm.org/moifort/generator-jhipster-angular-ui.svg?theme=shields.io" alt="Dependency Status" title=""></a></p>
<blockquote>
<p>Install easily and get sample code of the most famous AngularUI library on your JHipster application.</p>
</blockquote>
<p><strong>Modules available:</strong>
- Font Awesome
- Awesome Bootstrap Checkbox
- NGSwitchery
- Angular Bootstrap Slider</p>
<h2>Usage</h2>
<p>This is a <a href="http://jhipster.github.io/">JHipster</a> module, that is meant to be use in a JHipster application.</p>
<p><img src="/static/generator-jhipster-angular-ui.gif" alt="" title=""></p>
<h2>Installation</h2>
<p>As this is a <a href="http://jhipster.github.io/">JHipster</a> module, we expect you have JHipster and its related tools already installed.</p>
<pre><code class="bash">npm install -g generator-jhipster-angular-ui
</code></pre>
<p>Then run the module on a JHipster generated application:</p>
<pre><code class="bash">yo jhipster-angular-ui
</code></pre>
<h2>Modules Details</h2>
<h3>Font Awesome</h3>
<p>Font Awesome is a full suite of 605 pictographic icons for easy scalable vector graphics on websites, created and maintained by Dave Gandy. Stay up to date with the latest release and announcements on Twitter: @fontawesome.</p>
<ul>
<li>Github: https://github.com/FortAwesome/Font-Awesome</li>
<li>Website: http://fontawesome.io/</li>
</ul>
<h3>Awesome Bootstrap Checkbox</h3>
<p>Font Awesome Bootstrap Checkboxes & Radios plugin. Pure CSS way to make inputs look prettier. No Javascript!</p>
<ul>
<li>Github: https://github.com/flatlogic/awesome-bootstrap-checkbox</li>
<li>Demo: http://flatlogic.github.io/awesome-bootstrap-checkbox/demo/</li>
</ul>
<h3>NGSwitchery</h3>
<p>Switchery is a simple component that helps you turn your default HTML checkbox inputs into beautiful iOS 7 style switches in just few simple steps. You can easily customize switches, so that they match your design perfectly.</p>
<ul>
<li>Github: https://github.com/servergrove/NgSwitchery</li>
<li>Website: http://abpetkov.github.io/switchery/</li>
</ul>
<h3>Angular Bootstrap Slider</h3>
<ul>
<li>Github: https://github.com/seiyria/angular-bootstrap-slider</li>
<li>Demo: http://seiyria.com/bootstrap-slider/</li>
</ul>
<h2>License</h2>
<p>Apache-2.0 © Thibaut Mottet</p></div>
<hr class="ng-scope">
<h3 class="ng-scope">Downloads for last month</h3>
<div id="chart" class="ng-scope c3" style="max-height: 320px; position: relative;"><svg width="1560" height="320" style="overflow: hidden;"><defs><clipPath id="c3-1471982311678-clip"><rect width="1518" height="266"></rect></clipPath><clipPath id="c3-1471982311678-clip-xaxis"><rect x="-41" y="-20" width="1590" height="70"></rect></clipPath><clipPath id="c3-1471982311678-clip-yaxis"><rect x="-39" y="-4" width="60" height="290"></rect></clipPath><clipPath id="c3-1471982311678-clip-grid"><rect width="1518" height="266"></rect></clipPath><clipPath id="c3-1471982311678-clip-subchart"><rect width="1518"></rect></clipPath></defs><g transform="translate(40.5,4.5)"><text class="c3-text c3-empty" text-anchor="middle" dominant-baseline="middle" x="759" y="133" style="opacity: 0;"></text><rect class="c3-zoom-rect" width="1518" height="266" style="opacity: 0;"></rect><g clip-path="url(http://jhipster.github.io/modules/marketplace/#c3-1471982311678-clip)" class="c3-regions" style="visibility: visible;"></g><g clip-path="url(http://jhipster.github.io/modules/marketplace/#c3-1471982311678-clip-grid)" class="c3-grid" style="visibility: visible;"><g class="c3-xgrid-focus"><line class="c3-xgrid-focus" x1="-10" x2="-10" y1="0" y2="266" style="visibility: hidden;"></line></g></g><g clip-path="url(http://jhipster.github.io/modules/marketplace/#c3-1471982311678-clip)" class="c3-chart"><g class="c3-event-rects c3-event-rects-single" style="fill-opacity: 0;"><rect class=" c3-event-rect c3-event-rect-0" x="7.5" y="0" width="33.5" height="266"></rect><rect class=" c3-event-rect c3-event-rect-1" x="41" y="0" width="51.5" height="266"></rect><rect class=" c3-event-rect c3-event-rect-2" x="92.5" y="0" width="51" height="266"></rect><rect class=" c3-event-rect c3-event-rect-3" x="143.5" y="0" width="51.5" height="266"></rect><rect class=" c3-event-rect c3-event-rect-4" x="195" y="0" width="51.5" height="266"></rect><rect class=" c3-event-rect c3-event-rect-5" x="246.5" y="0" width="51" height="266"></rect><rect class=" c3-event-rect c3-event-rect-6" x="297.5" y="0" width="51.5" height="266"></rect><rect class=" c3-event-rect c3-event-rect-7" x="349" y="0" width="51.5" height="266"></rect><rect class=" c3-event-rect c3-event-rect-8" x="400.5" y="0" width="51" height="266"></rect><rect class=" c3-event-rect c3-event-rect-9" x="451.5" y="0" width="51.5" height="266"></rect><rect class=" c3-event-rect c3-event-rect-10" x="503" y="0" width="51.5" height="266"></rect><rect class=" c3-event-rect c3-event-rect-11" x="554.5" y="0" width="51" height="266"></rect><rect class=" c3-event-rect c3-event-rect-12" x="605.5" y="0" width="51.5" height="266"></rect><rect class=" c3-event-rect c3-event-rect-13" x="657" y="0" width="51.5" height="266"></rect><rect class=" c3-event-rect c3-event-rect-14" x="708.5" y="0" width="51" height="266"></rect><rect class=" c3-event-rect c3-event-rect-15" x="759.5" y="0" width="77" height="266"></rect><rect class=" c3-event-rect c3-event-rect-16" x="836.5" y="0" width="77" height="266"></rect><rect class=" c3-event-rect c3-event-rect-17" x="913.5" y="0" width="51" height="266"></rect><rect class=" c3-event-rect c3-event-rect-18" x="964.5" y="0" width="51.5" height="266"></rect><rect class=" c3-event-rect c3-event-rect-19" x="1016" y="0" width="51.5" height="266"></rect><rect class=" c3-event-rect c3-event-rect-20" x="1067.5" y="0" width="51" height="266"></rect><rect class=" c3-event-rect c3-event-rect-21" x="1118.5" y="0" width="51.5" height="266"></rect><rect class=" c3-event-rect c3-event-rect-22" x="1170" y="0" width="51.5" height="266"></rect><rect class=" c3-event-rect c3-event-rect-23" x="1221.5" y="0" width="51" height="266"></rect><rect class=" c3-event-rect c3-event-rect-24" x="1272.5" y="0" width="51.5" height="266"></rect><rect class=" c3-event-rect c3-event-rect-25" x="1324" y="0" width="51.5" height="266"></rect><rect class=" c3-event-rect c3-event-rect-26" x="1375.5" y="0" width="51" height="266"></rect><rect class=" c3-event-rect c3-event-rect-27" x="1426.5" y="0" width="51.5" height="266"></rect><rect class=" c3-event-rect c3-event-rect-28" x="1478" y="0" width="33" height="266"></rect></g><g class="c3-chart-bars"><g class="c3-chart-bar c3-target c3-target-downloads" style="opacity: 1; pointer-events: none;"><g class=" c3-shapes c3-shapes-downloads c3-bars c3-bars-downloads" style="cursor: pointer;"></g></g></g><g class="c3-chart-lines"><g class="c3-chart-line c3-target c3-target-downloads" style="opacity: 1; pointer-events: none;"><g class=" c3-shapes c3-shapes-downloads c3-lines c3-lines-downloads"><path class=" c3-shape c3-shape c3-line c3-line-downloads" d="M15,243.91666666666666L67,155.58333333333331L118,199.75L169,199.75L221,155.58333333333331L272,199.75L323,155.58333333333331L375,243.91666666666666L426,243.91666666666666L477,243.91666666666666L529,155.58333333333331L580,243.91666666666666L631,155.58333333333331L683,243.91666666666666L734,243.91666666666666L785,243.91666666666666L888,155.58333333333331L939,199.75L990,243.91666666666666L1042,199.75L1093,199.75L1144,243.91666666666666L1196,243.91666666666666L1247,199.75L1298,111.41666666666666L1350,23.083333333333343L1401,199.75L1452,155.58333333333331L1504,155.58333333333331" style="stroke: rgb(31, 119, 180); opacity: 1;"></path></g><g class=" c3-shapes c3-shapes-downloads c3-areas c3-areas-downloads"><path class=" c3-shape c3-shape c3-area c3-area-downloads" d="M 15 243.91666666666666" style="fill: rgb(31, 119, 180); opacity: 0.2;"></path></g><g class=" c3-selected-circles c3-selected-circles-downloads"></g><g class=" c3-shapes c3-shapes-downloads c3-circles c3-circles-downloads" style="cursor: pointer;"><circle class=" c3-shape c3-shape-0 c3-circle c3-circle-0" r="2.5" cx="15" cy="243.91666666666666" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-1 c3-circle c3-circle-1" r="2.5" cx="67" cy="155.58333333333331" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-2 c3-circle c3-circle-2" r="2.5" cx="118" cy="199.75" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-3 c3-circle c3-circle-3" r="2.5" cx="169" cy="199.75" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-4 c3-circle c3-circle-4" r="2.5" cx="221" cy="155.58333333333331" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-5 c3-circle c3-circle-5" r="2.5" cx="272" cy="199.75" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-6 c3-circle c3-circle-6" r="2.5" cx="323" cy="155.58333333333331" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-7 c3-circle c3-circle-7" r="2.5" cx="375" cy="243.91666666666666" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-8 c3-circle c3-circle-8" r="2.5" cx="426" cy="243.91666666666666" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-9 c3-circle c3-circle-9" r="2.5" cx="477" cy="243.91666666666666" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-10 c3-circle c3-circle-10" r="2.5" cx="529" cy="155.58333333333331" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-11 c3-circle c3-circle-11" r="2.5" cx="580" cy="243.91666666666666" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-12 c3-circle c3-circle-12" r="2.5" cx="631" cy="155.58333333333331" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-13 c3-circle c3-circle-13" r="2.5" cx="683" cy="243.91666666666666" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-14 c3-circle c3-circle-14" r="2.5" cx="734" cy="243.91666666666666" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-15 c3-circle c3-circle-15" r="2.5" cx="785" cy="243.91666666666666" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-16 c3-circle c3-circle-16" r="2.5" cx="888" cy="155.58333333333331" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-17 c3-circle c3-circle-17" r="2.5" cx="939" cy="199.75" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-18 c3-circle c3-circle-18" r="2.5" cx="990" cy="243.91666666666666" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-19 c3-circle c3-circle-19" r="2.5" cx="1042" cy="199.75" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-20 c3-circle c3-circle-20" r="2.5" cx="1093" cy="199.75" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-21 c3-circle c3-circle-21" r="2.5" cx="1144" cy="243.91666666666666" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-22 c3-circle c3-circle-22" r="2.5" cx="1196" cy="243.91666666666666" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-23 c3-circle c3-circle-23" r="2.5" cx="1247" cy="199.75" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-24 c3-circle c3-circle-24" r="2.5" cx="1298" cy="111.41666666666666" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-25 c3-circle c3-circle-25" r="2.5" cx="1350" cy="23.083333333333343" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-26 c3-circle c3-circle-26" r="2.5" cx="1401" cy="199.75" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-27 c3-circle c3-circle-27" r="2.5" cx="1452" cy="155.58333333333331" style="fill: rgb(31, 119, 180); opacity: 1;"></circle><circle class=" c3-shape c3-shape-28 c3-circle c3-circle-28" r="2.5" cx="1504" cy="155.58333333333331" style="fill: rgb(31, 119, 180); opacity: 1;"></circle></g></g></g><g class="c3-chart-arcs" transform="translate(759,128)"><text class="c3-chart-arcs-title" style="text-anchor: middle; opacity: 0;"></text></g><g class="c3-chart-texts"><g class="c3-chart-text c3-target c3-target-downloads" style="opacity: 1; pointer-events: none;"><g class=" c3-texts c3-texts-downloads"></g></g></g></g><g clip-path="url(http://jhipster.github.io/modules/marketplace/#c3-1471982311678-clip-grid)" class="c3-grid c3-grid-lines"><g class="c3-xgrid-lines"></g><g class="c3-ygrid-lines"></g></g><g class="c3-axis c3-axis-x" clip-path="url(http://jhipster.github.io/modules/marketplace/#c3-1471982311678-clip-xaxis)" transform="translate(0,266)" style="visibility: visible; opacity: 1;"><text class="c3-axis-x-label" transform="" x="1518" dx="-0.5em" dy="-0.5em" style="text-anchor: end;"></text><g class="tick" transform="translate(15, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">24 Jul 16</tspan></text></g><g class="tick" transform="translate(67, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">25 Jul 16</tspan></text></g><g class="tick" transform="translate(118, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">26 Jul 16</tspan></text></g><g class="tick" transform="translate(169, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">27 Jul 16</tspan></text></g><g class="tick" transform="translate(221, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">28 Jul 16</tspan></text></g><g class="tick" transform="translate(272, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">29 Jul 16</tspan></text></g><g class="tick" transform="translate(323, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">30 Jul 16</tspan></text></g><g class="tick" transform="translate(375, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">31 Jul 16</tspan></text></g><g class="tick" transform="translate(426, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0"> 1 Aug 16</tspan></text></g><g class="tick" transform="translate(477, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0"> 2 Aug 16</tspan></text></g><g class="tick" transform="translate(529, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0"> 3 Aug 16</tspan></text></g><g class="tick" transform="translate(580, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0"> 4 Aug 16</tspan></text></g><g class="tick" transform="translate(631, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0"> 5 Aug 16</tspan></text></g><g class="tick" transform="translate(683, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0"> 6 Aug 16</tspan></text></g><g class="tick" transform="translate(734, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0"> 7 Aug 16</tspan></text></g><g class="tick" transform="translate(785, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0"> 8 Aug 16</tspan></text></g><g class="tick" transform="translate(888, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">10 Aug 16</tspan></text></g><g class="tick" transform="translate(939, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">11 Aug 16</tspan></text></g><g class="tick" transform="translate(990, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">12 Aug 16</tspan></text></g><g class="tick" transform="translate(1042, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">13 Aug 16</tspan></text></g><g class="tick" transform="translate(1093, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">14 Aug 16</tspan></text></g><g class="tick" transform="translate(1144, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">15 Aug 16</tspan></text></g><g class="tick" transform="translate(1196, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">16 Aug 16</tspan></text></g><g class="tick" transform="translate(1247, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">17 Aug 16</tspan></text></g><g class="tick" transform="translate(1298, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">18 Aug 16</tspan></text></g><g class="tick" transform="translate(1350, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">19 Aug 16</tspan></text></g><g class="tick" transform="translate(1401, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">20 Aug 16</tspan></text></g><g class="tick" transform="translate(1452, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">21 Aug 16</tspan></text></g><g class="tick" transform="translate(1504, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">22 Aug 16</tspan></text></g><path class="domain" d="M0,6V0H1518V6"></path></g><g class="c3-axis c3-axis-y" clip-path="url(http://jhipster.github.io/modules/marketplace/#c3-1471982311678-clip-yaxis)" transform="translate(0,0)" style="visibility: visible; opacity: 1;"><text class="c3-axis-y-label" transform="rotate(-90)" x="0" dx="-0.5em" dy="1.2em" style="text-anchor: end;"></text><g class="tick" transform="translate(0,266)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">0.5</tspan></text></g><g class="tick" transform="translate(0,244)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">1</tspan></text></g><g class="tick" transform="translate(0,222)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">1.5</tspan></text></g><g class="tick" transform="translate(0,200)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">2</tspan></text></g><g class="tick" transform="translate(0,178)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">2.5</tspan></text></g><g class="tick" transform="translate(0,156)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">3</tspan></text></g><g class="tick" transform="translate(0,134)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">3.5</tspan></text></g><g class="tick" transform="translate(0,112)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">4</tspan></text></g><g class="tick" transform="translate(0,90)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">4.5</tspan></text></g><g class="tick" transform="translate(0,68)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">5</tspan></text></g><g class="tick" transform="translate(0,46)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">5.5</tspan></text></g><g class="tick" transform="translate(0,24)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">6</tspan></text></g><g class="tick" transform="translate(0,1)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">6.5</tspan></text></g><path class="domain" d="M-6,1H0V266H-6"></path></g><g class="c3-axis c3-axis-y2" transform="translate(1518,0)" style="visibility: hidden; opacity: 1;"><text class="c3-axis-y2-label" transform="rotate(-90)" x="0" dx="-0.5em" dy="-0.5em" style="text-anchor: end;"></text><g class="tick" transform="translate(0,266)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0</tspan></text></g><g class="tick" transform="translate(0,240)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.1</tspan></text></g><g class="tick" transform="translate(0,213)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.2</tspan></text></g><g class="tick" transform="translate(0,187)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.3</tspan></text></g><g class="tick" transform="translate(0,160)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.4</tspan></text></g><g class="tick" transform="translate(0,134)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.5</tspan></text></g><g class="tick" transform="translate(0,107)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.6</tspan></text></g><g class="tick" transform="translate(0,81)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.7</tspan></text></g><g class="tick" transform="translate(0,54)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.8</tspan></text></g><g class="tick" transform="translate(0,28)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.9</tspan></text></g><g class="tick" transform="translate(0,1)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">1</tspan></text></g><path class="domain" d="M6,1H0V266H6"></path></g></g><g transform="translate(20.5,320.5)" style="visibility: hidden;"><g clip-path="url(http://jhipster.github.io/modules/marketplace/#c3-1471982311678-clip-subchart)" class="c3-chart"><g class="c3-chart-bars"></g><g class="c3-chart-lines"></g></g><g clip-path="url(http://jhipster.github.io/modules/marketplace/#c3-1471982311678-clip)" class="c3-brush" style="pointer-events: all; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><rect class="background" x="0" width="1553" style="visibility: hidden; cursor: crosshair;"></rect><rect class="extent" x="0" width="0" style="cursor: move;"></rect><g class="resize e" transform="translate(0,0)" style="cursor: ew-resize; display: none;"><rect x="-3" width="6" height="6" style="visibility: hidden;"></rect></g><g class="resize w" transform="translate(0,0)" style="cursor: ew-resize; display: none;"><rect x="-3" width="6" height="6" style="visibility: hidden;"></rect></g></g><g class="c3-axis-x" transform="translate(0,0)" clip-path="url(http://jhipster.github.io/modules/marketplace/#c3-1471982311678-clip-xaxis)" style="opacity: 1;"><g class="tick" transform="translate(15, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">24 Jul 16</tspan></text></g><g class="tick" transform="translate(67, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">25 Jul 16</tspan></text></g><g class="tick" transform="translate(118, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">26 Jul 16</tspan></text></g><g class="tick" transform="translate(169, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">27 Jul 16</tspan></text></g><g class="tick" transform="translate(221, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">28 Jul 16</tspan></text></g><g class="tick" transform="translate(272, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">29 Jul 16</tspan></text></g><g class="tick" transform="translate(323, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">30 Jul 16</tspan></text></g><g class="tick" transform="translate(375, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">31 Jul 16</tspan></text></g><g class="tick" transform="translate(426, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0"> 1 Aug 16</tspan></text></g><g class="tick" transform="translate(477, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0"> 2 Aug 16</tspan></text></g><g class="tick" transform="translate(529, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0"> 3 Aug 16</tspan></text></g><g class="tick" transform="translate(580, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0"> 4 Aug 16</tspan></text></g><g class="tick" transform="translate(631, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0"> 5 Aug 16</tspan></text></g><g class="tick" transform="translate(683, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0"> 6 Aug 16</tspan></text></g><g class="tick" transform="translate(734, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0"> 7 Aug 16</tspan></text></g><g class="tick" transform="translate(785, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0"> 8 Aug 16</tspan></text></g><g class="tick" transform="translate(888, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">10 Aug 16</tspan></text></g><g class="tick" transform="translate(939, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">11 Aug 16</tspan></text></g><g class="tick" transform="translate(990, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">12 Aug 16</tspan></text></g><g class="tick" transform="translate(1042, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">13 Aug 16</tspan></text></g><g class="tick" transform="translate(1093, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">14 Aug 16</tspan></text></g><g class="tick" transform="translate(1144, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">15 Aug 16</tspan></text></g><g class="tick" transform="translate(1196, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">16 Aug 16</tspan></text></g><g class="tick" transform="translate(1247, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">17 Aug 16</tspan></text></g><g class="tick" transform="translate(1298, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">18 Aug 16</tspan></text></g><g class="tick" transform="translate(1350, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">19 Aug 16</tspan></text></g><g class="tick" transform="translate(1401, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">20 Aug 16</tspan></text></g><g class="tick" transform="translate(1452, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">21 Aug 16</tspan></text></g><g class="tick" transform="translate(1504, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" transform="" style="text-anchor: middle; display: none;"><tspan x="0" dy=".71em" dx="0">22 Aug 16</tspan></text></g><path class="domain" d="M0,6V0H1518V6"></path></g></g><g transform="translate(0,300)"><g class=" c3-legend-item c3-legend-item-downloads" style="visibility: visible; cursor: pointer;"><text x="765.3125" y="9" style="pointer-events: none;">downloads</text><rect class="c3-legend-item-event" x="751.3125" y="-5" width="72.375" height="18" style="fill-opacity: 0;"></rect><rect class="c3-legend-item-tile" x="751.3125" y="0" width="10" height="10" style="pointer-events: none; fill: rgb(31, 119, 180);"></rect></g></g></svg><div class="c3-tooltip-container" style="position: absolute; pointer-events: none; display: none;"></div></div>
</div>
</div>
</div>
</div>
</div>
<!-- /.row -->
<!-- Footer -->
<footer class="text-center">
<div class="footer-above">
<div class="container">
<div class="row">
<div class="footer-col col-md-4">
<div class="col-md-4 col-sm-12">
<h5 class="text-left"><i class="fa fa-coffee fa-fw"></i> <a class="link" href="/team/">Team</a></h5>
<h5 class="text-left"><i class="fa fa-pencil fa-fw"></i> <a class="link" href="/artwork">Artwork</a></h5>
</div>
<div class="col-md-4 col-sm-12">
<h5 class="text-left"><i class="fa fa-gavel fa-fw"></i> <a class="link" href="/policies/">Policies</a></h5>
<h5 class="text-left"><i class="fa fa-gift fa-fw"></i> <a class="link" href="/thanks/">Thanks</a></h5>
</div>
<div class="col-md-4 col-sm-12">
<h5 class="text-left"><i class="fa fa-archive fa-fw"></i> <a class="link" href="/documentation-archive/">Archives</a></h5>
</div>
</div>
<div class="footer-col col-md-4">
<ul class="list-inline">
<li>
<a href="https://twitter.com/java_hipster" target="_blank" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
</li>
<li>
<a href="https://github.com/jhipster/generator-jhipster" target="_blank" class="btn-social btn-outline"><i class="fa fa-fw fa-github"></i></a>
</li>
<li>
<a href="https://gitter.im/jhipster/generator-jhipster" target="_blank" class="btn-social btn-outline"><i class="fa fa-fw fa-comments"></i></a>
</li>
</ul>
</div>
<div class="footer-col col-md-4 google-search">
<script type="text/javascript" async="" src="http://cse.google.com/cse.js?cx=004687894124070278856:-ryvp1pk0xi"></script><script>
(function () {
var cx = '004687894124070278856:-ryvp1pk0xi';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<div id="___gcse_0"><div class="gsc-control-cse gsc-control-cse-en"><div class="gsc-control-wrapper-cse" dir="ltr"><form class="gsc-search-box" accept-charset="utf-8"><table cellspacing="0" cellpadding="0" class="gsc-search-box"><tbody><tr><td class="gsc-input"><input autocomplete="off" type="text" size="10" class=" gsc-input" name="search" title="search" id="gsc-i-id1" x-webkit-speech="" x-webkit-grammar="builtin:search" lang="en" dir="ltr" spellcheck="false" style="outline: none; background: url("http://www.google.com/cse/static/en/google_custom_search_watermark.gif") left center no-repeat rgb(255, 255, 255);"><input type="hidden" name="bgresponse" id="bgresponse"></td><td class="gsc-search-button"><input type="button" value="Search" class="gsc-search-button" title="search"></td><td class="gsc-clear-button"><div class="gsc-clear-button" title="clear results"> </div></td></tr></tbody></table><table cellspacing="0" cellpadding="0" class="gsc-branding"><tbody><tr><td class="gsc-branding-user-defined"></td><td class="gsc-branding-text"><div class="gsc-branding-text">powered by</div></td><td class="gsc-branding-img"><img src="https://www.google.com/uds/css/small-logo.png" class="gsc-branding-img"></td></tr></tbody></table></form><div class="gsc-results-wrapper-overlay"><div class="gsc-results-close-btn" tabindex="0"></div><div class="gsc-tabsAreaInvisible"><div class="gsc-tabHeader gsc-inline-block gsc-tabhActive">Custom Search</div><span class="gs-spacer"> </span></div><div class="gsc-tabsAreaInvisible"></div><div class="gsc-above-wrapper-area-invisible"><table cellspacing="0" cellpadding="0" class="gsc-above-wrapper-area-container"><tbody><tr><td class="gsc-result-info-container"><div class="gsc-result-info-invisible"></div></td><td class="gsc-orderby-container"><div class="gsc-orderby-invisible"><div class="gsc-orderby-label gsc-inline-block">Sort by:</div><div class="gsc-option-menu-container gsc-inline-block"><div class="gsc-selected-option-container gsc-inline-block"><div class="gsc-selected-option">Relevance</div><div class="gsc-option-selector"></div></div><div class="gsc-option-menu-invisible"><div class="gsc-option-menu-item gsc-option-menu-item-highlighted"><div class="gsc-option">Relevance</div></div><div class="gsc-option-menu-item"><div class="gsc-option">Date</div></div></div></div></div></td></tr></tbody></table></div><div class="gsc-adBlockInvisible"></div><div class="gsc-wrapper"><div class="gsc-adBlockInvisible"></div><div class="gsc-resultsbox-invisible"><div class="gsc-resultsRoot gsc-tabData gsc-tabdActive"><table cellspacing="0" cellpadding="0" class="gsc-resultsHeader"><tbody><tr><td class="gsc-twiddleRegionCell"><div class="gsc-twiddle"><div class="gsc-title">Web</div></div><div class="gsc-stats"></div><div class="gsc-results-selector gsc-all-results-active"><div class="gsc-result-selector gsc-one-result" title="show one result"> </div><div class="gsc-result-selector gsc-more-results" title="show more results"> </div><div class="gsc-result-selector gsc-all-results" title="show all results"> </div></div></td><td class="gsc-configLabelCell"></td></tr></tbody></table><div><div class="gsc-expansionArea"></div></div></div></div></div></div><div class="gsc-modal-background-image" tabindex="0"></div></div></div></div>
</div>
</div>
</div>
</div>
<div class="footer-below">
<div class="container">
<div class="row">
<div class="col-lg-12">
Copyright © JHipster 2016 | Theme based on <a href="https://github.com/IronSummitMedia/startbootstrap-freelancer" target="_blank">Freelancer</a> and <a href="https://github.com/tui2tone/flat-admin-bootstrap-templates" target="_blank">Flat admin</a>
</div>
</div>
</div>
</div>
</footer>
</div>
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
<div class="scroll-top page-scroll visible-xs visible-sm">
<a class="btn btn-primary" href="#page-top">
<i class="fa fa-chevron-up"></i>
</a>
</div>
</div>
<!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->
</div>
html {
height: 100%; }
body {
padding-top: 0px;
height: 100%;
position: relative;
font-size: 1.5em; }
* {
outline: none; }
.navlink {
font-family: 'Roboto Condensed', sans-serif;
height: 60px;
line-height: 60px;
padding: 0px 20px 0px 20px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 700; }
.row > [class*="col-"] {
margin-bottom: 25px; }
.row.no-margin-bottom > [class*="col-"] {
margin-bottom: 10px; }
.row.no-gap {
margin-left: 0;
margin-right: 0; }
.row.no-gap > [class*="col-"] {
padding-left: 0;
padding-right: 0px; }
.no-padding {
padding: 0px !important; }
.float-left {
float: left; }
.float-right {
float: right; }
.clear-both {
clear: both; }
.margin-top {
margin-top: 10px; }
.margin-bottom {
margin-bottom: 10px; }
.no-margin-bottom {
margin-bottom: 0; }
.no-margin {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0; }
a {
text-decoration: none; }
a:hover {
text-decoration: none; }
.font-weight-300 {
font-weight: 300; }
.text-indent {
text-indent: 1em; }
.brand {
font-family: 'Pacifico', cursive; }
.light {
color: #fff; }
/*@media (min-width: 769px) {
#page-wrapper {
padding-left: 60px;
}
}
.page-content-warpper {
padding: 60px 40px 40px 40px;
}*/
/* google search widget*/
.google-search {
color: #333; }
.cse .gsc-control-cse,
.gsc-control-cse {
background-color: transparent !important;
border: none !important; }
.cse input.gsc-search-button,
input.gsc-search-button {
background-color: #3E8ACC !important;
border: 1px solid #3E8ACC; }
.inline-search {
position: relative;
top: -24px;
float: right;
right: 15px; }
.label.keyword {
margin-right: 3px; }
.navbar {
z-index: 10001;
padding-left: 60px;
-webkit-transition: all 0.25s;
transition: all 0.25s; }
.navbar > .container,
.navbar > .container-fluid {
z-index: 10001; }
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
height: 60px;
line-height: 60px;
margin-left: 0px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
padding: 0;
font-size: 1.5em; }
.navbar > .container .navbar-brand .fa-angle-right,
.navbar > .container-fluid .navbar-brand .fa-angle-right {
margin-left: 5px;
margin-right: 5px; }
.navbar > .container .navbar-expand-toggle,
.navbar > .container-fluid .navbar-expand-toggle {
width: 60px;
height: 60px;
background-color: transparent;
border: 0px;
float: left;
-moz-transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
transition: all 0.25s linear;
opacity: 0.75; }
.navbar > .container .navbar-expand-toggle .icon,
.navbar > .container-fluid .navbar-expand-toggle .icon {
font-size: 1.4em; }
.navbar > .container .navbar-right-expand-toggle,
.navbar > .container-fluid .navbar-right-expand-toggle {
width: 60px;
height: 60px;
background-color: transparent;
border: 0px;
position: absolute;
right: 0;
-moz-transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
transition: all 0.25s linear;
opacity: 0.75; }
.navbar > .container .navbar-right-expand-toggle .icon,
.navbar > .container-fluid .navbar-right-expand-toggle .icon {
font-size: 1.4em; }
.navbar .navbar-breadcrumb {
margin-left: 0px;
background-color: transparent;
padding: 0px;
float: left; }
.navbar .navbar-breadcrumb > li {
height: 60px;
line-height: 60px;
vertical-align: middle;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.5em; }
.navbar .navbar-nav > li > a {
font-family: 'Roboto Condensed', sans-serif;
height: 60px;
line-height: 60px;
padding: 0px 20px 0px 20px; }
.navbar .dropdown-menu {
padding: 0;
border: 0;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
animation-duration: 0.4s;
-webkit-animation-duration: 0.4s;
z-index: -1;
position: absolute; }
.navbar .dropdown-menu .title {
font-family: 'Roboto Condensed', sans-serif;
padding: 5px 10px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
.navbar .dropdown-menu .message {
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
padding: 10px 20px; }
.navbar .dropdown-menu .notifications.list-group {
list-style: none;
padding: 0;
margin: 0; }
.navbar .dropdown-menu .notifications.list-group .list-group-item {
min-width: 250px;
padding: 8px;
border: 0;
border-bottom: 1px solid #EEE; }
.navbar .dropdown-menu .notifications.list-group .list-group-item .icon {
margin-right: 5px; }
.navbar .dropdown-menu .notifications.list-group .badge {
border-radius: 1em; }
.navbar .dropdown-menu .notifications.list-group .list-group-item:last-child {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px; }
.navbar .dropdown-menu .notifications.list-group .list-group-item:first-child {
border-top-right-radius: 0px;
border-top-left-radius: 0px; }
.navbar .dropdown-menu .notifications.list-group a.list-group-item:hover {
cursor: pointer; }
.navbar .dropdown.profile .dropdown-menu {
width: 305px;
padding-bottom: 0px;
text-align: center; }
.navbar .dropdown.profile .dropdown-menu li.profile-img {
padding: 0px;
max-height: 300px;
overflow: hidden; }
.navbar .dropdown.profile .dropdown-menu li.profile-img img.profile-img {
width: 100%;
height: auto;
margin: 0px;
border: 0; }
.navbar .dropdown.profile .dropdown-menu .profile-info {
font-family: 'Roboto Condensed', sans-serif;
padding: 15px; }
.navbar .dropdown.profile .dropdown-menu .profile-info .username {
font-size: 1.8em; }
.app-container {
min-height: 100%;
position: relative;
padding-bottom: 0px; }
.app-container .app-footer {
display: block;
position: absolute;
bottom: 0;
right: 0;
left: 65px;
-webkit-transition: all 0.25s;
transition: all 0.25s;
font-size: 12px;
font-family: 'Roboto Condensed', sans-serif; }
.app-container .app-footer .wrapper {
padding: 10px 35px;
padding-left: 25px;
height: 50px;
line-height: 50px;
vertical-align: middle; }
.app-container .content-container {
margin-right: 0;
margin-left: 0; }
.app-container .content-container .side-menu {
overflow-y: none;
z-index: 100000;
position: fixed;
width: 60px;
height: 100%;
-webkit-transition: all 0.25s;
transition: all 0.25s; }
.app-container .content-container .side-menu:hover {
overflow-y: auto; }
.app-container .content-container .side-menu .navbar-header {
width: 100%;
border-bottom: 0px solid #e7e7e7; }
.app-container .content-container .side-menu .navbar-header .navbar-brand {
width: 455px;
line-height: 60px;
height: 60px;
padding: 0;
width: 100%;
overflow: hidden;
font-family: 'Roboto Condensed', sans-serif; }
.app-container .content-container .side-menu .navbar-header .navbar-brand .icon {
width: 60px;
text-align: center;
display: inline-block; }
.app-container .content-container .side-menu .navbar-header .navbar-brand .title {
margin-left: -10px;
display: none; }
.app-container .content-container .side-menu .navbar-header .navbar-expand-toggle {
position: absolute;
right: 0;
width: 60px;
height: 60px;
background-color: transparent;
border: 0px;
-moz-transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
transition: all 0.25s linear;
opacity: 0.75; }
.app-container .content-container .side-menu .navbar {
border: none;
padding-left: 0px; }
.app-container .content-container .side-menu .navbar-nav li {
display: block;
width: 100%;
overflow: hidden; }
.app-container .content-container .side-menu .navbar-nav li a {
font-family: 'Roboto Condensed', sans-serif;
padding: 0 10px 0 10px;
height: 46px;
line-height: 46px;
display: block;
white-space: nowrap; }
.app-container .content-container .side-menu .navbar-nav li a .icon {
margin-left: 0px;
width: 38px;
text-align: center;
font-size: 1.1em;
display: inline-block; }
.app-container .content-container .side-menu .navbar-nav li a .title {
width: 0px;
white-space: nowrap;
padding-left: 6px;
display: none; }
.app-container .content-container .side-menu .navbar-nav li.dropdown {
border: 0;
margin-bottom: 0;
border-radius: 0;
box-shadow: none; }
.app-container .content-container .side-menu .navbar-nav li.dropdown ul li a {
height: 44px;
line-height: 44px;
vertical-align: middle;
padding: 0em 1.2em; }
.app-container .content-container .side-menu .navbar-nav li.dropdown > a:after {
content: "";
position: absolute;
right: 1em; }
.app-container .content-container .side-menu .navbar-nav .panel-collapse.in {
display: none; }
.app-container .content-container .side-menu:hover {
width: 300px; }
.app-container .content-container .side-menu:hover .navbar-header .navbar-brand .title {
display: inline-block; }
.app-container .content-container .side-menu:hover .navbar-nav li a .title {
width: 192px;
display: inline-block; }
.app-container .content-container .side-menu:hover .navbar-nav li.dropdown > a:after {
font-family: FontAwesome;
content: "\f107";
position: absolute;
right: 1em; }
.app-container .content-container .side-menu:hover .panel-collapse.in {
display: block; }
.app-container .content-container .side-body {
padding-top: 70px; }
.app-container .content-container .side-body.padding-top {
padding-top: 84px; }
.app-container.expanded .app-footer {
left: 300px; }
.app-container.expanded .app-footer .wrapper {
padding-left: 25px; }
.app-container.expanded .content-container .navbar-top {
padding-left: 300px; }
.app-container.expanded .content-container .side-menu {
width: 300px;
overflow-y: auto; }
.app-container.expanded .content-container .side-menu .navbar-header .navbar-brand .title {
display: inline-block; }
.app-container.expanded .content-container .side-menu .navbar-nav li a .title {
display: inline-block; }
.app-container.expanded .content-container .side-menu .navbar-nav li .panel-collapse.in {
display: block; }
.app-container.expanded .content-container .side-menu .navbar-nav li.dropdown > a:after {
font-family: FontAwesome;
content: "\f107";
position: absolute;
right: 1em; }
.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
margin-left: -15px;
margin-right: -15px; }
.page-title {
font-family: 'Roboto Condensed', sans-serif;
margin-left: -10px;
margin-right: -10px;
padding: 15px 10px;
margin-bottom: 0px;
height: auto; }
.page-title .title {
font-size: 2em; }
.page-title .page-action {
float: right;
height: 40px;
line-height: 40px;
vertical-align: middle; }
.sub-title {
font-family: 'Roboto Condensed', sans-serif; }
.sub-title > * {
display: inline-block; }
.sub-title h3 {
margin-right: 10px; }
.sub-title .description {
font-family: 'Roboto Condensed', sans-serif;
font-size: 0.9em; }
.sub-title .action .btn {
padding: 0 0.5em; }
/* Main body section */
.app-container .side-body {
margin-left: 75px;
margin-right: 15px;
-webkit-transition: all 0.25s;
transition: all 0.25s; }
.app-container.home .side-body {
margin-left: 60px;
margin-right: 0px;
padding-top: 60px; }
.app-container.home #page-wrapper.container-fluid {
padding-left: 0;
padding-right: 0; }
.app-container.expanded .side-body {
margin-left: 300px; }
.app-container:not(.home) footer {
margin-left: -30px;
margin-right: -30px; }
/* small screen */
@media (max-width: 768px) {
.app-container.home #page-wrapper.container-fluid {
padding-left: 15px;
padding-right: 15px; }
.app-container footer {
margin-left: -30px;
margin-right: -30px; }
.navbar {
padding-left: 0; }
.navbar .navbar-header {
width: auto;
display: block; }
.navbar .navbar-nav {
width: auto;
margin: 0; }
.navbar .navbar-nav > li {
display: inline-block; }
.navbar .navbar-right {
position: absolute;
top: 0;
right: -100%;
height: 100%;
width: 100%;
-moz-transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
transition: all 0.25s linear; }
.navbar .navbar-right .open .dropdown-menu {
position: absolute; }
.navbar .navbar-right.expanded {
right: 0; }
.app-container .navbar-top {
min-width: 300px; }
.app-container .content-container .side-menu {
margin-left: -300px;
width: 0px; }
.app-container .content-container .side-body {
margin-left: 10px; }
.app-container.home .content-container .side-body {
margin-left: 0px;
margin-right: 15px; }
.app-container.home .content-container .side-body .home-container {
margin-left: -15px;
margin-right: -15px; }
.app-container.home .content-container .side-body .home-container .home-section {
margin-right: -15px; }
.app-container.expanded .navbar-top {
min-width: 480px;
padding-left: 0px; }
.app-container.expanded .side-menu {
margin-left: 0px;
width: 300px; }
.app-container.expanded .side-body {
margin-left: 10px; }
.app-container.expanded.home .content-container .side-body {
margin-left: 0px; }
.app-container .app-footer .wrapper,
.app-container.expanded .app-footer .wrapper {
padding-left: 25px; } }
/* Card */
.card {
background-color: #FFF;
border-radius: 1px;
overflow: hidden;
position: relative; }
.card .card-body {
padding: 25px; }
.card .card-body .sub-title {
font-size: 1.2em;
padding: 1.2em 0em 0.4em 0em;
margin-bottom: 25px; }
.card .card-body .sub-title .description {
padding-left: 0.4em;
font-size: 0.8em;
opacity: 0.8; }
.card .card-body.half-padding {
padding: 12.5px; }
.card .card-header .card-title {
padding: 1.2em 25px;
float: left; }
.card .card-header .card-title .title {
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.5em;
text-decoration: none; }
.card .card-header .pull-right {
padding: 0.5em 1em; }
.card .card-header:after {
content: '';
display: block;
clear: both; }
.card .card-profile-img img {
width: 100%;
height: auto; }
.card .card-jumbotron {
padding: 1.5em 1.5em; }
.card:hover .card-header .title {
text-decoration: none !important; }
.card.summary-inline .card-body {
padding: 20px; }
.card.summary-inline .card-body .content {
float: right; }
.card.summary-inline .card-body .content .title {
font-family: 'Lato', sans-serif;
margin-top: -0.3em;
font-size: 3.5em;
text-align: right; }
.card.summary-inline .card-body .content .sub-title {
font-family: 'Lato', sans-serif;
font-size: 0.9em;
text-align: right;
margin-top: -10px;
margin-bottom: 0;
padding: 0;
border-bottom: 0; }
.card.profile .card-body {
padding: 0.5em 0.8em; }
.card.profile .card-footer {
padding: 0.5em 0.8em; }
.panel {
border-radius: 1px; }
.panel .panel-heading {
border-top-left-radius: 2px;
border-top-right-radius: 2px; }
.chart {
padding: 15px; }
.chart.no-padding {
padding: 0;
margin-bottom: -5px; }
.btn {
margin-top: 5px;
margin-bottom: 5px;
border-radius: 1px;
border-width: 1px;
font-family: 'Roboto Condensed', sans-serif; }
.btn-group-lg > .btn,
.btn-group-lg > .btn-lg {
border-radius: 1px; }
.progress {
border-radius: 1px;
box-shadow: none; }
.progress .progress-bar {
box-shadow: none; }
.pagination {
margin-top: 5px;
margin-bottom: 5px; }
.pagination li:first-child > a,
.pagination li:first-child span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
.pagination li:last-child > a,
.pagination li:last-child span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
.form-control {
border-radius: 1px;
box-shadow: none; }
.bs-example-modal .modal {
z-index: 100;
position: relative;
display: block; }
.modal {
z-index: 100001; }
.modal .modal-dialog .modal-header {
font-family: 'Roboto Condensed', sans-serif; }
.modal .modal-dialog .modal-content {
border-radius: 1px;
box-shadow: none; }
.modal .modal-dialog .modal-footer .btn {
margin-top: 0;
margin-bottom: 0; }
.modal-backdrop {
z-index: 100000; }
.modal-backdrop.in {
opacity: 0.8; }
.alert {
border-width: 0px;
border-radius: 1px; }
.list-group .badge {
border-radius: 1px; }
.list-group .list-group-item:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; }
.list-group .list-group-item:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px; }
.checkbox3,
.radio3 {
margin-top: 0px;
margin-bottom: 0px; }
.checkbox-inline {
margin-bottom: 5px; }
.checkbox3 label,
.radio3 label {
padding: 8px 0 8px 30px; }
.checkbox3 label::before,
.radio3 label::before {
top: 5px; }
.checkbox3 label::after,
.radio3 label::after {
top: 5px; }
.checkbox3 label,
.radio3 label,
.checkbox-inline,
.radio-inline {
font-weight: normal; }
.bootstrap-switch {
border-radius: 1px; }
.thumbnail {
border-radius: 1px;
padding: 0; }
.thumbnail .caption {
padding: 0.5em 1.2em; }
.thumbnail .caption .h1,
.thumbnail .caption .h2,
.thumbnail .caption .h3,
.thumbnail .caption h1,
.thumbnail .caption h2,
.thumbnail .caption h3 {
margin-top: 15px; }
body.login-page {
background: url(../../img/app-header-bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
body.login-page .login-box {
width: 100%;
max-width: 320px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0; }
body.login-page .login-box > .title {
margin-bottom: 1em; }
body.login-page .login-box > .row {
margin-left: 0;
margin-right: 0;
margin-bottom: 0; }
body.login-page .login-form {
padding: 0em; }
body.login-page .login-form .login-header {
margin-bottom: 1.2em;
font-size: 1.5em; }
body.login-page .login-form .login-body {
padding: 1.5em;
border-radius: 1px; }
body.login-page .login-form input {
margin-bottom: 0.8em;
margin-top: 0.5em;
padding: 1.2em 1em;
font-size: 1.1em;
border-radius: 1px; }
body.login-page .login-button .btn {
padding: 0.5em 2em;
font-size: 1.1em;
border-radius: 1px;
margin-bottom: 0; }
body.login-page .login-footer {
padding-top: 8px;
padding-bottom: 8px;
width: 100%;
text-align: right;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
@media (max-width: 768px) {
body.login-page .login-form .login-header {
margin-bottom: 1em; }
body.login-page .login-box {
width: 100%;
max-width: 260px; } }
.dataTables_wrapper .row {
margin-bottom: 0.5em; }
.dataTables_wrapper .top {
margin-bottom: 6px;
position: relative; }
.dataTables_wrapper .bottom {
margin-top: 6px; }
.dataTables_wrapper .top:after,
.dataTables_wrapper .bottom:after {
position: relative;
clear: both;
display: block;
content: ''; }
.dataTables_wrapper .dataTables_paginate .paginate_button {
padding: 0;
margin-left: 0;
border: 0; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
border: 0; }
.dataTables_wrapper tfoot {
display: none; }
.code-preview {
width: 100%;
min-height: 400px; }
.nav-tabs > li {
margin-bottom: -1px; }
.nav-tabs > li > a {
border-radius: 0;
border: 0; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
border-radius: 0;
border-top: 0; }
.tab-content > div {
padding: 20px; }
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
border-bottom: 0; }
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: none; }
.tab-content > .active,
.pill-content > .active {
display: block; }
.tabs-below > .nav-tabs > li {
margin-top: -1px;
margin-bottom: 0; }
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
border-bottom-color: transparent; }
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
float: none; }
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px; }
.tabs-left,
.tabs-right {
display: table; }
.tabs-left > .nav-tabs {
display: table-cell;
margin-right: 19px; }
.tabs-left > .nav-tabs > li > a {
margin-right: -1px; }
.tabs-right > .nav-tabs {
display: table-cell;
margin-left: 19px; }
.tabs-right > .nav-tabs > li > a {
margin-left: -1px; }
.tab:after {
content: '';
display: block;
clear: both; }
.step .nav-tabs {
border-bottom: 0px;
margin-left: 0;
margin-right: 0;
margin-bottom: 20px; }
.step .nav-tabs > li[class^="col-"] {
padding-left: 0;
padding-right: 0; }
.step .nav-tabs > li:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
.step .nav-tabs > li {
border-right: 0; }
.step .nav-tabs > li > a {
margin-right: 0;
display: block;
width: 100%;
padding: 1em;
padding-left: 2em;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
text-align: left;
border-bottom: 0; }
.step .nav-tabs > li > a .icon {
font-size: 2.5em;
display: inline-block;
margin-right: 0.25em;
vertical-align: middle; }
.step .nav-tabs > li > a .step-title {
width: auto;
display: inline-block;
vertical-align: middle;
text-align: left; }
.step .nav-tabs > li > a .step-title .title {
font-weight: bold;
font-size: 1.1em; }
.step .nav-tabs > li > a .step-title .description {
font-size: 0.9em; }
.step .nav-tabs > li > a:hover {
border-bottom: 0; }
.step .nav-tabs > li:after {
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
right: -15px;
transform: translate(0%, -50%);
z-index: 100001; }
.step .nav-tabs > li:before {
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
right: -16px;
transform: translate(0%, -50%);
z-index: 100000; }
.step .nav-tabs > li.active > a,
.step .nav-tabs > li.active > a:focus,
.step .nav-tabs > li.active > a:hover {
border: 0;
border-radius: 0;
border-bottom: 0; }
.step .nav-tabs > li:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
.step .nav-tabs > li:last-child:before,
.step .nav-tabs > li:last-child:after {
display: none; }
.step .tab-content > div {
padding: 0; }
.step.card-no-padding .nav-tabs {
margin-bottom: 0px; }
.step.card-no-padding .nav-tabs > li {
border-radius: 0; }
.step.card-no-padding .tab-content > div {
padding: 20px; }
.step.tabs-left .tab-content {
padding: 5px 15px;
display: table-cell;
vertical-align: top; }
.step.tabs-left .tab-content > div {
padding: 20px; }
.step.tabs-left .nav-tabs {
border-bottom: 0px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0; }
.step.tabs-left .nav-tabs > li[class^="col-"] {
padding-left: 0;
padding-right: 0; }
.step.tabs-left .nav-tabs > li:first-child {
border-top-left-radius: 0px;
border-top-right-radius: 0px; }
.step.tabs-left .nav-tabs > li {
border-right: 0px;
min-width: 250px;
display: table;
width: 250px; }
.step.tabs-left .nav-tabs > li > a {
margin-right: 0;
display: table-cell;
width: 100%;
padding: 1em;
padding-left: 2em;
vertical-align: middle;
table-layout: fixed;
white-space: nowrap;
overflow: hidden; }
.step.tabs-left .nav-tabs > li > a .icon {
font-size: 2.5em;
display: inline-block;
margin-right: 0.25em;
vertical-align: middle; }
.step.tabs-left .nav-tabs > li > a .step-title {
width: auto;
display: inline-block;
vertical-align: middle; }
.step.tabs-left .nav-tabs > li > a .step-title .title {
font-weight: bold;
font-size: 1.1em; }
.step.tabs-left .nav-tabs > li > a .step-title .description {
font-size: 0.9em; }
.step.tabs-left .nav-tabs > li > a:hover {
border-bottom: 0; }
.step.tabs-left .nav-tabs > li:after {
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
transform: translate(0%, -50%);
z-index: 10000;
display: none; }
.step.tabs-left .nav-tabs > li:before {
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
right: -16px;
transform: translate(0%, -50%);
z-index: 10000;
display: none; }
.step.tabs-left .nav-tabs > li.active > a,
.step.tabs-left .nav-tabs > li.active > a:focus,
.step.tabs-left .nav-tabs > li.active > a:hover {
border: 0;
border-radius: 0;
border-bottom: 0; }
.step.tabs-left .nav-tabs > li.active:after,
.step.tabs-left .nav-tabs > li.active:before {
display: block; }
.step.tabs-left .nav-tabs > li:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
@media (max-width: 768px) {
.step .nav-tabs > li:after {
display: none; }
.step .nav-tabs > li:before {
display: none; } }
.loader-container {
display: none; }
.loader .loader-container {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1003; }
.loader:after {
content: "";
display: block;
position: absolute;
background-color: rgba(0, 0, 0, 0.9);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1001;
border-radius: 1px; }
.pricing-table .pt-header {
text-align: center;
padding: 1em; }
.pricing-table .pt-header .plan-pricing .pricing {
font-size: 2.5em; }
.pricing-table .pt-header .plan-pricing .pricing-type {
opacity: 0.9; }
.pricing-table .pt-body {
padding: 1em;
text-align: center; }
.pricing-table .pt-body .plan-detail {
padding: 0;
margin: 0;
list-style: none; }
.pricing-table .pt-footer {
padding: 0.75em;
text-align: center; }
.icons-list {
list-style: none;
margin: 0;
padding: 0; }
.icons-list > li {
float: left;
text-align: center;
width: 100px;
height: 100px;
padding: 8px; }
.icons-list > li span {
display: block; }
.icons-list > li .glyphicon {
font-size: 1.5em; }
.icons-list > li .glyphicon-class {
margin-top: 8px;
font-size: 0.75em; }
.icons-list:after {
content: '';
display: block;
position: relative;
clear: both; }
.row.example > [class*='col-'] > div {
background-color: #EEE;
padding: 10px;
border: 1px solid #DDD; }
.breadcrumb {
margin-bottom: 0; }
.breadcrumb > li + li:before {
font-family: FontAwesome;
content: '\f105';
margin-right: 3px; }
.message-list {
margin: 0;
padding: 0;
list-style-type: none; }
.message-list > a > li {
border-bottom: 1px dotted #EEE;
padding: 8px; }
.message-list > a > li > .message-block {
padding-left: 70px;
min-height: 60px; }
.message-list > a > li > .message-block .username {
font-size: 12px;
font-weight: bold; }
.message-list > a > li > .message-block .message-datetime {
font-size: 10px;
color: #AAA; }
.message-list > a > li > .message-block .message {
font-size: 12px; }
.message-list > a > li .profile-img {
width: 60px;
height: 60px; }
.message-list > a:hover li {
background-color: rgba(0, 0, 0, 0.01); }
.bs-example > * {
margin-bottom: 20px; }
.bs-example > *:last-child {
margin-bottom: 5px; }
.landing-page {
font-family: 'Roboto Condensed', sans-serif; }
.landing-page .navbar .navbar-toggle {
position: absolute;
right: 0;
border-radius: 0;
border: 0;
height: 44px;
padding: 0 15px; }
.landing-page .app-header {
padding-top: 100px;
background-image: url("../img/app-header-bg.jpg");
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
margin-bottom: 0; }
.landing-page .app-header .app-logo {
margin-bottom: 20px; }
.landing-page .app-header .app-description {
margin-bottom: 40px; }
.landing-page .app-content-a,
.landing-page .app-content-b {
padding-top: 50px;
padding-bottom: 20px; }
.landing-page .app-content-b.feature-1 {
background-image: url("../img/bg/picjumbo.com_HNCK3558.jpg");
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
margin-bottom: 0; }
.landing-page .app-content-b.contact-us {
padding-top: 60px;
padding-bottom: 60px;
background-image: url("../img/contact-us-bg.jpg");
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
margin-bottom: 0; }
.landing-page .app-content-b.contact-us .contact-us-header {
font-weight: 300;
font-size: 46px; }
.landing-page .app-content-b.contact-us .contact-us-description {
font-weight: 300;
font-size: 18px;
opacity: 0.9;
text-indent: 40px; }
.landing-page .app-content-b.contact-us form {
margin-top: 20px; }
.landing-page .app-content-b.contact-us form input {
padding: 10px;
width: 100%;
border: 0px; }
.landing-page .app-content-header {
font-weight: 300;
font-size: 46px; }
.landing-page .app-content-description {
font-weight: 300;
font-size: 18px; }
.landing-page .app-footer {
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 0; }
.landing-page .app-footer p {
margin: 0; }
.landing-page .navbar-affix {
width: 100%;
height: 60px;
border-top: 2px rgba(78, 205, 196, 0.8);
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
position: fixed;
-webkit-box-shadow: 0px 0px 6px 0px rgba(96, 100, 109, 0.4);
box-shadow: 0px 0px 6px 0px rgba(96, 100, 109, 0.4); }
.landing-page .navbar.affix {
z-index: 4000;
background-color: rgba(255, 255, 255, 0.95) !important;
height: 60px;
opacity: 1;
margin-top: 0px; }
.landing-page .navbar-affix.affix li a {
height: 60px;
line-height: 60px; }
.landing-page .navbar-affix.affix .navbar-nav > li > a {
background-color: transparent;
font-weight: 400;
color: #333; }
.landing-page .navbar {
padding-left: 0px;
background-color: transparent;
box-shadow: none; }
.landing-page .navbar .navbar-right {
position: relative;
right: 0; }
.landing-page .navbar .navbar-header {
border-bottom: 0px solid #e7e7e7; }
.landing-page .navbar .navbar-header .navbar-brand {
width: 45px;
line-height: 60px;
height: 60px;
padding: 0;
width: 100%;
overflow: hidden;
padding-left: 0px;
font-family: 'Roboto Condensed', sans-serif; }
.landing-page .navbar .navbar-header .navbar-brand .icon {
width: 50px;
text-align: center;
display: inline-block; }
.landing-page .navbar .navbar-header .navbar-brand .title {
margin-left: -10px;
display: inline-block; }
.landing-page .navbar .navbar-header .navbar-expand-toggle {
position: absolute;
right: 0;
width: 60px;
height: 60px;
background-color: transparent;
border: 0px;
-moz-transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
transition: all 0.25s linear;
opacity: 0.75; }
@media only screen and (max-width: 768px) {
.landing-page .navbar .navbar-header .navbar-brand {
padding-left: 15px; }
.navbar .navbar-nav {
height: auto !important; }
.navbar .navbar-nav > li > a {
padding: 0px 15px 0px 15px; } }
.row-example > [class*="col-"] {
margin-bottom: 0px; }
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 20; }
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
padding-right: 0;
padding-left: 0; }
.navbar-wrapper .navbar {
padding-right: 15px;
padding-left: 15px; }
.navbar-wrapper .navbar .container {
width: auto; }
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
/*.carousel {
height: 500px;
margin-bottom: 60px;
}*/
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
z-index: 10; }
/* Declare heights because of positioning of img element */
/*.carousel .item {
height: 500px;
background-color: #777;
}
.carousel-inner > .item > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 500px;
}
*/
/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
margin-bottom: 20px;
text-align: center; }
.marketing h2 {
font-weight: normal; }
.marketing .col-lg-4 p {
margin-right: 10px;
margin-left: 10px; }
/* Featurettes
------------------------- */
.featurette-divider {
margin: 80px 0;
/* Space out the Bootstrap <hr> more */ }
/* Thin out the marketing headings */
.featurette-heading {
font-weight: 300;
line-height: 1;
letter-spacing: -1px; }
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 768px) {
/* Navbar positioning foo */
.navbar-wrapper .container {
padding-right: 15px;
padding-left: 15px; }
.navbar-wrapper .navbar {
padding-right: 0;
padding-left: 0; }
/* The navbar becomes detached from the top, so we round the corners */
.navbar-wrapper .navbar {
border-radius: 4px; }
/* Bump up size of carousel content */
.carousel-caption p {
margin-bottom: 20px;
font-size: 21px;
line-height: 1.4; }
.featurette-heading {
font-size: 50px; } }
@media (min-width: 992px) {
.featurette-heading {
margin-top: 100px;
margin-bottom: 20px; } }
.app-container.home {
padding-bottom: 0; }
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
display: none !important; }
footer {
color: #fff; }
footer a {
color: #fff; }
footer a.link {
color: #91d5fb; }
footer a.link:hover {
color: #fff; }
footer h3 {
margin-bottom: 30px; }
footer .footer-above {
padding-top: 50px;
background-color: #2c3e50; }
footer .footer-col {
margin-bottom: 50px; }
footer .footer-below {
padding: 25px 0;
background-color: #233140; }
footer .footer-below a {
color: white; }
.btn-social {
display: inline-block;
width: 50px;
height: 50px;
border: 3px solid #fff;
border-radius: 100%;
text-align: center;
font-size: 20px;
line-height: 45px; }
.btn:focus, .btn:active, .btn.active {
outline: 0; }
.scroll-top {
z-index: 1049;
position: fixed;
right: 2%;
bottom: 2%;
width: 50px;
height: 50px; }
.scroll-top .btn {
width: 50px;
height: 50px;
border-radius: 100%;
font-size: 20px;
line-height: 28px; }
.scroll-top .btn:focus {
outline: 0; }
.portfolio-modal .modal-content {
padding: 100px 0;
min-height: 100%;
border: 0;
border-radius: 0;
text-align: center;
background-clip: border-box;
-webkit-box-shadow: none;
box-shadow: none; }
.portfolio-modal .modal-content h2 {
margin: 0;
font-size: 3em; }
.portfolio-modal .modal-content img {
margin-bottom: 30px; }
.portfolio-modal .modal-content .item-details {
margin: 30px 0; }
.portfolio-modal .close-modal {
position: absolute;
top: 25px;
right: 25px;
width: 75px;
height: 75px;
background-color: transparent;
cursor: pointer; }
.portfolio-modal .close-modal:hover {
opacity: .3; }
.portfolio-modal .close-modal .lr {
z-index: 1051;
width: 1px;
height: 75px;
margin-left: 35px;
background-color: #2c3e50;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.portfolio-modal .close-modal .lr .rl {
z-index: 1052;
width: 1px;
height: 75px;
background-color: #2c3e50;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.portfolio-modal .modal-backdrop {
display: none;
opacity: 0; }
.flat-blue a.btn-social {
color: #fff; }
.flat-blue a.btn-social:hover {
color: #3E8ACC; }
.btn-outline {
margin-top: 15px;
border: solid 2px #fff;
font-size: 20px;
color: #fff;
background: 0 0;
transition: all .3s ease-in-out; }
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
border: solid 2px #fff;
color: #3E8ACC;
background: #fff; }
.team-member {
max-width: 250px !important;
min-width: 200px;
min-height: 350px; }
.video-item {
max-width: 400px !important;
min-width: 300px;
min-height: 350px; }
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.flat-blue {
background-color: #F9F9F9;
/* small screen */ }
.flat-blue a:hover {
color: #09486b; }
.flat-blue .app-footer {
opacity: 0.7;
color: #353d47; }
.flat-blue .navbar, .flat-blue .navbar.navbar-default {
border-bottom: 0px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); }
.flat-blue .navbar > .container-fluid, .flat-blue .navbar.navbar-default > .container-fluid {
background-color: #FFF; }
.flat-blue .navbar .navbar-header .navbar-brand, .flat-blue .navbar.navbar-default .navbar-header .navbar-brand {
color: #F9F9F9; }
.flat-blue .navbar .navbar-header .navbar-expand-toggle, .flat-blue .navbar.navbar-default .navbar-header .navbar-expand-toggle {
color: #353d47; }
.flat-blue .navbar .navbar-header .navbar-right-expand-toggle, .flat-blue .navbar.navbar-default .navbar-header .navbar-right-expand-toggle {
color: #353d47; }
.flat-blue .navbar .navbar-breadcrumb li, .flat-blue .navbar.navbar-default .navbar-breadcrumb li {
color: #353d47; }
.flat-blue .navbar .navbar-breadcrumb li a, .flat-blue .navbar.navbar-default .navbar-breadcrumb li a {
color: #353d47; }
.flat-blue .navbar .navbar-nav > li, .flat-blue .navbar.navbar-default .navbar-nav > li {
border-left: 1px solid #F9F9F9; }
.flat-blue .navbar .navbar-nav > li > a, .flat-blue .navbar.navbar-default .navbar-nav > li > a {
color: #353d47; }
.flat-blue .navbar .navbar-nav > li:hover > a, .flat-blue .navbar.navbar-default .navbar-nav > li:hover > a {
color: #3E8ACC; }
.flat-blue .navbar .navbar-nav > li.open > a, .flat-blue .navbar.navbar-default .navbar-nav > li.open > a {
background-color: transparent;
color: #3E8ACC; }
.flat-blue .navbar .navbar-nav > li.danger > a, .flat-blue .navbar.navbar-default .navbar-nav > li.danger > a {
background-color: transparent;
border-bottom: 4px solid #FA2A00;
color: #FA2A00; }
.flat-blue .navbar .navbar-nav > li.danger.open > a, .flat-blue .navbar.navbar-default .navbar-nav > li.danger.open > a {
background-color: #FA2A00;
color: #FFF; }
.flat-blue .navbar .navbar-nav .dropdown-menu, .flat-blue .navbar.navbar-default .navbar-nav .dropdown-menu {
background-color: #F9F9F9;
border-color: #E4E4E4; }
.flat-blue .navbar .navbar-nav .dropdown-menu .title, .flat-blue .navbar.navbar-default .navbar-nav .dropdown-menu .title {
background-color: #FFF; }
.flat-blue .navbar .navbar-nav .dropdown-menu .title .badge, .flat-blue .navbar.navbar-default .navbar-nav .dropdown-menu .title .badge {
background-color: #353d47; }
.flat-blue .navbar .navbar-nav .dropdown-menu.danger, .flat-blue .navbar.navbar-default .navbar-nav .dropdown-menu.danger {
border-color: #FA2A00; }
.flat-blue .navbar .navbar-nav .dropdown-menu.danger .title, .flat-blue .navbar.navbar-default .navbar-nav .dropdown-menu.danger .title {
background-color: #FA2A00;
color: #FFF; }
.flat-blue .navbar .navbar-nav .dropdown-menu.danger .title .badge, .flat-blue .navbar.navbar-default .navbar-nav .dropdown-menu.danger .title .badge {
background-color: #FFF;
color: #FA2A00; }
.flat-blue .navbar.navbar-inverse {
background-color: #353d47;
border-bottom: 0px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
.flat-blue .navbar.navbar-inverse > .container-fluid {
background-color: #353d47; }
.flat-blue .navbar.navbar-inverse .navbar-header .navbar-brand {
color: #F9F9F9; }
.flat-blue .navbar.navbar-inverse .navbar-header .navbar-expand-toggle {
color: #FFF; }
.flat-blue .navbar.navbar-inverse .navbar-header .navbar-right-expand-toggle {
color: #FFF; }
.flat-blue .navbar.navbar-inverse .navbar-breadcrumb li {
color: #FFF; }
.flat-blue .navbar.navbar-inverse .navbar-breadcrumb li a {
color: #FFF; }
.flat-blue .navbar.navbar-inverse .navbar-nav > li {
border-left: 1px solid #363c46; }
.flat-blue .navbar.navbar-inverse .navbar-nav > li > a {
color: #FFF; }
.flat-blue .navbar.navbar-inverse .navbar-nav > li:hover > a {
color: #3E8ACC; }
.flat-blue .navbar.navbar-inverse .navbar-nav > li.open > a {
background-color: transparent;
color: #3E8ACC; }
.flat-blue .navbar.navbar-inverse .navbar-nav > li.danger > a {
background-color: transparent;
border-bottom: 4px solid #FA2A00;
color: #FFF; }
.flat-blue .navbar.navbar-inverse .navbar-nav > li.danger.open > a {
background-color: #FA2A00; }
.flat-blue .navbar.navbar-inverse .navbar-nav .dropdown-menu {
background-color: #F9F9F9;
border-color: #353d47; }
.flat-blue .navbar.navbar-inverse .navbar-nav .dropdown-menu .title {
background-color: #FFF; }
.flat-blue .navbar.navbar-inverse .navbar-nav .dropdown-menu .title .badge {
background-color: #353d47; }
.flat-blue .navbar.navbar-inverse .navbar-nav .dropdown-menu.danger {
border-color: #FA2A00; }
.flat-blue .navbar.navbar-inverse .navbar-nav .dropdown-menu.danger .title {
background-color: #FA2A00;
color: #FFF; }
.flat-blue .navbar.navbar-inverse .navbar-nav .dropdown-menu.danger .title .badge {
background-color: #FFF;
color: #FA2A00; }
.flat-blue .side-menu {
background-color: #FFF;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08); }
.flat-blue .side-menu .navbar-header {
background-color: #FFF;
margin-bottom: 4px; }
.flat-blue .side-menu .navbar-header .navbar-brand {
color: #2f2f30 !important; }
.flat-blue .side-menu .navbar-nav {
width: 100%; }
.flat-blue .side-menu .navbar {
background-color: #FFF;
border-bottom: 0px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; }
.flat-blue .side-menu .navbar li > a {
color: #363c46; }
.flat-blue .side-menu .navbar li.active {
border-left: 0; }
.flat-blue .side-menu .navbar li.active > a {
border-right: 4px solid #3E8ACC;
background-color: #FFF; }
.flat-blue .side-menu .navbar > li:hover > a {
background-color: #FA2A00;
color: #FFF; }
.flat-blue .side-menu .navbar li.dropdown {
background-color: transparent; }
.flat-blue .side-menu .navbar li.dropdown > .panel-collapse {
background-color: #E4E4E4; }
.flat-blue .side-menu .navbar li.dropdown .panel-body {
padding: 0 7px; }
.flat-blue .side-menu.sidebar-inverse {
background-color: #353d47;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08); }
.flat-blue .side-menu.sidebar-inverse .navbar {
background-color: #353d47;
border-bottom: 0px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; }
.flat-blue .side-menu.sidebar-inverse .navbar li {
border-left: 0; }
.flat-blue .side-menu.sidebar-inverse .navbar li > a {
color: #FFF; }
.flat-blue .side-menu.sidebar-inverse .navbar li.active > a {
color: #353d47;
border-left: 3px solid #3E8ACC;
border-right: 0px solid #3E8ACC;
background-color: #FFF; }
.flat-blue .side-menu.sidebar-inverse .navbar li.active > a .icon {
margin-left: -3px; }
.flat-blue .side-menu.sidebar-inverse .navbar > li:hover > a {
background-color: #FA2A00;
color: #FFF; }
.flat-blue .side-menu.sidebar-inverse .navbar li.dropdown > .panel-collapse {
background-color: rgba(0, 0, 0, 0.1); }
.flat-blue .side-menu.sidebar-inverse .navbar li.dropdown .panel-body {
padding: 0 7px; }
@media (max-width: 768px) {
.flat-blue .navbar.navbar-default .navbar-nav > li {
border-left: 0; }
.flat-blue .navbar.navbar-default .navbar-right {
background-color: #FFF; }
.flat-blue .navbar.navbar-inverse .navbar-nav > li {
border-left: 0; }
.flat-blue .navbar.navbar-inverse .navbar-right {
background-color: #353d47; } }
.flat-blue .card.red {
background-color: #FA2A00;
color: #FFF; }
.flat-blue .card.yellow {
background-color: #ffb400;
color: #FFF; }
.flat-blue .card.green {
background-color: #1ABC9C;
color: #FFF; }
.flat-blue .card.blue {
background-color: #3E8ACC;
color: #FFF; }
.flat-blue .card.dark {
background-color: #09486b;
color: #FFF; }
.flat-blue .card.red, .flat-blue .card.yellow, .flat-blue .card.green, .flat-blue .card.blue, .flat-blue .card.dark {
border: 0; }
.flat-blue .card.red .card-header, .flat-blue .card.yellow .card-header, .flat-blue .card.green .card-header, .flat-blue .card.blue .card-header, .flat-blue .card.dark .card-header {
border-bottom: 0; }
.flat-blue .card.red .card-header .title, .flat-blue .card.yellow .card-header .title, .flat-blue .card.green .card-header .title, .flat-blue .card.blue .card-header .title, .flat-blue .card.dark .card-header .title {
color: #FFF; }
.flat-blue .card {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
border: 0px solid #E4E4E4; }
.flat-blue .card .card-header {
border-bottom: 1px solid #E4E4E4; }
.flat-blue .card .card-header .title {
color: #353d47; }
.flat-blue .card .card-body .sub-title {
border-bottom: 1px solid #EAEAEA; }
.flat-blue .card .card-header.no-border {
border-bottom: 0; }
.flat-blue .card .card-jumbotron {
background-color: #EAEAEA; }
.flat-blue .card.primary .card-jumbotron {
background-color: #353d47;
color: #FFF; }
.flat-blue .card.profile .card-footer {
border-top: 1px solid #F9F9F9; }
.flat-blue .card.summary-inline.red:hover {
background-color: #7c1a06; }
.flat-blue .card.summary-inline.yellow:hover {
background-color: #85630f; }
.flat-blue .card.summary-inline.green:hover {
background-color: #006551; }
.flat-blue .card.summary-inline.blue:hover {
background-color: #353d47; }
.flat-blue .card.summary-inline.dark:hover {
background-color: #353d47; }
.flat-blue .card.card-success .card-header {
background-color: #1ABC9C; }
.flat-blue .card.card-success .card-header .title {
color: #FFF; }
.flat-blue .card.card-info .card-header {
background-color: #3E8ACC; }
.flat-blue .card.card-info .card-header .title {
color: #FFF; }
.flat-blue .panel.panel-default {
border: 1px solid #EAEAEA; }
.flat-blue .panel.panel-default .panel-heading {
border-bottom: 1px solid #EAEAEA;
background-color: #F0F0F0; }
.flat-blue .panel.panel-primary {
border: 1px solid #353d47; }
.flat-blue .panel.panel-primary .panel-heading {
border-bottom: 1px solid #353d47;
background-color: #73849d;
color: #FFF; }
.flat-blue .panel.panel-success {
border: 1px solid #1ABC9C; }
.flat-blue .panel.panel-success .panel-heading {
border-bottom: 1px solid #1ABC9C;
background-color: #99e9d9;
color: #006551; }
.flat-blue .panel.panel-info {
border: 1px solid #3E8ACC; }
.flat-blue .panel.panel-info .panel-heading {
border-bottom: 1px solid #3E8ACC;
background-color: #91d5fb;
color: #09486b; }
.flat-blue .panel.panel-warning {
border: 1px solid #FABE28; }
.flat-blue .panel.panel-warning .panel-heading {
border-bottom: 1px solid #FABE28;
background-color: #ffe5a2;
color: #85630f; }
.flat-blue .panel.panel-danger {
border: 1px solid #fb927d; }
.flat-blue .panel.panel-danger .panel-heading {
border-bottom: 1px solid #fb927d;
background-color: #ffb8aa;
color: #7c1a06; }
.flat-blue .panel.fresh-color.panel-primary {
border: 1px solid #353d47; }
.flat-blue .panel.fresh-color.panel-primary .panel-heading {
border-bottom: 1px solid #353d47;
background-color: #353d47;
color: #FFF; }
.flat-blue .panel.fresh-color.panel-success {
border: 1px solid #1ABC9C; }
.flat-blue .panel.fresh-color.panel-success .panel-heading {
border-bottom: 1px solid #1ABC9C;
background-color: #1ABC9C;
color: #FFF; }
.flat-blue .panel.fresh-color.panel-info {
border: 1px solid #3E8ACC; }
.flat-blue .panel.fresh-color.panel-info .panel-heading {
border-bottom: 1px solid #3E8ACC;
background-color: #3E8ACC;
color: #FFF; }
.flat-blue .panel.fresh-color.panel-warning {
border: 1px solid #FABE28; }
.flat-blue .panel.fresh-color.panel-warning .panel-heading {
border-bottom: 1px solid #FABE28;
background-color: #FABE28;
color: #FFF; }
.flat-blue .panel.fresh-color.panel-danger {
border: 1px solid #FA2A00; }
.flat-blue .panel.fresh-color.panel-danger .panel-heading {
border-bottom: 1px solid #FA2A00;
background-color: #FA2A00;
color: #FFF; }
.flat-blue .btn.btn-default {
background-color: #F0F0F0;
border-color: #EAEAEA; }
.flat-blue .btn.btn-default:hover {
background-color: #EAEAEA; }
.flat-blue .btn.btn-primary {
background-color: #353d47;
color: #FFF;
border-color: #353d47; }
.flat-blue .btn.btn-success {
background-color: #1ABC9C;
color: #FFF;
border-color: #1ABC9C; }
.flat-blue .btn.btn-warning {
background-color: #FABE28;
color: #FFF;
border-color: #FABE28; }
.flat-blue .btn.btn-info {
background-color: #3E8ACC;
color: #FFF;
border-color: #3E8ACC; }
.flat-blue .btn.btn-danger {
background-color: #FA2A00;
color: #FFF;
border-color: #FA2A00; }
.flat-blue .btn.btn-link {
color: #353d47; }
.flat-blue .progress .progress-bar {
background-color: #353d47;
color: #FFF; }
.flat-blue .progress .progress-bar.progress-bar-success {
background-color: #1ABC9C; }
.flat-blue .progress .progress-bar.progress-bar-info {
background-color: #3E8ACC; }
.flat-blue .progress .progress-bar.progress-bar-warning {
background-color: #FABE28; }
.flat-blue .progress .progress-bar.progress-bar-danger {
background-color: #FA2A00; }
.flat-blue .color-white {
color: #FFF; }
.flat-blue .pagination > li > a {
color: #353d47; }
.flat-blue .pagination .active > a, .flat-blue .pagination .active > a:focus, .flat-blue .pagination .active > a:hover, .flat-blue .pagination .active span, .flat-blue .pagination .active > span:focus, .flat-blue .pagination .active > span:hover {
background-color: #353d47;
border-color: #353d47;
color: #FFF; }
.flat-blue .modal.modal-primary .modal-header {
background-color: #353d47;
color: #FFF; }
.flat-blue .modal.modal-success .modal-header {
background-color: #1ABC9C;
color: #FFF; }
.flat-blue .modal.modal-info .modal-header {
background-color: #3E8ACC;
color: #FFF; }
.flat-blue .modal.modal-warning .modal-header {
background-color: #FABE28;
color: #FFF; }
.flat-blue .modal.modal-danger .modal-header {
background-color: #FA2A00;
color: #FFF; }
.flat-blue .alert.alert-success {
background-color: #99e9d9;
color: #006551;
border-color: #1ABC9C; }
.flat-blue .alert.alert-success .alert-link {
color: #006551;
text-decoration: underline; }
.flat-blue .alert.alert-success .btn-link {
color: #006551; }
.flat-blue .alert.alert-info {
background-color: #91d5fb;
color: #09486b;
border-color: #3E8ACC; }
.flat-blue .alert.alert-info .alert-link {
color: #09486b;
text-decoration: underline; }
.flat-blue .alert.alert-info .btn-link {
color: #09486b; }
.flat-blue .alert.alert-warning {
background-color: #ffe5a2;
border-color: #FABE28;
color: #85630f; }
.flat-blue .alert.alert-warning .alert-link {
color: #85630f;
text-decoration: underline; }
.flat-blue .alert.alert-warning .btn-link {
color: #85630f; }
.flat-blue .alert.alert-danger {
background-color: #ffb8aa;
border-color: #fb927d;
color: #7c1a06; }
.flat-blue .alert.alert-danger .alert-link {
color: #7c1a06;
text-decoration: underline; }
.flat-blue .alert.alert-danger .btn-link {
color: #7c1a06; }
.flat-blue .alert.fresh-color {
color: #FFF; }
.flat-blue .alert.fresh-color .alert-link {
color: #FFF;
text-decoration: underline; }
.flat-blue .alert.fresh-color .btn-link {
color: #FFF; }
.flat-blue .alert.fresh-color.alert-success {
background-color: #1ABC9C; }
.flat-blue .alert.fresh-color.alert-info {
background-color: #3E8ACC; }
.flat-blue .alert.fresh-color.alert-warning {
background-color: #FABE28; }
.flat-blue .alert.fresh-color.alert-danger {
background-color: #FA2A00;
border-color: #FA2A00; }
.flat-blue .list-group .list-group-item.active {
background-color: #353d47;
color: #FFF;
border-color: #353d47; }
.flat-blue .list-group .list-group-item.active .badge {
color: #353d47; }
.flat-blue .list-group .list-group-item.list-group-item-success {
background-color: #99e9d9;
color: #006551;
border-color: #99e9d9; }
.flat-blue .list-group .list-group-item.list-group-item-success .badge {
background-color: #FFF;
color: #1ABC9C; }
.flat-blue .list-group .list-group-item.list-group-item-info {
background-color: #91d5fb;
color: #09486b;
border-color: #91d5fb; }
.flat-blue .list-group .list-group-item.list-group-item-info .badge {
background-color: #FFF;
color: #3E8ACC; }
.flat-blue .list-group .list-group-item.list-group-item-warning {
background-color: #ffe5a2;
color: #85630f;
border-color: #ffe5a2; }
.flat-blue .list-group .list-group-item.list-group-item-warning .badge {
background-color: #FFF;
color: #FABE28; }
.flat-blue .list-group .list-group-item.list-group-item-danger {
background-color: #ffb8aa;
color: #7c1a06;
border-color: #ffb8aa; }
.flat-blue .list-group .list-group-item.list-group-item-danger .badge {
background-color: #FFF;
color: #FA2A00; }
.flat-blue .bootstrap-switch {
border-color: #EAEAEA; }
.flat-blue .bootstrap-switch .bootstrap-switch-primary {
background-color: #353d47; }
.flat-blue .table .active td, .flat-blue .table .active th {
background-color: #EAEAEA; }
.flat-blue .table .success {
color: #006551; }
.flat-blue .table .success td, .flat-blue .table .success th {
background-color: #99e9d9; }
.flat-blue .table .info {
color: #09486b; }
.flat-blue .table .info td, .flat-blue .table .info th {
background-color: #91d5fb; }
.flat-blue .table .warning {
color: #85630f; }
.flat-blue .table .warning td, .flat-blue .table .warning th {
background-color: #ffe5a2; }
.flat-blue .table .danger {
color: #7c1a06; }
.flat-blue .table .danger td, .flat-blue .table .danger th {
background-color: #ffb8aa; }
.flat-blue .table > tbody > tr > td, .flat-blue .table > tbody > tr > th, .flat-blue .table > tfoot > tr > td, .flat-blue .table > tfoot > tr > th {
border-color: #EAEAEA; }
.flat-blue .table > thead > tr > th {
border-color: #EAEAEA; }
.flat-blue .table.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #FDFDFD; }
.flat-blue .login-box .login-form .login-header {
color: #FFF; }
.flat-blue .login-box .login-form .login-body {
background-color: #FFF; }
.flat-blue .login-box input {
background-color: #F9F9F9;
border: 1px solid #F9F9F9; }
.flat-blue .login-box .login-footer a {
color: #FFF; }
.flat-blue .login-box .login-footer a:hover {
color: #FFF;
text-decoration: underline; }
.flat-blue .badge.primary {
background-color: #353d47; }
.flat-blue .badge.success {
background-color: #1ABC9C; }
.flat-blue .badge.info {
background-color: #3E8ACC; }
.flat-blue .badge.warning {
background-color: #FABE28; }
.flat-blue .badge.danger {
background-color: #FA2A00; }
.flat-blue .nav-tabs {
background-color: #EAEAEA; }
.flat-blue .nav-tabs > li > a:hover {
background-color: #EAEAEA; }
.flat-blue .nav-tabs > li.active > a:hover {
background-color: #FFF; }
.flat-blue .tabs-below > .nav-tabs {
border-top: 1px solid #E4E4E4; }
.flat-blue .tabs-below > .nav-tabs > li > a:hover,
.flat-blue .tabs-below > .nav-tabs > li > a:focus {
border-top-color: #E4E4E4;
border-bottom-color: transparent; }
.flat-blue .tabs-below > .nav-tabs > .active > a,
.flat-blue .tabs-below > .nav-tabs > .active > a:hover,
.flat-blue .tabs-below > .nav-tabs > .active > a:focus {
border-color: transparent #E4E4E4 #E4E4E4 #E4E4E4; }
.flat-blue .tabs-left > .nav-tabs {
border-right: 1px solid #E4E4E4; }
.flat-blue .tabs-left > .nav-tabs > li > a:hover,
.flat-blue .tabs-left > .nav-tabs > li > a:focus {
border-color: #E4E4E4 #E4E4E4 #E4E4E4 #E4E4E4; }
.flat-blue .tabs-left > .nav-tabs .active > a,
.flat-blue .tabs-left > .nav-tabs .active > a:hover,
.flat-blue .tabs-left > .nav-tabs .active > a:focus {
border-color: #E4E4E4 transparent #E4E4E4 #E4E4E4;
*border-right-color: #FFF; }
.flat-blue .tabs-right > .nav-tabs {
border-left: 1px solid #E4E4E4; }
.flat-blue .tabs-right > .nav-tabs > li > a:hover,
.flat-blue .tabs-right > .nav-tabs > li > a:focus {
border-color: #E4E4E4 #E4E4E4 #E4E4E4 #E4E4E4; }
.flat-blue .tabs-right > .nav-tabs .active > a,
.flat-blue .tabs-right > .nav-tabs .active > a:hover,
.flat-blue .tabs-right > .nav-tabs .active > a:focus {
border-color: #E4E4E4 #E4E4E4 #E4E4E4 transparent;
*border-left-color: #FFF; }
.flat-blue .step .nav-tabs {
background-color: #FFF; }
.flat-blue .step .nav-tabs > li {
border: 1px solid #E4E4E4;
border-right: 0; }
.flat-blue .step .nav-tabs > li:after {
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #FFF; }
.flat-blue .step .nav-tabs > li:before {
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
border-left: 16px solid #E4E4E4; }
.flat-blue .step .nav-tabs > li.active {
background-color: #EAEAEA; }
.flat-blue .step .nav-tabs > li.active > a, .flat-blue .step .nav-tabs > li.active > a:focus, .flat-blue .step .nav-tabs > li.active > a:hover {
background: transparent; }
.flat-blue .step .nav-tabs > li:hover {
background-color: #EAEAEA; }
.flat-blue .step .nav-tabs > li:hover:after, .flat-blue .step .nav-tabs > li.active:after {
border-left: 15px solid #EAEAEA; }
.flat-blue .step .nav-tabs > li:last-child {
border-right: 1px solid #E4E4E4; }
.flat-blue .step .nav-tabs > li.step-success {
background-color: #99e9d9;
border: 1px solid #1ABC9C; }
.flat-blue .step .nav-tabs > li.step-success a {
color: #006551; }
.flat-blue .step .nav-tabs > li.step-disabled {
background-color: #99e9d9; }
.flat-blue .step .nav-tabs > li.step-success:after {
border-left: 15px solid #99e9d9; }
.flat-blue .step .nav-tabs > li.step-success.active:hover:after {
border-left: 15px solid #99e9d9; }
.flat-blue .step .nav-tabs > li.step-success:hover:after {
border-left: 15px solid #EAEAEA; }
.flat-blue .step.card-no-padding .nav-tabs > li {
border: 0px solid transparent;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4; }
.flat-blue .step.card-no-padding .nav-tabs > li:last-child {
border-right: 0px solid #E4E4E4; }
.flat-blue .step.tabs-left .nav-tabs > li {
border: 1px solid #E4E4E4; }
.flat-blue .step.tabs-left .nav-tabs > li:after {
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #FFF; }
.flat-blue .step.tabs-left .nav-tabs > li:before {
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
border-left: 16px solid #E4E4E4; }
.flat-blue .step.tabs-left .nav-tabs > li.active {
background-color: #EAEAEA; }
.flat-blue .step.tabs-left .nav-tabs > li.active > a, .flat-blue .step.tabs-left .nav-tabs > li.active > a:focus, .flat-blue .step.tabs-left .nav-tabs > li.active > a:hover {
background: transparent; }
.flat-blue .step.tabs-left .nav-tabs > li:hover {
background-color: #EAEAEA; }
.flat-blue .step.tabs-left .nav-tabs > li:hover:after, .flat-blue .step.tabs-left .nav-tabs > li.active:after {
border-left: 15px solid #EAEAEA; }
.flat-blue .step.tabs-left.card-no-padding .nav-tabs > li {
border: 0px solid transparent; }
.flat-blue .pricing-table {
box-shadow: 0 1px 1px #CCC; }
.flat-blue .pricing-table .pt-header {
background-color: #E4E4E4; }
.flat-blue .pricing-table .pt-header .plan-pricing .pricing {
text-shadow: 0 1px 1px #FFF; }
.flat-blue .pricing-table .pt-body {
background-color: #F9F9F9; }
.flat-blue .pricing-table .pt-body .plan-detail {
border-top: 1px dashed rgba(255, 255, 255, 0.6);
padding-top: 1em;
margin-top: 1em; }
.flat-blue .pricing-table .pt-footer {
background-color: #F9F9F9; }
.flat-blue .pricing-table.dark-blue .pt-header {
background-color: #353d47;
color: #FFF; }
.flat-blue .pricing-table.dark-blue .pt-body {
background-color: #9eaabd;
color: #363c46; }
.flat-blue .pricing-table.green .pt-header {
background-color: #1ABC9C;
color: #FFF; }
.flat-blue .pricing-table.green .pt-body {
background-color: #99e9d9;
color: #006551; }
.flat-blue .pricing-table.blue .pt-header {
background-color: #3E8ACC;
color: #FFF; }
.flat-blue .pricing-table.blue .pt-body {
background-color: #91d5fb;
color: #09486b; }
.flat-blue .pricing-table.yellow .pt-header {
background-color: #FABE28;
color: #FFF; }
.flat-blue .pricing-table.yellow .pt-body {
background-color: #ffe5a2;
color: #85630f; }
.flat-blue .pricing-table.red .pt-header {
background-color: #FA2A00;
color: #FFF; }
.flat-blue .pricing-table.red .pt-body {
background-color: #ffb8aa;
color: #7c1a06; }
.flat-blue.landing-page .navbar-inverse .navbar-toggle:focus, .flat-blue.landing-page .navbar-inverse .navbar-toggle:hover {
background-color: transparent; }
.flat-blue.landing-page .navbar {
background-color: transparent;
box-shadow: none; }
.flat-blue.landing-page .navbar .navbar-nav > .active > a {
background-color: transparent; }
.flat-blue.landing-page .navbar .navbar-nav > li {
border-left: 0px solid #F9F9F9; }
.flat-blue.landing-page .navbar .navbar-nav > li > a {
color: #FFF; }
.flat-blue.landing-page .navbar .navbar-collapse {
border: 0; }
.flat-blue.landing-page .navbar.affix .navbar-nav > li > a {
color: #353d47; }
.flat-blue.landing-page .navbar.affix .navbar-nav > li:hover > a {
color: #3E8ACC; }
@media (max-width: 768px) {
.flat-blue.landing-page .navbar .navbar-collapse {
background-color: #333; }
.flat-blue.landing-page .navbar .navbar-right {
background-color: transparent;
color: #FFF; }
.flat-blue.landing-page .navbar.affix .navbar-nav > li > a {
color: #FFF; } }
.flat-blue.landing-page .navbar.affix .navbar-brand {
color: #353d47; }
.flat-blue.landing-page .navbar.affix .navbar-toggle .icon-bar {
background-color: #353d47; }
.flat-blue.landing-page .app-header .app-btn {
background-color: transparent;
border: 2px solid #FFF; }
.flat-blue.landing-page .app-content-a {
background-color: #EAEAEA; }
