Added search form in header to navigate routes
Change-Id: I5242fcf2c287ed60293e96a0befc8eaac3a38fdd
diff --git a/src/app/core/header/header.html b/src/app/core/header/header.html
index 0a90822..3a277e0 100644
--- a/src/app/core/header/header.html
+++ b/src/app/core/header/header.html
@@ -33,9 +33,16 @@
</div>
<div id="navbar" class="navbar-collapse collapse">
<minimaliza-menu></minimaliza-menu>
- <!--<form class="navbar-form navbar-left">-->
- <!--<input type="text" class="form-control" placeholder="Search data for analysis" style="width: 175px">-->
- <!--</form>-->
+ <form class="navbar-form navbar-left">
+ <input
+ type="text"
+ class="form-control"
+ placeholder="Search core models"
+ style="width: 275px"
+ ng-model="vm.query"
+ uib-typeahead="state.label for state in vm.states | filter:$viewValue | limitTo:8"
+ typeahead-on-select="vm.routeSelected($item, $model, $label)">
+ </form>
<ul class="nav navbar-nav navbar-right">
<!--<li class="dropdown">-->
<!--<a ui-sref="main.versions">-->
diff --git a/src/app/core/header/header.scss b/src/app/core/header/header.scss
index a1be115..263740c 100644
--- a/src/app/core/header/header.scss
+++ b/src/app/core/header/header.scss
@@ -11,7 +11,7 @@
position: absolute;
right: 30px;
bottom: 0;
- color: #24262d;
+ color: lighten(#24262d, 40%);
}
}
diff --git a/src/app/core/header/header.spec.ts b/src/app/core/header/header.spec.ts
index c115a4e..864c5a4 100644
--- a/src/app/core/header/header.spec.ts
+++ b/src/app/core/header/header.spec.ts
@@ -45,12 +45,13 @@
describe('header component', () => {
beforeEach(() => {
angular
- .module('xosHeader', ['app/core/header/header.html'])
+ .module('xosHeader', ['app/core/header/header.html', 'ui.router'])
.component('xosHeader', xosHeader)
.service('SynchronizerStore', MockStore)
.value('toastr', MockToastr)
.value('toastrConfig', MockToastrConfig)
- .value('AuthService', MockAuth);
+ .value('AuthService', MockAuth)
+ .value('NavigationService', {});
angular.mock.module('xosHeader');
});
diff --git a/src/app/core/header/header.ts b/src/app/core/header/header.ts
index 849767f..2aef872 100644
--- a/src/app/core/header/header.ts
+++ b/src/app/core/header/header.ts
@@ -3,24 +3,33 @@
import {IWSEvent} from '../../datasources/websocket/global';
import {IStoreService} from '../../datasources/stores/synchronizer.store';
import {IXosAuthService} from '../../datasources/rest/auth.rest';
+import {IXosNavigationService, IXosNavigationRoute} from '../services/navigation';
+import {IStateService} from 'angular-ui-router';
+import * as _ from 'lodash';
+import * as $ from 'jquery';
export interface INotification extends IWSEvent {
viewed?: boolean;
}
class HeaderController {
- static $inject = ['$scope', 'AuthService', 'SynchronizerStore', 'toastr', 'toastrConfig'];
+ static $inject = ['$scope', '$state', 'AuthService', 'SynchronizerStore', 'toastr', 'toastrConfig', 'NavigationService'];
public notifications: INotification[] = [];
public newNotifications: INotification[] = [];
public version: string;
public userEmail: string;
+ public routeSelected: (route: IXosNavigationRoute) => void;
+ public states: IXosNavigationRoute[];
+ public query: string;
constructor(
private $scope: angular.IScope,
+ private $state: IStateService,
private authService: IXosAuthService,
private syncStore: IStoreService,
private toastr: ng.toastr.IToastrService,
- private toastrConfig: ng.toastr.IToastrConfig
+ private toastrConfig: ng.toastr.IToastrConfig,
+ private NavigationService: IXosNavigationService
) {
this.version = require('../../../../package.json').version;
angular.extend(this.toastrConfig, {
@@ -35,6 +44,39 @@
// tapToDismiss: false
});
+ // TODO set a global event after routes have been loaded
+ window.setTimeout(() => {
+ this.states = this.NavigationService.query().reduce((list, state) => {
+ // if it does not have child (otherwise it is abstract)
+ if (!state.children || state.children.length === 0) {
+ list.push(state);
+ }
+ // else push child
+ if (state.children && state.children.length > 0) {
+ state.children.forEach(c => {
+ list.push(c);
+ });
+ }
+ return list;
+ }, []);
+ console.log(this.states.length);
+ this.states = _.uniqBy(this.states, 'state');
+ console.log(this.states.length);
+ }, 500);
+
+ // listen for keypress
+ $(document).on('keyup', (e) => {
+ if (e.key === 'f') {
+ $('.navbar-form input').focus();
+ }
+ });
+
+ // redirect to selected page
+ this.routeSelected = (item: IXosNavigationRoute) => {
+ this.$state.go(item.state);
+ this.query = null;
+ };
+
this.userEmail = this.authService.getUser() ? this.authService.getUser().email : '';
this.syncStore.query()
diff --git a/src/app/core/index.ts b/src/app/core/index.ts
index a9aa9a6..e1a830e 100644
--- a/src/app/core/index.ts
+++ b/src/app/core/index.ts
@@ -17,7 +17,11 @@
export const xosCore = 'xosCore';
angular
- .module('xosCore', ['ui.router', 'toastr'])
+ .module('xosCore', [
+ 'ui.router',
+ 'toastr',
+ 'ui.bootstrap.typeahead'
+ ])
.config(routesConfig)
.provider('RuntimeStates', RuntimeStates)
.service('NavigationService', NavigationService)
diff --git a/src/app/style/style.scss b/src/app/style/style.scss
index df4f58e..95971fb 100644
--- a/src/app/style/style.scss
+++ b/src/app/style/style.scss
@@ -1 +1,2214 @@
-.btn:active,.btn.active{box-shadow:none}.btn{color:inherit;background-color:transparent}.buttons-margin .btn{margin-bottom:5px}.btn-default{border-color:#585d6e}.btn.btn-w-sm{min-width:80px}.btn.btn-w-md{min-width:120px}.btn.btn-w-lg{min-width:160px}.btn.btn-rounded{border-radius:50px}.btn.btn-squared{border-radius:0}.btn-accent{color:#949ba2;background-color:transparent;border-color:#f6a821}.btn-accent:focus,.btn-accent.focus{color:#ffffff;background-color:rgba(246,168,33,0.1);border-color:#f6a821;outline:0;box-shadow:none}.btn-accent:hover{color:#ffffff;background-color:rgba(246,168,33,0.1);border-color:#f6a821}.btn-accent:active,.btn-accent.active,.open>.dropdown-toggle.btn-accent{color:#ffffff;background-color:rgba(246,168,33,0.1);border-color:#f6a821}.btn-accent:active:hover,.btn-accent.active:hover,.open>.dropdown-toggle.btn-accent:hover,.btn-accent:active:focus,.btn-accent.active:focus,.open>.dropdown-toggle.btn-accent:focus,.btn-accent:active.focus,.btn-accent.active.focus,.open>.dropdown-toggle.btn-accent.focus{color:#ffffff;background-color:rgba(246,168,33,0.1);border-color:#f8bb52;outline:0;box-shadow:none}.btn-accent:active,.btn-accent.active,.open>.dropdown-toggle.btn-accent{background-image:none}.btn-accent.disabled:hover,.btn-accent[disabled]:hover,fieldset[disabled] .btn-accent:hover,.btn-accent.disabled:focus,.btn-accent[disabled]:focus,fieldset[disabled] .btn-accent:focus,.btn-accent.disabled.focus,.btn-accent[disabled].focus,fieldset[disabled] .btn-accent.focus{background-color:rgba(246,168,33,0.1);border-color:#f6a821}.btn-accent .badge{color:transparent;background-color:#949ba2}.btn-default{color:#949ba2;background-color:transparent;border-color:#616779}.btn-default:focus,.btn-default.focus{color:#ffffff;background-color:rgba(97,103,121,0.1);border-color:#616779;outline:0;box-shadow:none}.btn-default:hover{color:#ffffff;background-color:rgba(97,103,121,0.1);border-color:#616779}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#ffffff;background-color:rgba(97,103,121,0.1);border-color:#616779}.btn-default:active:hover,.btn-default.active:hover,.open>.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open>.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open>.dropdown-toggle.btn-default.focus{color:#ffffff;background-color:rgba(97,103,121,0.1);border-color:#798094;outline:0;box-shadow:none}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus{background-color:rgba(97,103,121,0.1);border-color:#616779}.btn-default .badge{color:transparent;background-color:#949ba2}.btn-primary{color:#949ba2;background-color:transparent;border-color:#0F83C9}.btn-primary:focus,.btn-primary.focus{color:#ffffff;background-color:rgba(15,131,201,0.1);border-color:#0F83C9;outline:0;box-shadow:none}.btn-primary:hover{color:#ffffff;background-color:rgba(15,131,201,0.1);border-color:#0F83C9}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#ffffff;background-color:rgba(15,131,201,0.1);border-color:#0F83C9}.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{color:#ffffff;background-color:rgba(15,131,201,0.1);border-color:#1d9fee;outline:0;box-shadow:none}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:rgba(15,131,201,0.1);border-color:#0F83C9}.btn-primary .badge{color:transparent;background-color:#949ba2}.btn-success{color:#949ba2;background-color:transparent;border-color:#1bbf89}.btn-success:focus,.btn-success.focus{color:#ffffff;background-color:rgba(27,191,137,0.1);border-color:#1bbf89;outline:0;box-shadow:none}.btn-success:hover{color:#ffffff;background-color:rgba(27,191,137,0.1);border-color:#1bbf89}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#ffffff;background-color:rgba(27,191,137,0.1);border-color:#1bbf89}.btn-success:active:hover,.btn-success.active:hover,.open>.dropdown-toggle.btn-success:hover,.btn-success:active:focus,.btn-success.active:focus,.open>.dropdown-toggle.btn-success:focus,.btn-success:active.focus,.btn-success.active.focus,.open>.dropdown-toggle.btn-success.focus{color:#ffffff;background-color:rgba(27,191,137,0.1);border-color:#2ce1a5;outline:0;box-shadow:none}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus{background-color:rgba(27,191,137,0.1);border-color:#1bbf89}.btn-success .badge{color:transparent;background-color:#949ba2}.btn-info{color:#949ba2;background-color:transparent;border-color:#56C0E0}.btn-info:focus,.btn-info.focus{color:#ffffff;background-color:rgba(86,192,224,0.1);border-color:#56C0E0;outline:0;box-shadow:none}.btn-info:hover{color:#ffffff;background-color:rgba(86,192,224,0.1);border-color:#56C0E0}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#ffffff;background-color:rgba(86,192,224,0.1);border-color:#56C0E0}.btn-info:active:hover,.btn-info.active:hover,.open>.dropdown-toggle.btn-info:hover,.btn-info:active:focus,.btn-info.active:focus,.open>.dropdown-toggle.btn-info:focus,.btn-info:active.focus,.btn-info.active.focus,.open>.dropdown-toggle.btn-info.focus{color:#ffffff;background-color:rgba(86,192,224,0.1);border-color:#81d0e8;outline:0;box-shadow:none}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus{background-color:rgba(86,192,224,0.1);border-color:#56C0E0}.btn-info .badge{color:transparent;background-color:#949ba2}.btn-warning{color:#949ba2;background-color:transparent;border-color:#f7af3e}.btn-warning:focus,.btn-warning.focus{color:#ffffff;background-color:rgba(247,175,62,0.1);border-color:#f7af3e;outline:0;box-shadow:none}.btn-warning:hover{color:#ffffff;background-color:rgba(247,175,62,0.1);border-color:#f7af3e}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#ffffff;background-color:rgba(247,175,62,0.1);border-color:#f7af3e}.btn-warning:active:hover,.btn-warning.active:hover,.open>.dropdown-toggle.btn-warning:hover,.btn-warning:active:focus,.btn-warning.active:focus,.open>.dropdown-toggle.btn-warning:focus,.btn-warning:active.focus,.btn-warning.active.focus,.open>.dropdown-toggle.btn-warning.focus{color:#ffffff;background-color:rgba(247,175,62,0.1);border-color:#f9c36f;outline:0;box-shadow:none}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus{background-color:rgba(247,175,62,0.1);border-color:#f7af3e}.btn-warning .badge{color:transparent;background-color:#949ba2}.btn-danger{color:#949ba2;background-color:transparent;border-color:#DB524B}.btn-danger:focus,.btn-danger.focus{color:#ffffff;background-color:rgba(219,82,75,0.1);border-color:#DB524B;outline:0;box-shadow:none}.btn-danger:hover{color:#ffffff;background-color:rgba(219,82,75,0.1);border-color:#DB524B}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#ffffff;background-color:rgba(219,82,75,0.1);border-color:#DB524B}.btn-danger:active:hover,.btn-danger.active:hover,.open>.dropdown-toggle.btn-danger:hover,.btn-danger:active:focus,.btn-danger.active:focus,.open>.dropdown-toggle.btn-danger:focus,.btn-danger:active.focus,.btn-danger.active.focus,.open>.dropdown-toggle.btn-danger.focus{color:#ffffff;background-color:rgba(219,82,75,0.1);border-color:#e47b75;outline:0;box-shadow:none}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus{background-color:rgba(219,82,75,0.1);border-color:#DB524B}.btn-danger .badge{color:transparent;background-color:#949ba2}.btn-default:hover,.btn-default:active,.btn-default:active:focus,.btn-default:focus,.btn-default.active{background-color:#3d404c}.btn-link:hover,.btn-link:active,.btn-link:active:focus,.btn-link:focus,.btn-link.active{color:#f6a821;text-decoration:none}.content>div{opacity:0}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2000;position:fixed;margin:auto;top:0;left:0;right:0;bottom:0;height:5px;width:200px;background:#fff;overflow:hidden}.pace .pace-progress{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);max-width:200px;z-index:2000;display:block;position:absolute;top:0;right:100%;height:100%;width:100%;background:#f6a821}.pace.pace-inactive{display:none}.pace-done .content>div{opacity:1}.text-muted{color:#868e96}.text-accent{color:#f6a821}.text-primary{color:#0F83C9}.text-success{color:#1bbf89}.text-info{color:#56C0E0}.text-warning{color:#f7af3e}.text-danger{color:#DB524B}.p-xxs{padding:5px !important}.p-xs{padding:10px !important}.p-sm{padding:15px !important}.p-m{padding:20px !important}.p-md{padding:25px !important}.p-lg{padding:30px !important}.p-xl{padding:40px !important}.m-xxs{margin:2px 4px}.m-xs{margin:5px}.m-sm{margin:10px}.m{margin:15px}.m-md{margin:20px}.m-lg{margin:30px}.m-xl{margin:50px}.m-n{margin:0 !important}.m-l-none{margin-left:0}.m-l-xs{margin-left:5px}.m-l-sm{margin-left:10px}.m-l{margin-left:15px}.m-l-md{margin-left:20px}.m-l-lg{margin-left:30px}.m-l-xl{margin-left:40px}.m-l-n-xxs{margin-left:-1px}.m-l-n-xs{margin-left:-5px}.m-l-n-sm{margin-left:-10px}.m-l-n{margin-left:-15px}.m-l-n-md{margin-left:-20px}.m-l-n-lg{margin-left:-30px}.m-l-n-xl{margin-left:-40px}.m-t-none{margin-top:0}.m-t-xxs{margin-top:1px}.m-t-xs{margin-top:5px}.m-t-sm{margin-top:10px}.m-t{margin-top:15px}.m-t-md{margin-top:20px}.m-t-lg{margin-top:30px}.m-t-xl{margin-top:40px}.m-t-xxl{margin-top:50px}.m-t-xxxl{margin-top:60px}.m-t-n-xxs{margin-top:-1px}.m-t-n-xs{margin-top:-5px}.m-t-n-sm{margin-top:-10px}.m-t-n{margin-top:-15px}.m-t-n-md{margin-top:-20px}.m-t-n-lg{margin-top:-30px}.m-t-n-xl{margin-top:-40px}.m-r-none{margin-right:0}.m-r-xxs{margin-right:1px}.m-r-xs{margin-right:5px}.m-r-sm{margin-right:10px}.m-r{margin-right:15px}.m-r-md{margin-right:20px}.m-r-lg{margin-right:30px}.m-r-xl{margin-right:40px}.m-r-n-xxs{margin-right:-1px}.m-r-n-xs{margin-right:-5px}.m-r-n-sm{margin-right:-10px}.m-r-n{margin-right:-15px}.m-r-n-md{margin-right:-20px}.m-r-n-lg{margin-right:-30px}.m-r-n-xl{margin-right:-40px}.m-b-none{margin-bottom:0}.m-b-xxs{margin-bottom:1px}.m-b-xs{margin-bottom:5px}.m-b-sm{margin-bottom:10px}.m-b{margin-bottom:15px}.m-b-md{margin-bottom:20px}.m-b-lg{margin-bottom:30px}.m-b-xl{margin-bottom:40px}.m-b-n-xxs{margin-bottom:-1px}.m-b-n-xs{margin-bottom:-5px}.m-b-n-sm{margin-bottom:-10px}.m-b-n{margin-bottom:-15px}.m-b-n-md{margin-bottom:-20px}.m-b-n-lg{margin-bottom:-30px}.m-b-n-xl{margin-bottom:-40px}.space-15{margin:15px 0}.space-20{margin:20px 0}.space-25{margin:25px 0}.space-30{margin:30px 0}.label-accent{background-color:#f6a821}body{background:#2f323b;font-family:'Roboto',sans-serif;color:#949ba2}.content{margin-top:60px;margin-left:200px;position:relative;padding:30px;transition:margin-left .3s ease-out;-webkit-transition:margin-left .3s ease-out}.content:before{content:'';position:fixed;top:0;bottom:0;z-index:-2;left:0;right:0;background-image:-webkit-radial-gradient(top, circle cover, #393b45 0, #2d3038 70%);background-image:-moz-radial-gradient(center, circle cover, #393b45 0, #2d3038 70%);background-image:-o-radial-gradient(center, circle cover, #393b45 0, #2d3038 70%);background-image:radial-gradient(center, circle cover, #393b45 0, #2d3038 70%);background-position:50%,50%}.navigation{margin-top:60px;background-color:#24262d;width:200px;position:absolute;left:0;bottom:0;top:0;transition:left .3s ease-out;-webkit-transition:left .3s ease-out}.navigation nav{background-color:#2a2d35}.navigation:before{transition:left .3s ease-out;-webkit-transition:left .3s ease-out;content:'';position:fixed;top:0;bottom:0;z-index:-1;left:0;background-color:#24262d;width:200px}body.nav-toggle .content{margin-left:0}body.nav-toggle .navigation{left:-200px}body.nav-toggle .navigation:before{left:-200px}@media (max-width:767px){.content{margin-left:0;padding:30px 0 10px 0}.navigation{left:-200px;z-index:2}.navigation:before{left:-200px}body.nav-toggle .content{margin-left:0}body.nav-toggle .navigation{left:0;z-index:2}body.nav-toggle .navigation:before{left:0}}body.blank .content{margin:0}.container-center{max-width:400px;margin:10% auto 0;padding:20px}.container-center.sm{max-width:200px}.container-center.md{max-width:600px}.container-center.lg{max-width:800px}a{color:#f6a821;text-decoration:none}a:hover,a:focus{color:#f8bb52;outline:none}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #3d404c}code{padding:2px 4px;font-size:90%;color:#f6a821;background-color:#24262d;border-radius:3px}pre{font-size:90%;color:#949ba2;background-color:#24262d;border-radius:3px;border:none}mark{background-color:#e9e599;border-radius:2px;padding:.1em .4em}label{color:#ffffff;font-weight:500}sup{font-size:12px;top:-0.8em}.help-block{color:#6d757d}.bs-example{background-color:#2f323b;padding:10px;border-radius:3px}.show-grid [class^="col-"]{background-color:#2f323b !important;border:1px solid #3d404c;padding-bottom:10px;padding-top:10px}.slight{font-size:11px;font-weight:300}.show-grid{margin:10px 0 !important}.row{margin-left:-10px;margin-right:-10px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{padding-left:10px;padding-right:10px}.font-example-box:hover{color:#ffffff}.font-example-box{text-align:center;min-height:90px;margin:10px 0;font-size:42px}.font-example-box i{font-size:22px}.icon-example-name{display:block;font-size:11px}.back-link{float:left;width:100%;margin:10px}.ui-sortable .panel-body{cursor:move}.ui-sortable-placeholder{border:1px dashed #535868 !important;visibility:visible !important}.navbar{min-height:60px}.navbar-default .navbar-brand,.navbar-default .navbar-brand:focus{width:200px;background-color:#f6a821;height:60px;padding:20px 25px;font-weight:400;letter-spacing:10px;color:#FFFFFF}.navbar-default .navbar-brand{color:#FFFFFF}.navbar-default .navbar-brand:hover{color:#FFFFFF;background-color:#f5a212}.navbar-brand span{letter-spacing:normal;float:right;font-size:12px;margin-left:-15px;color:#fce2b4}.navbar-default{border-bottom:none;background-color:#FFFFFF}.left-nav-toggle{float:left;padding:9px 10px 8px 25px}.left-nav-toggle:hover a{color:#f6a821}.left-nav-toggle a{font-size:30px;color:#949ba2}.navbar-default .navbar-nav>li>a{color:#6a727a}.left-nav-toggle a:hover,.left-nav-toggle a:focus{text-decoration:none}.navbar-form{margin-top:11px;padding:0}.navbar-form input.form-control{border:none;box-shadow:none;color:#949ba2}.navbar-form input.form-control::-webkit-input-placeholder{color:#6f7780}.navbar-form input.form-control:-moz-placeholder{color:#6f7780}.navbar-form input.form-control::-moz-placeholder{color:#6f7780}.navbar-form input.form-control:-ms-input-placeholder{color:#6f7780}.navbar-nav>li>a{padding:20px 15px;text-transform:uppercase;font-weight:500}.navbar-nav>li:first-child>a{padding-left:0}.navbar-nav>li:last-child>a{padding:10px 25px 10px 15px}.navbar-nav.navbar-right a .label{margin:-5px 0 0 5px}.profil-link img{height:40px;margin-left:10px}.profil-link .profile-address{text-transform:lowercase}#mobile-menu{display:none}@media (max-width:767px){#mobile-menu{display:block}}#mobile-menu{float:right}#mobile-menu .left-nav-toggle{padding-right:25px}.luna-nav.nav{padding-top:15px}.luna-nav.nav li>a,.luna-nav.nav .nav-category{padding:8px 15px 8px 25px;margin:0 0}.luna-nav.nav .nav-info{margin-top:50px;padding:20px 25px 25px 25px;font-size:12px;background-color:#24262d}.luna-nav.nav .nav-info i{font-size:34px}.luna-nav.nav .nav-second li>a{padding-left:40px}.luna-nav.nav li.active .nav-second li>a{padding-left:40px;border-left:none;color:#848c94}.luna-nav.nav li.active .nav-second li.active a{padding-left:34px;border-left:6px solid #c37e08;color:#c0c4c8}.luna-nav.nav li.active .nav-second li a:hover{color:#c0c4c8}.luna-nav.nav li>a{color:#848c94}.luna-nav.nav li.active a{border-left:6px solid #f6a821;padding-left:19px;color:#c0c4c8}.luna-nav.nav li a:hover,.luna-nav.nav li a:focus{color:#c0c4c8;background:inherit}.luna-nav.nav .nav-category{color:#FFFFFF;margin-top:10px}.luna-nav.nav .sub-nav-icon{float:right;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}.panel{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#949ba2;border-radius:3px}.panel .panel-body{padding:5px 15px 15px 15px}.panel.panel-filled .panel-body{padding-top:10px}.panel .panel-footer{background-color:transparent;border:none}.panel>.panel-heading{color:#ffffff}.panel-tools{display:inline-block;float:right;margin-top:0;padding:0;position:relative}.panel-tools a{margin-left:2px;color:#949ba2;cursor:pointer}.panel-tools a:hover{color:#ffffff}.panel.panel-c-white{border-left:3px solid #949ba2}.panel.panel-c-accent{border-left:3px solid #f6a821}.panel.panel-c-primary{border-left:3px solid #0F83C9}.panel.panel-c-warning{border-left:3px solid #f7af3e}.panel.panel-c-info{border-left:3px solid #56C0E0}.panel.panel-c-success{border-left:3px solid #1bbf89}.panel.panel-c-danger{border-left:3px solid #DB524B}.panel.panel-b-accent{background-color:#f6a821;color:#ffffff}.panel.panel-b-white{background-color:white;color:#61686f}.panel.panel-b-white .panel-heading{color:#61686f}.panel.panel-b-white .panel-footer{color:#61686f}.panel.panel-filled{background-color:rgba(68,70,79,0.5)}.view-header{margin:20px 0;min-height:50px;padding:0 15px}.view-header .header-icon{font-size:60px;color:#f6a821;width:68px;float:left;margin-top:-8px;line-height:0}.view-header .header-title{margin-left:68px}.view-header .header-title h3{margin-bottom:2px}.panel.collapsed .panel-body,.panel.collapsed .panel-footer{display:none}.panel.collapsed .fa.fa-chevron-up:before{content:"\f078"}.panel.collapsed .fa.fa-chevron-down:before{content:"\f077"}.pagination>li>a,.pagination>li>span{color:#949ba2;background-color:transparent;border:1px solid #585d6e}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#ffffff;background-color:rgba(97,103,121,0.1);border-color:#616779}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{color:#ffffff;background-color:rgba(97,103,121,0.1);border-color:#616779}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#949ba2;background-color:transparent;border-color:#4a4f5d}.progress{border-radius:2px;margin-bottom:10px}.progress-bar{background-color:#2f323b;text-align:right;padding-right:10px;color:#949ba2}.progress-small,.progress-small .progress-bar{height:10px}.progress-bar-primary{border-right:4px solid #0d74b1}.progress-bar-success{border-right:4px solid #18a979}.progress-bar-info{border-right:4px solid #0d74b1}.progress-bar-warning{border-right:4px solid #f6a526}.progress-bar-danger{border-right:4px solid #d73e36}.full .progress-bar-success{background-color:#1bbf89;border-right:4px solid #18a979}.full .progress-bar-info{background-color:#0F83C9;border-right:4px solid #0d74b1}.full .progress-bar-warning{background-color:#f7af3e;border-right:4px solid #f6a526}.full .progress-bar-danger{background-color:#DB524B;border-right:4px solid #d73e36}.full .progress-bar-primary{background-color:#0F83C9;border-right:4px solid #0d74b1}.full .progress-bar{color:#ffffff}.modal-content{background-color:#21242a}.modal-content .modal-title{font-size:22px}.modal-content .modal-header{border-color:#3d404c;background-color:#1d1f24;padding:40px 20px}.modal-content .modal-body{padding:40px}.modal-content .modal-footer{border-color:#3d404c;background-color:#1d1f24;padding:20px}.modal-backdrop.in{filter:alpha(opacity=10);opacity:.1}h1,h2,h3,h4,h5,h6{color:#FFFFFF}h1,.h1,h2,.h2,h3,.h3{margin-top:10px}.c-accent{color:#f6a821}.c-white{color:#FFFFFF}.c-text{color:#949ba2}.font-light{font-weight:300}.font-normal{font-weight:400}.font-bold{font-weight:600}.font-extra-bold{font-weight:700}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{color:#a4aab0}.label-default{background-color:#44464f}.label-primary{background-color:#0F83C9}.label-success{background-color:#1bbf89}.label-info{background-color:#56C0E0}.label-warning{background-color:#f7af3e}.label-danger{background-color:#DB524B}.badge{background-color:transparent;border:1px solid #44464f;font-weight:300;color:#aaacb5}.vertical-container{width:98%;margin:0 auto}.vertical-container::after{content:'';display:table;clear:both}.v-timeline{position:relative;padding:0;margin-top:2em;margin-bottom:2em}.v-timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:#3d404c}.vertical-timeline-content .btn{float:right}.vertical-timeline-block{position:relative;margin:2em 0}.vertical-timeline-block:after{content:"";display:table;clear:both}.vertical-timeline-block:first-child{margin-top:0}.vertical-timeline-block:last-child{margin-bottom:0}.vertical-timeline-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;font-size:16px;border:1px solid #3d404c;text-align:center;background:#2f323b;color:#ffffff}.vertical-timeline-icon i{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-9px}.vertical-timeline-content{position:relative;margin-left:60px;background-color:rgba(68,70,79,0.5);border-radius:.25em;border:1px solid #3d404c}.vertical-timeline-content:after{content:"";display:table;clear:both}.vertical-timeline-content h2{font-weight:400;margin-top:4px}.vertical-timeline-content p{margin:1em 0 0 0;line-height:1.6}.vertical-timeline-content .vertical-date{font-weight:500;text-align:right}.vertical-date small{color:#ffffff;font-weight:400}.vertical-timeline-content:after,.vertical-timeline-content:before{right:100%;top:20px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.vertical-timeline-content:after{border-color:transparent;border-right-color:#3d404c;border-width:10px;margin-top:-10px}.vertical-timeline-content:before{border-color:transparent;border-right-color:#3d404c;border-width:11px;margin-top:-11px}.vertical-timeline-content h2{font-size:16px}.dd{position:relative;display:block;margin:0;padding:0;list-style:none;line-height:20px}.dd-list{display:block;position:relative;margin:0;padding:0;list-style:none}.dd-list .dd-list{padding-left:30px}.dd-collapsed .dd-list{display:none}.dd-item,.dd-empty,.dd-placeholder{display:block;position:relative;margin:0;padding:0;min-height:20px;line-height:20px}.dd-handle{display:block;margin:5px 0;padding:10px 10px;color:#949ba2;text-decoration:none;border:1px solid #3d404c;background-color:rgba(68,70,79,0.5);-webkit-border-radius:3px;border-radius:3px;box-sizing:border-box;-moz-box-sizing:border-box}.dd-handle span{font-weight:bold}.dd-handle:hover{background-color:rgba(68,70,79,0.8);cursor:pointer}.dd-item>button{display:block;position:relative;cursor:pointer;float:left;width:25px;height:20px;margin:10px 0;padding:0;text-indent:100%;white-space:nowrap;overflow:hidden;border:0;background:transparent;font-size:12px;line-height:1;text-align:center;font-weight:bold}.dd-item>button:before{content:'+';display:block;position:absolute;width:100%;text-align:center;text-indent:0}.dd-item>button[data-action="collapse"]:before{content:'-'}.dd-placeholder,.dd-empty{margin:5px 0;padding:0;min-height:30px;background:transparent;border:1px dashed #535868;box-sizing:border-box;-moz-box-sizing:border-box}.dd-empty{border:1px dashed #3d404c;min-height:100px;background-color:transparent;background-size:60px 60px;background-position:0 0,30px 30px}.dd-dragel{position:absolute;z-index:9999;pointer-events:none}.dd-dragel>.dd-item .dd-handle{margin-top:0}.dd-dragel .dd-handle{-webkit-box-shadow:2px 4px 6px 0 rgba(0,0,0,0.1);box-shadow:2px 4px 6px 0 rgba(0,0,0,0.1)}.nestable-lists{display:block;clear:both;padding:30px 0;width:100%;border:0;border-top:2px solid #e4e5e7;border-bottom:2px solid #e4e5e7}#nestable-menu{padding:0;margin:10px 0 20px 0}#nestable-output{width:100%;font-size:.75em;line-height:1.333333em;font-family:open sans,lucida grande,lucida sans unicode,helvetica,arial,sans-serif;padding:5px;box-sizing:border-box;-moz-box-sizing:border-box}#nestable-output{font-size:14px;padding:25px;box-sizing:border-box;-moz-box-sizing:border-box}.nav-tabs{border:none}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{background-color:rgba(68,70,79,0.5);color:#ffffff;border-width:0 0 1px 0}.tab-pane .panel-body{border-top:none;background-color:rgba(68,70,79,0.5);margin-bottom:20px}.nav-tabs>li a:hover{background:transparent;border-color:transparent}.nav-tabs>li>a{color:#949ba2}.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{border-bottom:0}.tabs-left .panel-body{position:static}.tabs-left>.nav-tabs,.tabs-right>.nav-tabs{width:20%}.tabs-left .panel-body{width:80%;margin-left:20%}.tabs-right .panel-body{width:80%;margin-right:20%}.tab-content>.tab-pane,.pill-content>.pill-pane{display:none}.tab-content>.active,.pill-content>.active{display:block}.tabs-below>.nav-tabs>li{margin-bottom:0}.tabs-below>.nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none}.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{margin-right:0;margin-bottom:3px}.tabs-left>.nav-tabs{float:left;margin-right:19px}.tabs-left>.nav-tabs>li>a{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.tabs-right>.nav-tabs{float:right;margin-left:19px}.tabs-right>.nav-tabs>li>a{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{border-top:1px solid #3d404c}.table>thead>tr>th{border-bottom:none}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(68,70,79,0.5)}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#494b54}.table-hover>tbody>tr:hover{background-color:#494b54}.table-bordered,.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border-color:#3d404c}.panel-filled .table>thead>tr>th,.panel-filled .table>tbody>tr>th,.panel-filled .table>tfoot>tr>th,.panel-filled .table>thead>tr>td,.panel-filled .table>tbody>tr>td,.panel-filled .table>tfoot>tr>td{border-color:#484c5a}.panel-filled .table-bordered,.panel-filled .table-bordered>thead>tr>th,.panel-filled .table-bordered>tbody>tr>th,.panel-filled .table-bordered>tfoot>tr>th,.panel-filled .table-bordered>thead>tr>td,.panel-filled .table-bordered>tbody>tr>td,.panel-filled .table-bordered>tfoot>tr>td{border-color:#484c5a}.panel-filled .table-striped>tbody>tr:nth-of-type(odd){background-color:#44464f}.panel-filled .table-hover>tbody>tr:hover{background-color:#494b54}th{color:#ffffff}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:rgba(27,191,137,0.2);border:none}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#18a979}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:rgba(86,192,224,0.2);border:none}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#40b8dc}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:rgba(247,175,62,0.2);border:none}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#f6a526}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:rgba(219,82,75,0.2);border:none}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#d73e36}div.dt-button-info{background-color:#21242a;border-radius:6px;border:none}div.dt-button-info h2{background-color:transparent;border-color:#3d404c}.table-responsive{border-color:#484c5a !important}.alert-success{color:#ffffff;border-color:#1bbf89;background-color:#1bbf89}.alert-success .alert-link{color:#1bbf89}.alert-warning{color:#ffffff;border-color:#f7af3e;background-color:#f7af3e}.alert-warning .alert-link{color:#f7af3e}.alert-info{color:#ffffff;border-color:#56C0E0;background-color:#56C0E0}.alert-info .alert-link{color:#56C0E0}.alert-danger{color:#ffffff;border-color:#DB524B;background-color:#DB524B}.alert-danger .alert-link{color:#DB524B}.toast-success{color:#ffffff;border-color:#1bbf89;background-color:#1bbf89}.toast-warning{color:#ffffff;border-color:#f7af3e;background-color:#f7af3e}.toast-info{color:#ffffff;border-color:#56C0E0;background-color:#56C0E0}.toast-error{color:#ffffff;border-color:#DB524B;background-color:#DB524B}#toast-container>div,#toast-container .toast{opacity:1;margin-top:20px;border-radius:4px;-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);-moz-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}#toast-container>div:hover,#toast-container .toast:hover{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.7);-moz-box-shadow:0 5px 15px rgba(0,0,0,0.7);box-shadow:0 5px 15px rgba(0,0,0,0.7)}#toast-container.toast-top-right>div{margin-top:60px}.form-control{color:#949ba2;border:none;border-radius:4px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;-o-transition:none;transition:none;background-color:#494b54}.form-control:focus{-webkit-box-shadow:none;box-shadow:none}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#2c2e34;opacity:1}.navbar-form .form-control{background-color:#ffffff}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#159269}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#f59b0d}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#cb3029}.has-success .form-control{border-color:#159269;border-style:solid;border-width:1px;-webkit-box-shadow:none !important;box-shadow:none !important}.has-warning .form-control{border-color:#f59b0d;border-style:solid;border-width:1px;-webkit-box-shadow:none !important;box-shadow:none !important}.has-error .form-control{border-color:#cb3029;border-style:solid;border-width:1px;-webkit-box-shadow:none !important;box-shadow:none !important}.support-question a{color:#949ba2}.support-question a:hover{text-decoration:none}.support-question a:focus{text-decoration:none}.support-question:hover{background-color:rgba(68,70,79,0.7)}.support-question.active{border-left:3px solid #f6a821}.support-question.active .panel-body{padding-left:13px}.flot-chart{display:block;height:300px;position:relative;color:#545454}.flot-chart-analytics{margin-top:10px;margin-bottom:10px;display:block;height:150px;position:relative}.flot-chart-content{width:100%;height:100%;color:#545454}.flot-text{color:#949ba2 !important}.jqstooltip{padding:5px !important;border:none !important;border-radius:10px;background-color:#f6a821 !important;width:auto !important;height:auto !important}.hoverinfo{background-color:#f6a821 !important;box-shadow:0 5px 15px rgba(0,0,0,0.5) !important;-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5) !important;border:none !important;border-radius:4px !important;color:#ffffff !important;padding:6px 12px !important}
\ No newline at end of file
+.btn:active,.btn.active{
+box-shadow:none
+}
+
+.btn{
+color:inherit;
+background-color:transparent
+}
+
+.buttons-margin .btn{
+
+margin-bottom:5px
+}
+
+.btn-default{
+border-color:#585d6e
+}
+
+.btn.btn-w-sm{
+min-width:80px
+}
+
+.btn.btn-w-md{
+min-width:120px
+}
+
+.btn.btn-w-lg{
+min-width:160px
+}
+
+.btn.btn-rounded{
+border-radius:50px
+}
+
+.btn.btn-squared{
+border-radius:0
+}
+
+.btn-accent{
+color:#949ba2;
+background-color:transparent;
+border-color:#f6a821
+}
+
+.btn-accent:focus,.btn-accent.focus{
+color:#ffffff;
+background-color:rgba(246,168,33,0.1);
+border-color:#f6a821;
+outline:0;
+box-shadow:none
+}
+
+.btn-accent:hover{
+color:#ffffff;
+background-color:rgba(246,168,33,0.1);
+border-color:#f6a821
+}
+
+.btn-accent:active,.btn-accent.active,.open>.dropdown-toggle.btn-accent{
+color:#ffffff;
+background-color:rgba(246,168,33,0.1);
+border-color:#f6a821
+}
+
+.btn-accent:active:hover,.btn-accent.active:hover,.open>.dropdown-toggle.btn-accent:hover,.btn-accent:active:focus,.btn-accent.active:focus,.open>.dropdown-toggle.btn-accent:focus,.btn-accent:active.focus,.btn-accent.active.focus,.open>.dropdown-toggle.btn-accent.focus{
+color:#ffffff;
+background-color:rgba(246,168,33,0.1);
+border-color:#f8bb52;
+outline:0;
+box-shadow:none
+}
+
+.btn-accent:active,.btn-accent.active,.open>.dropdown-toggle.btn-accent{
+background-image:none
+}
+
+.btn-accent.disabled:hover,.btn-accent[disabled]:hover,fieldset[disabled] .btn-accent:hover,.btn-accent.disabled:focus,.btn-accent[disabled]:focus,fieldset[disabled] .btn-accent:focus,.btn-accent.disabled.focus,.btn-accent[disabled].focus,fieldset[disabled] .btn-accent.focus{
+background-color:rgba(246,168,33,0.1);
+border-color:#f6a821
+}
+
+.btn-accent .badge{
+color:transparent;
+background-color:#949ba2
+}
+
+.btn-default{
+color:#949ba2;
+background-color:transparent;
+border-color:#616779
+}
+
+.btn-default:focus,.btn-default.focus{
+color:#ffffff;
+background-color:rgba(97,103,121,0.1);
+border-color:#616779;
+outline:0;
+box-shadow:none
+}
+
+.btn-default:hover{
+color:#ffffff;
+background-color:rgba(97,103,121,0.1);
+border-color:#616779
+}
+
+.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{
+color:#ffffff;
+background-color:rgba(97,103,121,0.1);
+border-color:#616779
+}
+
+.btn-default:active:hover,.btn-default.active:hover,.open>.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open>.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open>.dropdown-toggle.btn-default.focus{
+color:#ffffff;
+background-color:rgba(97,103,121,0.1);
+border-color:#798094;
+outline:0;
+box-shadow:none
+}
+
+.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{
+background-image:none
+}
+
+.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus{
+background-color:rgba(97,103,121,0.1);
+border-color:#616779
+}
+
+.btn-default .badge{
+color:transparent;
+background-color:#949ba2
+}
+
+.btn-primary{
+color:#949ba2;
+background-color:transparent;
+border-color:#0F83C9
+}
+
+.btn-primary:focus,.btn-primary.focus{
+color:#ffffff;
+background-color:rgba(15,131,201,0.1);
+border-color:#0F83C9;
+outline:0;
+box-shadow:none
+}
+
+.btn-primary:hover{
+color:#ffffff;
+background-color:rgba(15,131,201,0.1);
+border-color:#0F83C9
+}
+
+.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{
+color:#ffffff;
+background-color:rgba(15,131,201,0.1);
+border-color:#0F83C9
+}
+
+.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{
+color:#ffffff;
+background-color:rgba(15,131,201,0.1);
+border-color:#1d9fee;
+outline:0;
+box-shadow:none
+}
+
+.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{
+background-image:none
+}
+
+.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{
+background-color:rgba(15,131,201,0.1);
+border-color:#0F83C9
+}
+
+.btn-primary .badge{
+color:transparent;
+background-color:#949ba2
+}
+
+.btn-success{
+color:#949ba2;
+background-color:transparent;
+border-color:#1bbf89
+}
+
+.btn-success:focus,.btn-success.focus{
+color:#ffffff;
+background-color:rgba(27,191,137,0.1);
+border-color:#1bbf89;
+outline:0;
+box-shadow:none
+}
+
+.btn-success:hover{
+color:#ffffff;
+background-color:rgba(27,191,137,0.1);
+border-color:#1bbf89
+}
+
+.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{
+color:#ffffff;
+background-color:rgba(27,191,137,0.1);
+border-color:#1bbf89
+}
+
+.btn-success:active:hover,.btn-success.active:hover,.open>.dropdown-toggle.btn-success:hover,.btn-success:active:focus,.btn-success.active:focus,.open>.dropdown-toggle.btn-success:focus,.btn-success:active.focus,.btn-success.active.focus,.open>.dropdown-toggle.btn-success.focus{
+color:#ffffff;
+background-color:rgba(27,191,137,0.1);
+border-color:#2ce1a5;
+outline:0;
+box-shadow:none
+}
+
+.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{
+background-image:none
+}
+
+.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus{
+background-color:rgba(27,191,137,0.1);
+border-color:#1bbf89
+}
+
+.btn-success .badge{
+color:transparent;
+background-color:#949ba2
+}
+
+.btn-info{
+color:#949ba2;
+background-color:transparent;
+border-color:#56C0E0
+}
+
+.btn-info:focus,.btn-info.focus{
+color:#ffffff;
+background-color:rgba(86,192,224,0.1);
+border-color:#56C0E0;
+outline:0;
+box-shadow:none
+}
+
+.btn-info:hover{
+color:#ffffff;
+background-color:rgba(86,192,224,0.1);
+border-color:#56C0E0
+}
+
+.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{
+color:#ffffff;
+background-color:rgba(86,192,224,0.1);
+border-color:#56C0E0
+}
+
+.btn-info:active:hover,.btn-info.active:hover,.open>.dropdown-toggle.btn-info:hover,.btn-info:active:focus,.btn-info.active:focus,.open>.dropdown-toggle.btn-info:focus,.btn-info:active.focus,.btn-info.active.focus,.open>.dropdown-toggle.btn-info.focus{
+color:#ffffff;
+background-color:rgba(86,192,224,0.1);
+border-color:#81d0e8;
+outline:0;
+box-shadow:none
+}
+
+.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{
+background-image:none
+}
+
+.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus{
+background-color:rgba(86,192,224,0.1);
+border-color:#56C0E0
+}
+
+.btn-info .badge{
+color:transparent;
+background-color:#949ba2
+}
+
+.btn-warning{
+color:#949ba2;
+background-color:transparent;
+border-color:#f7af3e
+}
+
+.btn-warning:focus,.btn-warning.focus{
+color:#ffffff;
+background-color:rgba(247,175,62,0.1);
+border-color:#f7af3e;
+outline:0;
+box-shadow:none
+}
+
+.btn-warning:hover{
+color:#ffffff;
+background-color:rgba(247,175,62,0.1);
+border-color:#f7af3e
+}
+
+.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{
+color:#ffffff;
+background-color:rgba(247,175,62,0.1);
+border-color:#f7af3e
+}
+
+.btn-warning:active:hover,.btn-warning.active:hover,.open>.dropdown-toggle.btn-warning:hover,.btn-warning:active:focus,.btn-warning.active:focus,.open>.dropdown-toggle.btn-warning:focus,.btn-warning:active.focus,.btn-warning.active.focus,.open>.dropdown-toggle.btn-warning.focus{
+color:#ffffff;
+background-color:rgba(247,175,62,0.1);
+border-color:#f9c36f;
+outline:0;
+box-shadow:none
+}
+
+.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{
+background-image:none
+}
+
+.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus{
+background-color:rgba(247,175,62,0.1);
+border-color:#f7af3e
+}
+
+.btn-warning .badge{
+color:transparent;
+background-color:#949ba2
+}
+
+.btn-danger{
+color:#949ba2;
+background-color:transparent;
+border-color:#DB524B
+}
+
+.btn-danger:focus,.btn-danger.focus{
+color:#ffffff;
+background-color:rgba(219,82,75,0.1);
+border-color:#DB524B;
+outline:0;
+box-shadow:none
+}
+
+.btn-danger:hover{
+color:#ffffff;
+background-color:rgba(219,82,75,0.1);
+border-color:#DB524B
+}
+
+.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{
+color:#ffffff;
+background-color:rgba(219,82,75,0.1);
+border-color:#DB524B
+}
+
+.btn-danger:active:hover,.btn-danger.active:hover,.open>.dropdown-toggle.btn-danger:hover,.btn-danger:active:focus,.btn-danger.active:focus,.open>.dropdown-toggle.btn-danger:focus,.btn-danger:active.focus,.btn-danger.active.focus,.open>.dropdown-toggle.btn-danger.focus{
+color:#ffffff;
+background-color:rgba(219,82,75,0.1);
+border-color:#e47b75;
+outline:0;
+box-shadow:none
+}
+
+.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{
+background-image:none
+}
+
+.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus{
+background-color:rgba(219,82,75,0.1);
+border-color:#DB524B
+}
+
+.btn-danger .badge{
+color:transparent;
+background-color:#949ba2
+}
+
+.btn-default:hover,.btn-default:active,.btn-default:active:focus,.btn-default:focus,.btn-default.active{
+background-color:#3d404c
+}
+
+.btn-link:hover,.btn-link:active,.btn-link:active:focus,.btn-link:focus,.btn-link.active{
+color:#f6a821;
+text-decoration:none
+}
+
+.content>div{
+opacity:0
+}
+
+.pace{
+-webkit-pointer-events:none;
+pointer-events:none;
+-webkit-user-select:none;
+-moz-user-select:none;
+user-select:none;
+z-index:2000;
+position:fixed;
+margin:auto;
+top:0;
+left:0;
+right:0;
+bottom:0;
+height:5px;
+width:200px;
+background:#fff;
+overflow:hidden
+}
+
+.pace .pace-progress{
+-webkit-box-sizing:border-box;
+-moz-box-sizing:border-box;
+-ms-box-sizing:border-box;
+-o-box-sizing:border-box;
+box-sizing:border-box;
+-webkit-transform:translate3d(0, 0, 0);
+-moz-transform:translate3d(0, 0, 0);
+-ms-transform:translate3d(0, 0, 0);
+-o-transform:translate3d(0, 0, 0);
+transform:translate3d(0, 0, 0);
+max-width:200px;
+z-index:2000;
+display:block;
+position:absolute;
+top:0;
+right:100%;
+height:100%;
+width:100%;
+background:#f6a821
+}
+
+.pace.pace-inactive{
+display:none
+}
+
+.pace-done .content>div{
+opacity:1
+}
+
+.text-muted{
+color:#868e96
+}
+
+.text-accent{
+color:#f6a821
+}
+
+.text-primary{
+color:#0F83C9
+}
+
+.text-success{
+color:#1bbf89
+}
+
+.text-info{
+color:#56C0E0
+}
+
+.text-warning{
+color:#f7af3e
+}
+
+.text-danger{
+color:#DB524B
+}
+
+.p-xxs{
+padding:5px !important
+}
+
+.p-xs{
+padding:10px !important
+}
+
+.p-sm{
+padding:15px !important
+}
+
+.p-m{
+padding:20px !important
+}
+
+.p-md{
+padding:25px !important
+}
+
+.p-lg{
+padding:30px !important
+}
+
+.p-xl{
+padding:40px !important
+}
+
+.m-xxs{
+margin:2px 4px
+}
+
+.m-xs{
+margin:5px
+}
+
+.m-sm{
+margin:10px
+}
+
+.m{
+margin:15px
+}
+
+.m-md{
+margin:20px
+}
+
+.m-lg{
+margin:30px
+}
+
+.m-xl{
+margin:50px
+}
+
+.m-n{
+margin:0 !important
+}
+
+.m-l-none{
+margin-left:0
+}
+
+.m-l-xs{
+margin-left:5px
+}
+
+.m-l-sm{
+margin-left:10px
+}
+
+.m-l{
+margin-left:15px
+}
+
+.m-l-md{
+margin-left:20px
+}
+
+.m-l-lg{
+margin-left:30px
+}
+
+.m-l-xl{
+margin-left:40px
+}
+
+.m-l-n-xxs{
+margin-left:-1px
+}
+
+.m-l-n-xs{
+margin-left:-5px
+}
+
+.m-l-n-sm{
+margin-left:-10px
+}
+
+.m-l-n{
+margin-left:-15px
+}
+
+.m-l-n-md{
+margin-left:-20px
+}
+
+.m-l-n-lg{
+margin-left:-30px
+}
+
+.m-l-n-xl{
+margin-left:-40px
+}
+
+.m-t-none{
+margin-top:0
+}
+
+.m-t-xxs{
+margin-top:1px
+}
+
+.m-t-xs{
+margin-top:5px
+}
+
+.m-t-sm{
+margin-top:10px
+}
+
+.m-t{
+margin-top:15px
+}
+
+.m-t-md{
+margin-top:20px
+}
+
+.m-t-lg{
+margin-top:30px
+}
+
+.m-t-xl{
+margin-top:40px
+}
+
+.m-t-xxl{
+margin-top:50px
+}
+
+.m-t-xxxl{
+margin-top:60px
+}
+
+.m-t-n-xxs{
+margin-top:-1px
+}
+
+.m-t-n-xs{
+margin-top:-5px
+}
+
+.m-t-n-sm{
+margin-top:-10px
+}
+
+.m-t-n{
+margin-top:-15px
+}
+
+.m-t-n-md{
+margin-top:-20px
+}
+
+.m-t-n-lg{
+margin-top:-30px
+}
+
+.m-t-n-xl{
+margin-top:-40px
+}
+
+.m-r-none{
+margin-right:0
+}
+
+.m-r-xxs{
+margin-right:1px
+}
+
+.m-r-xs{
+margin-right:5px
+}
+
+.m-r-sm{
+margin-right:10px
+}
+
+.m-r{
+margin-right:15px
+}
+
+.m-r-md{
+margin-right:20px
+}
+
+.m-r-lg{
+margin-right:30px
+}
+
+.m-r-xl{
+margin-right:40px
+}
+
+.m-r-n-xxs{
+margin-right:-1px
+}
+
+.m-r-n-xs{
+margin-right:-5px
+}
+
+.m-r-n-sm{
+margin-right:-10px
+}
+
+.m-r-n{
+margin-right:-15px
+}
+
+.m-r-n-md{
+margin-right:-20px
+}
+
+.m-r-n-lg{
+margin-right:-30px
+}
+
+.m-r-n-xl{
+margin-right:-40px
+}
+
+.m-b-none{
+margin-bottom:0
+}
+
+.m-b-xxs{
+margin-bottom:1px
+}
+
+.m-b-xs{
+margin-bottom:5px
+}
+
+.m-b-sm{
+margin-bottom:10px
+}
+
+.m-b{
+margin-bottom:15px
+}
+
+.m-b-md{
+margin-bottom:20px
+}
+
+.m-b-lg{
+margin-bottom:30px
+}
+
+.m-b-xl{
+margin-bottom:40px
+}
+
+.m-b-n-xxs{
+margin-bottom:-1px
+}
+
+.m-b-n-xs{
+margin-bottom:-5px
+}
+
+.m-b-n-sm{
+margin-bottom:-10px
+}
+
+.m-b-n{
+margin-bottom:-15px
+}
+
+.m-b-n-md{
+margin-bottom:-20px
+}
+
+.m-b-n-lg{
+margin-bottom:-30px
+}
+
+.m-b-n-xl{
+margin-bottom:-40px
+}
+
+.space-15{
+margin:15px 0
+}
+
+.space-20{
+margin:20px 0
+}
+
+.space-25{
+margin:25px 0
+}
+
+.space-30{
+margin:30px 0
+}
+
+.label-accent{
+background-color:#f6a821
+}
+body{
+background:#2f323b;
+font-family:'Roboto',sans-serif;
+color:#949ba2
+}
+
+.content{
+margin-top:60px;
+margin-left:200px;
+position:relative;
+padding:30px;
+transition:margin-left .3s ease-out;
+-webkit-transition:margin-left .3s ease-out
+}
+
+.content:before{
+content:'';
+position:fixed;
+top:0;
+bottom:0;
+z-index:-2;
+left:0;
+right:0;
+background-image:radial-gradient(center, circle cover, #393b45 0, #2d3038 70%);
+background-position:50%,50%
+}
+
+.navigation{
+margin-top:60px;
+background-color:#24262d;
+width:200px;
+position:absolute;
+left:0;
+bottom:0;
+top:0;
+transition:left .3s ease-out;
+-webkit-transition:left .3s ease-out
+}
+
+.navigation nav{
+background-color:#2a2d35
+}
+
+.navigation:before{
+transition:left .3s ease-out;
+-webkit-transition:left .3s ease-out;
+content:'';
+position:fixed;
+top:0;
+bottom:0;
+z-index:-1;
+left:0;
+background-color:#24262d;
+width:200px
+}
+
+body.nav-toggle .content{
+margin-left:0
+}
+
+body.nav-toggle .navigation{
+left:-200px
+}
+
+body.nav-toggle .navigation:before{
+left:-200px
+}
+@media (max-width:767px){
+.content{
+margin-left:0;
+padding:30px 0 10px 0
+}
+
+.navigation{
+left:-200px;
+z-index:2
+}
+
+.navigation:before{
+left:-200px
+}
+body.nav-toggle .content{
+margin-left:0
+}
+body.nav-toggle .navigation{
+left:0;
+z-index:2
+}
+body.nav-toggle .navigation:before{
+left:0
+}
+
+}
+body.blank .content{
+margin:0
+}
+
+.container-center{
+max-width:400px;
+margin:10% auto 0;
+padding:20px
+}
+
+.container-center.sm{
+max-width:200px
+}
+
+.container-center.md{
+max-width:600px
+}
+
+.container-center.lg{
+max-width:800px
+}
+a{
+color:#f6a821;
+text-decoration:none
+}
+a:hover,a:focus{
+color:#f8bb52;
+outline:none
+}
+hr{
+margin-top:20px;
+margin-bottom:20px;
+border:0;
+border-top:1px solid #3d404c
+}
+code{
+padding:2px 4px;
+font-size:90%;
+color:#f6a821;
+background-color:#24262d;
+border-radius:3px
+}
+pre{
+font-size:90%;
+color:#949ba2;
+background-color:#24262d;
+border-radius:3px;
+border:none
+}
+mark{
+background-color:#e9e599;
+border-radius:2px;
+padding:.1em .4em
+}
+label{
+color:#ffffff;
+font-weight:500
+}
+sup{
+font-size:12px;
+top:-0.8em
+}
+
+.help-block{
+color:#6d757d
+}
+
+.bs-example{
+background-color:#2f323b;
+padding:10px;
+border-radius:3px
+}
+
+.show-grid [class^="col-"]{
+background-color:#2f323b !important;
+border:1px solid #3d404c;
+padding-bottom:10px;
+padding-top:10px
+}
+
+.slight{
+font-size:11px;
+font-weight:300
+}
+
+.show-grid{
+margin:10px 0 !important
+}
+
+.row{
+margin-left:-10px;
+margin-right:-10px
+}
+
+.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{
+padding-left:10px;
+padding-right:10px
+}
+
+.font-example-box:hover{
+color:#ffffff
+}
+
+.font-example-box{
+text-align:center;
+min-height:90px;
+margin:10px 0;
+font-size:42px
+}
+
+.font-example-box i{
+font-size:22px
+}
+
+.icon-example-name{
+display:block;
+font-size:11px
+}
+
+.back-link{
+float:left;
+width:100%;
+margin:10px
+}
+
+.ui-sortable .panel-body{
+cursor:move
+}
+
+.ui-sortable-placeholder{
+border:1px dashed #535868 !important;
+visibility:visible !important
+}
+
+.navbar{
+min-height:60px
+}
+
+.navbar-default .navbar-brand,.navbar-default .navbar-brand:focus{
+width:200px;
+background-color:#f6a821;
+height:60px;
+padding:20px 25px;
+font-weight:400;
+letter-spacing:10px;
+color:#FFFFFF
+}
+
+.navbar-default .navbar-brand{
+color:#FFFFFF
+}
+
+.navbar-default .navbar-brand:hover{
+color:#FFFFFF;
+background-color:#f5a212
+}
+
+.navbar-brand span{
+letter-spacing:normal;
+float:right;
+font-size:12px;
+margin-left:-15px;
+color:#fce2b4
+}
+
+.navbar-default{
+border-bottom:none;
+background-color:#FFFFFF
+}
+
+.left-nav-toggle{
+float:left;
+padding:9px 10px 8px 25px
+}
+
+.left-nav-toggle:hover a{
+color:#f6a821
+}
+
+.left-nav-toggle a{
+font-size:30px;
+color:#949ba2
+}
+
+.navbar-default .navbar-nav>li>a{
+color:#6a727a
+}
+
+.left-nav-toggle a:hover,.left-nav-toggle a:focus{
+text-decoration:none
+}
+
+.navbar-form{
+margin-top:11px;
+padding:0
+}
+
+.navbar-form input.form-control{
+border:none;
+box-shadow:none;
+color:#949ba2
+}
+
+.navbar-form input.form-control::-webkit-input-placeholder{
+color:#6f7780
+}
+
+.navbar-form input.form-control:-moz-placeholder{
+color:#6f7780
+}
+
+.navbar-form input.form-control::-moz-placeholder{
+color:#6f7780
+}
+
+.navbar-form input.form-control:-ms-input-placeholder{
+color:#6f7780
+}
+
+.navbar-nav>li>a{
+padding:20px 15px;
+text-transform:uppercase;
+font-weight:500
+}
+
+.navbar-nav>li:first-child>a{
+padding-left:0
+}
+
+.navbar-nav>li:last-child>a{
+padding:10px 25px 10px 15px
+}
+
+.navbar-nav.navbar-right a .label{
+margin:-5px 0 0 5px
+}
+
+.profil-link img{
+height:40px;
+margin-left:10px
+}
+
+.profil-link .profile-address{
+text-transform:lowercase
+}
+#mobile-menu{
+display:none
+}
+@media (max-width:767px){
+#mobile-menu{
+display:block
+}
+
+}
+#mobile-menu{
+float:right
+}
+#mobile-menu .left-nav-toggle{
+padding-right:25px
+}
+
+.luna-nav.nav{
+padding-top:15px
+}
+
+.luna-nav.nav li>a,.luna-nav.nav .nav-category{
+padding:8px 15px 8px 25px;
+margin:0 0
+}
+
+.luna-nav.nav .nav-info{
+margin-top:50px;
+padding:20px 25px 25px 25px;
+font-size:12px;
+background-color:#24262d
+}
+
+.luna-nav.nav .nav-info i{
+font-size:34px
+}
+
+.luna-nav.nav .nav-second li>a{
+padding-left:40px
+}
+
+.luna-nav.nav li.active .nav-second li>a{
+padding-left:40px;
+border-left:none;
+color:#848c94
+}
+
+.luna-nav.nav li.active .nav-second li.active a{
+padding-left:34px;
+border-left:6px solid #c37e08;
+color:#c0c4c8
+}
+
+.luna-nav.nav li.active .nav-second li a:hover{
+color:#c0c4c8
+}
+
+.luna-nav.nav li>a{
+color:#848c94
+}
+
+.luna-nav.nav li.active a{
+border-left:6px solid #f6a821;
+padding-left:19px;
+color:#c0c4c8
+}
+
+.luna-nav.nav li a:hover,.luna-nav.nav li a:focus{
+color:#c0c4c8;
+background:inherit
+}
+
+.luna-nav.nav .nav-category{
+color:#FFFFFF;
+margin-top:10px
+}
+
+.luna-nav.nav .sub-nav-icon{
+float:right;
+transform:rotate(90deg);
+-webkit-transform:rotate(90deg);
+-moz-transform:rotate(90deg);
+-o-transform:rotate(90deg);
+-ms-transform:rotate(90deg)
+}
+
+.panel{
+background-color:transparent;
+-webkit-box-shadow:none;
+-moz-box-shadow:none;
+box-shadow:none;
+color:#949ba2;
+border-radius:3px
+}
+
+.panel .panel-body{
+padding:5px 15px 15px 15px
+}
+
+.panel.panel-filled .panel-body{
+padding-top:10px
+}
+
+.panel .panel-footer{
+background-color:transparent;
+border:none
+}
+
+.panel>.panel-heading{
+color:#ffffff
+}
+
+.panel-tools{
+display:inline-block;
+float:right;
+margin-top:0;
+padding:0;
+position:relative
+}
+
+.panel-tools a{
+margin-left:2px;
+color:#949ba2;
+cursor:pointer
+}
+
+.panel-tools a:hover{
+color:#ffffff
+}
+
+.panel.panel-c-white{
+border-left:3px solid #949ba2
+}
+
+.panel.panel-c-accent{
+border-left:3px solid #f6a821
+}
+
+.panel.panel-c-primary{
+border-left:3px solid #0F83C9
+}
+
+.panel.panel-c-warning{
+border-left:3px solid #f7af3e
+}
+
+.panel.panel-c-info{
+border-left:3px solid #56C0E0
+}
+
+.panel.panel-c-success{
+border-left:3px solid #1bbf89
+}
+
+.panel.panel-c-danger{
+border-left:3px solid #DB524B
+}
+
+.panel.panel-b-accent{
+background-color:#f6a821;
+color:#ffffff
+}
+
+.panel.panel-b-white{
+background-color:white;
+color:#61686f
+}
+
+.panel.panel-b-white .panel-heading{
+color:#61686f
+}
+
+.panel.panel-b-white .panel-footer{
+color:#61686f
+}
+
+.panel.panel-filled{
+background-color:rgba(68,70,79,0.5)
+}
+
+.view-header{
+margin:20px 0;
+min-height:50px;
+padding:0 15px
+}
+
+.view-header .header-icon{
+font-size:60px;
+color:#f6a821;
+width:68px;
+float:left;
+margin-top:-8px;
+line-height:0
+}
+
+.view-header .header-title{
+margin-left:68px
+}
+
+.view-header .header-title h3{
+margin-bottom:2px
+}
+
+.panel.collapsed .panel-body,.panel.collapsed .panel-footer{
+display:none
+}
+
+.panel.collapsed .fa.fa-chevron-up:before{
+content:"\f078"
+}
+
+.panel.collapsed .fa.fa-chevron-down:before{
+content:"\f077"
+}
+
+.pagination>li>a,.pagination>li>span{
+color:#949ba2;
+background-color:transparent;
+border:1px solid #585d6e
+}
+
+.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{
+color:#ffffff;
+background-color:rgba(97,103,121,0.1);
+border-color:#616779
+}
+
+.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{
+color:#ffffff;
+background-color:rgba(97,103,121,0.1);
+border-color:#616779
+}
+
+.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{
+color:#949ba2;
+background-color:transparent;
+border-color:#4a4f5d
+}
+
+.progress{
+border-radius:2px;
+margin-bottom:10px
+}
+
+.progress-bar{
+background-color:#2f323b;
+text-align:right;
+padding-right:10px;
+color:#949ba2
+}
+
+.progress-small,.progress-small .progress-bar{
+height:10px
+}
+
+.progress-bar-primary{
+border-right:4px solid #0d74b1
+}
+
+.progress-bar-success{
+border-right:4px solid #18a979
+}
+
+.progress-bar-info{
+border-right:4px solid #0d74b1
+}
+
+.progress-bar-warning{
+border-right:4px solid #f6a526
+}
+
+.progress-bar-danger{
+border-right:4px solid #d73e36
+}
+
+.full .progress-bar-success{
+background-color:#1bbf89;
+border-right:4px solid #18a979
+}
+
+.full .progress-bar-info{
+background-color:#0F83C9;
+border-right:4px solid #0d74b1
+}
+
+.full .progress-bar-warning{
+background-color:#f7af3e;
+border-right:4px solid #f6a526
+}
+
+.full .progress-bar-danger{
+background-color:#DB524B;
+border-right:4px solid #d73e36
+}
+
+.full .progress-bar-primary{
+background-color:#0F83C9;
+border-right:4px solid #0d74b1
+}
+
+.full .progress-bar{
+color:#ffffff
+}
+
+.modal-content{
+background-color:#21242a
+}
+
+.modal-content .modal-title{
+font-size:22px
+}
+
+.modal-content .modal-header{
+border-color:#3d404c;
+background-color:#1d1f24;
+padding:40px 20px
+}
+
+.modal-content .modal-body{
+padding:40px
+}
+
+.modal-content .modal-footer{
+border-color:#3d404c;
+background-color:#1d1f24;
+padding:20px
+}
+
+.modal-backdrop.in{
+filter:alpha(opacity=10);
+opacity:.1
+}
+h1,h2,h3,h4,h5,h6{
+color:#FFFFFF
+}
+h1,.h1,h2,.h2,h3,.h3{
+margin-top:10px
+}
+
+.c-accent{
+color:#f6a821
+}
+
+.c-white{
+color:#FFFFFF
+}
+
+.c-text{
+color:#949ba2
+}
+
+.font-light{
+font-weight:300
+}
+
+.font-normal{
+font-weight:400
+}
+
+.font-bold{
+font-weight:600
+}
+
+.font-extra-bold{
+font-weight:700
+}
+h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{
+color:#a4aab0
+}
+
+.label-default{
+background-color:#44464f
+}
+
+.label-primary{
+background-color:#0F83C9
+}
+
+.label-success{
+background-color:#1bbf89
+}
+
+.label-info{
+background-color:#56C0E0
+}
+
+.label-warning{
+background-color:#f7af3e
+}
+
+.label-danger{
+background-color:#DB524B
+}
+
+.badge{
+background-color:transparent;
+border:1px solid #44464f;
+font-weight:300;
+color:#aaacb5
+}
+
+.vertical-container{
+width:98%;
+margin:0 auto
+}
+
+.vertical-container::after{
+content:'';
+display:table;
+clear:both
+}
+
+.v-timeline{
+position:relative;
+padding:0;
+margin-top:2em;
+margin-bottom:2em
+}
+
+.v-timeline::before{
+content:'';
+position:absolute;
+top:0;
+left:18px;
+height:100%;
+width:4px;
+background:#3d404c
+}
+
+.vertical-timeline-content .btn{
+float:right
+}
+
+.vertical-timeline-block{
+position:relative;
+margin:2em 0
+}
+
+.vertical-timeline-block:after{
+content:"";
+display:table;
+clear:both
+}
+
+.vertical-timeline-block:first-child{
+margin-top:0
+}
+
+.vertical-timeline-block:last-child{
+margin-bottom:0
+}
+
+.vertical-timeline-icon{
+position:absolute;
+top:0;
+left:0;
+width:40px;
+height:40px;
+border-radius:50%;
+font-size:16px;
+border:1px solid #3d404c;
+text-align:center;
+background:#2f323b;
+color:#ffffff
+}
+
+.vertical-timeline-icon i{
+display:block;
+width:24px;
+height:24px;
+position:relative;
+left:50%;
+top:50%;
+margin-left:-12px;
+margin-top:-9px
+}
+
+.vertical-timeline-content{
+position:relative;
+margin-left:60px;
+background-color:rgba(68,70,79,0.5);
+border-radius:.25em;
+border:1px solid #3d404c
+}
+
+.vertical-timeline-content:after{
+content:"";
+display:table;
+clear:both
+}
+
+.vertical-timeline-content h2{
+font-weight:400;
+margin-top:4px
+}
+
+.vertical-timeline-content p{
+margin:1em 0 0 0;
+line-height:1.6
+}
+
+.vertical-timeline-content .vertical-date{
+font-weight:500;
+text-align:right
+}
+
+.vertical-date small{
+color:#ffffff;
+font-weight:400
+}
+
+.vertical-timeline-content:after,.vertical-timeline-content:before{
+right:100%;
+top:20px;
+border:solid transparent;
+content:" ";
+height:0;
+width:0;
+position:absolute;
+pointer-events:none
+}
+
+.vertical-timeline-content:after{
+border-color:transparent;
+border-right-color:#3d404c;
+border-width:10px;
+margin-top:-10px
+}
+
+.vertical-timeline-content:before{
+border-color:transparent;
+border-right-color:#3d404c;
+border-width:11px;
+margin-top:-11px
+}
+
+.vertical-timeline-content h2{
+font-size:16px
+}
+
+.dd{
+position:relative;
+display:block;
+margin:0;
+padding:0;
+list-style:none;
+line-height:20px
+}
+
+.dd-list{
+display:block;
+position:relative;
+margin:0;
+padding:0;
+list-style:none
+}
+
+.dd-list .dd-list{
+padding-left:30px
+}
+
+.dd-collapsed .dd-list{
+display:none
+}
+
+.dd-item,.dd-empty,.dd-placeholder{
+display:block;
+position:relative;
+margin:0;
+padding:0;
+min-height:20px;
+line-height:20px
+}
+
+.dd-handle{
+display:block;
+margin:5px 0;
+padding:10px 10px;
+color:#949ba2;
+text-decoration:none;
+border:1px solid #3d404c;
+background-color:rgba(68,70,79,0.5);
+-webkit-border-radius:3px;
+border-radius:3px;
+box-sizing:border-box;
+-moz-box-sizing:border-box
+}
+
+.dd-handle span{
+font-weight:bold
+}
+
+.dd-handle:hover{
+background-color:rgba(68,70,79,0.8);
+cursor:pointer
+}
+
+.dd-item>button{
+display:block;
+position:relative;
+cursor:pointer;
+float:left;
+width:25px;
+height:20px;
+margin:10px 0;
+padding:0;
+text-indent:100%;
+white-space:nowrap;
+overflow:hidden;
+border:0;
+background:transparent;
+font-size:12px;
+line-height:1;
+text-align:center;
+font-weight:bold
+}
+
+.dd-item>button:before{
+content:'+';
+display:block;
+position:absolute;
+width:100%;
+text-align:center;
+text-indent:0
+}
+
+.dd-item>button[data-action="collapse"]:before{
+content:'-'
+}
+
+.dd-placeholder,.dd-empty{
+margin:5px 0;
+padding:0;
+min-height:30px;
+background:transparent;
+border:1px dashed #535868;
+box-sizing:border-box;
+-moz-box-sizing:border-box
+}
+
+.dd-empty{
+border:1px dashed #3d404c;
+min-height:100px;
+background-color:transparent;
+background-size:60px 60px;
+background-position:0 0,30px 30px
+}
+
+.dd-dragel{
+position:absolute;
+z-index:9999;
+pointer-events:none
+}
+
+.dd-dragel>.dd-item .dd-handle{
+margin-top:0
+}
+
+.dd-dragel .dd-handle{
+-webkit-box-shadow:2px 4px 6px 0 rgba(0,0,0,0.1);
+box-shadow:2px 4px 6px 0 rgba(0,0,0,0.1)
+}
+
+.nestable-lists{
+display:block;
+clear:both;
+padding:30px 0;
+width:100%;
+border:0;
+border-top:2px solid #e4e5e7;
+border-bottom:2px solid #e4e5e7
+}
+#nestable-menu{
+padding:0;
+margin:10px 0 20px 0
+}
+#nestable-output{
+width:100%;
+font-size:.75em;
+line-height:1.333333em;
+font-family:open sans,lucida grande,lucida sans unicode,helvetica,arial,sans-serif;
+padding:5px;
+box-sizing:border-box;
+-moz-box-sizing:border-box
+}
+#nestable-output{
+font-size:14px;
+padding:25px;
+box-sizing:border-box;
+-moz-box-sizing:border-box
+}
+
+.nav-tabs{
+border:none
+}
+
+.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{
+background-color:rgba(68,70,79,0.5);
+color:#ffffff;
+border-width:0 0 1px 0
+}
+
+.tab-pane .panel-body{
+border-top:none;
+background-color:rgba(68,70,79,0.5);
+margin-bottom:20px
+}
+
+.nav-tabs>li a:hover{
+background:transparent;
+border-color:transparent
+}
+
+.nav-tabs>li>a{
+color:#949ba2
+}
+
+.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{
+border-bottom:0
+}
+
+.tabs-left .panel-body{
+position:static
+}
+
+.tabs-left>.nav-tabs,.tabs-right>.nav-tabs{
+width:20%
+}
+
+.tabs-left .panel-body{
+width:80%;
+margin-left:20%
+}
+
+.tabs-right .panel-body{
+width:80%;
+margin-right:20%
+}
+
+.tab-content>.tab-pane,.pill-content>.pill-pane{
+display:none
+}
+
+.tab-content>.active,.pill-content>.active{
+display:block
+}
+
+.tabs-below>.nav-tabs>li{
+margin-bottom:0
+}
+
+.tabs-below>.nav-tabs>li>a{
+-webkit-border-radius:0 0 4px 4px;
+-moz-border-radius:0 0 4px 4px;
+border-radius:0 0 4px 4px
+}
+
+.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{
+float:none
+}
+
+.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{
+margin-right:0;
+margin-bottom:3px
+}
+
+.tabs-left>.nav-tabs{
+float:left;
+margin-right:19px
+}
+
+.tabs-left>.nav-tabs>li>a{
+-webkit-border-radius:4px 0 0 4px;
+-moz-border-radius:4px 0 0 4px;
+border-radius:4px 0 0 4px
+}
+
+.tabs-right>.nav-tabs{
+float:right;
+margin-left:19px
+}
+
+.tabs-right>.nav-tabs>li>a{
+-webkit-border-radius:0 4px 4px 0;
+-moz-border-radius:0 4px 4px 0;
+border-radius:0 4px 4px 0
+}
+
+.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{
+border-top:1px solid #3d404c
+}
+
+.table>thead>tr>th{
+border-bottom:none
+}
+
+.table-striped>tbody>tr:nth-of-type(odd){
+background-color:rgba(68,70,79,0.5)
+}
+
+.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{
+background-color:#494b54
+}
+
+.table-hover>tbody>tr:hover{
+background-color:#494b54
+}
+
+.table-bordered,.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{
+border-color:#3d404c
+}
+
+.panel-filled .table>thead>tr>th,.panel-filled .table>tbody>tr>th,.panel-filled .table>tfoot>tr>th,.panel-filled .table>thead>tr>td,.panel-filled .table>tbody>tr>td,.panel-filled .table>tfoot>tr>td{
+border-color:#484c5a
+}
+
+.panel-filled .table-bordered,.panel-filled .table-bordered>thead>tr>th,.panel-filled .table-bordered>tbody>tr>th,.panel-filled .table-bordered>tfoot>tr>th,.panel-filled .table-bordered>thead>tr>td,.panel-filled .table-bordered>tbody>tr>td,.panel-filled .table-bordered>tfoot>tr>td{
+border-color:#484c5a
+}
+
+.panel-filled .table-striped>tbody>tr:nth-of-type(odd){
+background-color:#44464f
+}
+
+.panel-filled .table-hover>tbody>tr:hover{
+background-color:#494b54
+}
+th{
+color:#ffffff
+}
+
+.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{
+background-color:rgba(27,191,137,0.2);
+border:none
+}
+
+.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{
+background-color:#18a979
+}
+
+.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{
+background-color:rgba(86,192,224,0.2);
+border:none
+}
+
+.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{
+background-color:#40b8dc
+}
+
+.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{
+background-color:rgba(247,175,62,0.2);
+border:none
+}
+
+.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{
+background-color:#f6a526
+}
+
+.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{
+background-color:rgba(219,82,75,0.2);
+border:none
+}
+
+.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{
+background-color:#d73e36
+}
+div.dt-button-info{
+background-color:#21242a;
+border-radius:6px;
+border:none
+}
+div.dt-button-info h2{
+background-color:transparent;
+border-color:#3d404c
+}
+
+.table-responsive{
+border-color:#484c5a !important
+}
+
+.alert-success{
+color:#ffffff;
+border-color:#1bbf89;
+background-color:#1bbf89
+}
+
+.alert-success .alert-link{
+color:#1bbf89
+}
+
+.alert-warning{
+color:#ffffff;
+border-color:#f7af3e;
+background-color:#f7af3e
+}
+
+.alert-warning .alert-link{
+color:#f7af3e
+}
+
+.alert-info{
+color:#ffffff;
+border-color:#56C0E0;
+background-color:#56C0E0
+}
+
+.alert-info .alert-link{
+color:#56C0E0
+}
+
+.alert-danger{
+color:#ffffff;
+border-color:#DB524B;
+background-color:#DB524B
+}
+
+.alert-danger .alert-link{
+color:#DB524B
+}
+
+.toast-success{
+color:#ffffff;
+border-color:#1bbf89;
+background-color:#1bbf89
+}
+
+.toast-warning{
+color:#ffffff;
+border-color:#f7af3e;
+background-color:#f7af3e
+}
+
+.toast-info{
+color:#ffffff;
+border-color:#56C0E0;
+background-color:#56C0E0
+}
+
+.toast-error{
+color:#ffffff;
+border-color:#DB524B;
+background-color:#DB524B
+}
+#toast-container>div,#toast-container .toast{
+opacity:1;
+margin-top:20px;
+border-radius:4px;
+-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);
+-moz-box-shadow:0 5px 15px rgba(0,0,0,0.5);
+box-shadow:0 5px 15px rgba(0,0,0,0.5)
+}
+#toast-container>div:hover,#toast-container .toast:hover{
+-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.7);
+-moz-box-shadow:0 5px 15px rgba(0,0,0,0.7);
+box-shadow:0 5px 15px rgba(0,0,0,0.7)
+}
+#toast-container.toast-top-right>div{
+margin-top:60px
+}
+
+.form-control{
+color:#949ba2;
+border:none;
+border-radius:4px;
+-webkit-box-shadow:none;
+box-shadow:none;
+-webkit-transition:none;
+-o-transition:none;
+transition:none;
+background-color:#494b54
+}
+
+.form-control:focus{
+-webkit-box-shadow:none;
+box-shadow:none
+}
+
+.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{
+background-color:#2c2e34;
+opacity:1
+}
+
+.navbar-form .form-control{
+//background-color:#ffffff
+}
+
+.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{
+color:#159269
+}
+
+.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{
+color:#f59b0d
+}
+
+.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{
+color:#cb3029
+}
+
+.has-success .form-control{
+border-color:#159269;
+border-style:solid;
+border-width:1px;
+-webkit-box-shadow:none !important;
+box-shadow:none !important
+}
+
+.has-warning .form-control{
+border-color:#f59b0d;
+border-style:solid;
+border-width:1px;
+-webkit-box-shadow:none !important;
+box-shadow:none !important
+}
+
+.has-error .form-control{
+border-color:#cb3029;
+border-style:solid;
+border-width:1px;
+-webkit-box-shadow:none !important;
+box-shadow:none !important
+}
+
+.support-question a{
+color:#949ba2
+}
+
+.support-question a:hover{
+text-decoration:none
+}
+
+.support-question a:focus{
+text-decoration:none
+}
+
+.support-question:hover{
+background-color:rgba(68,70,79,0.7)
+}
+
+.support-question.active{
+border-left:3px solid #f6a821
+}
+
+.support-question.active .panel-body{
+padding-left:13px
+}
+
+.flot-chart{
+display:block;
+height:300px;
+position:relative;
+color:#545454
+}
+
+.flot-chart-analytics{
+margin-top:10px;
+margin-bottom:10px;
+display:block;
+height:150px;
+position:relative
+}
+
+.flot-chart-content{
+width:100%;
+height:100%;
+color:#545454
+}
+
+.flot-text{
+color:#949ba2 !important
+}
+
+.jqstooltip{
+padding:5px !important;
+border:none !important;
+border-radius:10px;
+background-color:#f6a821 !important;
+width:auto !important;
+height:auto !important
+}
+
+.hoverinfo{
+background-color:#f6a821 !important;
+box-shadow:0 5px 15px rgba(0,0,0,0.5) !important;
+-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5) !important;
+border:none !important;
+border-radius:4px !important;
+color:#ffffff !important;
+padding:6px 12px !important
+
+}