From 023acc0e57a9d874a9791bf7f4afc7d28f634d58 Mon Sep 17 00:00:00 2001
From: djbadders <34887832+djbadders@users.noreply.github.com>
Date: Mon, 30 Mar 2020 23:34:05 +0100
Subject: [PATCH] Updates timers for dashboard bottom

---
 Monitor/Pages/_Layout.cshtml              |    1 +
 Monitor/Pages/_get/DashboardBottom.cshtml |   14 +-
 Monitor/wwwroot/assets/css/custom.css     |   71 +-
 Monitor/wwwroot/assets/css/style.css      | 9340 +++++++++++++--------
 Monitor/wwwroot/assets/js/circlos.js      |   62 +
 5 files changed, 5968 insertions(+), 3520 deletions(-)
 create mode 100644 Monitor/wwwroot/assets/js/circlos.js

diff --git a/Monitor/Pages/_Layout.cshtml b/Monitor/Pages/_Layout.cshtml
index a4ab6fc..3108b41 100644
--- a/Monitor/Pages/_Layout.cshtml
+++ b/Monitor/Pages/_Layout.cshtml
@@ -209,5 +209,6 @@
 
   <script src="@Html.Raw(Model.PTMagicConfiguration.GeneralSettings.Monitor.RootUrl)assets/js/jquery.core.js?v=@Html.Raw(Model.CurrentBotVersion)"></script>
   <script src="@Html.Raw(Model.PTMagicConfiguration.GeneralSettings.Monitor.RootUrl)assets/js/jquery.app.js?v=@Html.Raw(Model.CurrentBotVersion)"></script>
+  <script src="@Html.Raw(Model.PTMagicConfiguration.GeneralSettings.Monitor.RootUrl)assets/js/circlos.js"></script>
 </body>
 </html>
diff --git a/Monitor/Pages/_get/DashboardBottom.cshtml b/Monitor/Pages/_get/DashboardBottom.cshtml
index 47be0f8..2e0bd56 100644
--- a/Monitor/Pages/_get/DashboardBottom.cshtml
+++ b/Monitor/Pages/_get/DashboardBottom.cshtml
@@ -12,9 +12,11 @@
 <div class="row">
   <div class="col-md-5 px-1">
     <div class="card-box px-2" style="height:305px;">
+      <div class="cdev" data-percent="100" data-duration="@Html.Raw(@Model.PTMagicConfiguration.GeneralSettings.Monitor.RefreshSeconds * 1000)" data-color="#aaa,#414d59"></div>
+  
       @if (!Model.TrendChartDataJSON.Equals("")) {
         <div class="trend-chart">
-          <svg style="height:300px;width:100%"></svg>
+          <svg style="height: 300px;width: 100%;"></svg>
         </div>
       } else {
         <p>Unable to load graph, no market trend data found.</p>
@@ -23,6 +25,7 @@
   </div>
   <div class="col-md-2 px-1">
     <div class="card-box px-2" style="height:305px;">
+      <div class="cdev" data-percent="100" data-duration="@Html.Raw(@Model.PTMagicConfiguration.GeneralSettings.Monitor.RefreshSeconds * 1000)" data-color="#aaa,#414d59"></div>
       @{
       double currentBalance = Model.PTData.GetCurrentBalance();
       string currentBalanceString = currentBalance.ToString("#,#0.00000000", new System.Globalization.CultureInfo("en-US"));
@@ -45,6 +48,8 @@
     </div>
   </div>
   <div class="col-md-5 px-1">
+    <div class="cdev" data-percent="100" data-duration="@Html.Raw(@Model.PTMagicConfiguration.GeneralSettings.Monitor.RefreshSeconds * 1000)" data-color="#aaa,#414d59"></div>
+
     <div class="card-box px-2" style="height:305px;">
       @if (!Model.ProfitChartDataJSON.Equals("")) {
         <div class="profit-chart">
@@ -60,7 +65,10 @@
 
 <div class="row">
   <div class="col-md-6 px-1">
+    <div class="cdev" data-percent="100" data-duration="@Html.Raw(@Model.PTMagicConfiguration.GeneralSettings.Monitor.RefreshSeconds * 1000)" data-color="#aaa,#414d59"></div>
+
     <div class="card-box px-2">
+      <br/>
       <h4 class="m-t-0 m-b-20 header-title"><b>Market Trends at @Model.PTMagicConfiguration.GeneralSettings.Application.Exchange</b><small class="pull-right"><a href="@Html.Raw(Model.PTMagicConfiguration.GeneralSettings.Monitor.RootUrl)MarketAnalyzer">more</a></small></h4>
 
       <table class="table table-sm">
@@ -100,7 +108,10 @@
   </div>
   
   <div class="col-md-6 px-1">
+    <div class="cdev" data-percent="100" data-duration="@Html.Raw(@Model.PTMagicConfiguration.GeneralSettings.Monitor.RefreshSeconds * 1000)" data-color="#aaa,#414d59"></div>
+
     <div class="card-box px-2">
+      <br/>
       <h4 class="m-t-0 m-b-20 header-title"><b>Sales Overview</b><small class="pull-right"><a href="@Html.Raw(Model.PTMagicConfiguration.GeneralSettings.Monitor.RootUrl)SalesAnalyzer">more</a></small></h4>
       @{
         double totalProfit = Model.PTData.SellLog.Sum(s => s.Profit);
@@ -189,6 +200,7 @@
 <script src="@Html.Raw(Model.PTMagicConfiguration.GeneralSettings.Monitor.RootUrl)assets/plugins/tablesaw/js/tablesaw-init.js"></script>
 <script type="text/javascript">
    $(document).ready(function () {
+      $(".cdev").circlos();
       $('[data-toggle="tooltip"]').tooltip();
       $('.text-autocolor').autocolor(false);
 
diff --git a/Monitor/wwwroot/assets/css/custom.css b/Monitor/wwwroot/assets/css/custom.css
index 2b3ef38..165ca0a 100644
--- a/Monitor/wwwroot/assets/css/custom.css
+++ b/Monitor/wwwroot/assets/css/custom.css
@@ -173,6 +173,10 @@ a:active {
   stroke-opacity: 1 !important;
 }
 
+.trend-chart
+{
+  clear: none;
+}
 
 /* Custom menu styles */
 #topnav .navigation-menu {
@@ -211,4 +215,69 @@ a:active {
 
 #topnav .has-submenu.active>a {
   color: #50cefc;
-}
\ No newline at end of file
+}
+
+/* Circolus */
+.cdev {
+  position: absolute;
+  height  : 30px;
+  width   : 30px;
+  top: 5px;
+  left: 0;
+  margin  : 0 0 0 10px;
+  display: inline;
+}
+
+.cdev div {
+  position     : absolute;
+  height       : 30px;
+  width        : 30px;
+  border-radius: 50%;
+}
+
+.cdev div span {
+  position        : absolute;
+  font-family     : Arial;
+  font-size       : 5px;
+  line-height     : 7px;
+  height          : 20px;
+  width           : 20px;
+  left            : 5px;
+  top             : 5px;
+  text-align      : center;
+  border-radius   : 50%;
+  background-color: #36404a;
+  color: #36404a;
+}
+
+.cdev .background {
+  background-color: #b3cef6;
+}
+
+.cdev .rotate {
+  clip            : rect(0 15px 30px 0);
+  background-color: #4b86db;
+}
+
+.cdev .left {
+  clip            : rect(0 15px 30px 0);
+  opacity         : 1;
+  background-color: #b3cef6;
+}
+
+.cdev .right {
+  clip            : rect(0 15px 30px 0);
+  transform       : rotate(180deg);
+  opacity         : 0;
+  background-color: #4b86db;
+}
+
+@keyframes toggle {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
diff --git a/Monitor/wwwroot/assets/css/style.css b/Monitor/wwwroot/assets/css/style.css
index 9ceb5ef..a81c70b 100644
--- a/Monitor/wwwroot/assets/css/style.css
+++ b/Monitor/wwwroot/assets/css/style.css
@@ -1,284 +1,367 @@
 /*
 Template Name: UBold Dashboard
-Author: Coderthemes
-Email: coderthemes@gmail.com
-File: Main Css
+Author       : Coderthemes
+Email        : coderthemes@gmail.com
+File         : Main Css
 */
 @import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,700|Source+Sans+Pro:400,600,700");
+
 /* =============
    Common
 ============= */
 body {
-  background: #303841;
-  margin: 0;
-  overflow-x: hidden;
-  color: rgba(255, 255, 255, 0.7);
-  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 14px;
-  padding-bottom: 60px; }
+  background    : #303841;
+  margin        : 0;
+  overflow-x    : hidden;
+  color         : rgba(255, 255, 255, 0.7);
+  font-family   : "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size     : 14px;
+  padding-bottom: 60px;
+}
 
 html {
-  position: relative;
+  position  : relative;
   min-height: 100%;
-  background: #303841; }
+  background: #303841;
+}
 
-h1, h2, h3, h4, h5, h6 {
-  margin: 10px 0;
-  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin     : 10px 0;
+  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
 
 p {
-  line-height: 1.6;
-  margin-bottom: 10px; }
+  line-height  : 1.6;
+  margin-bottom: 10px;
+}
 
 * {
-  outline: none !important; }
+  outline: none !important;
+}
 
 b {
-  font-weight: 600; }
+  font-weight: 600;
+}
 
 a {
-  color: #33b5e5; }
-  a:hover, a:focus, a:active {
-    color: #83cdbd;
-    outline: 0;
-    text-decoration: none; }
+  color: #33b5e5;
+}
 
-a.text-dark:focus, a.text-dark:hover {
-  color: #ffffff !important; }
+a:hover,
+a:focus,
+a:active {
+  color          : #83cdbd;
+  outline        : 0;
+  text-decoration: none;
+}
+
+a.text-dark:focus,
+a.text-dark:hover {
+  color: #ffffff !important;
+}
 
 /* Footer */
 .footer {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
-  bottom: 0;
+  bottom    : 0;
   text-align: left !important;
-  padding: 20px 30px;
-  position: absolute;
-  right: 0;
-  left: 240px;
-  font-size: 13px; }
+  padding   : 20px 30px;
+  position  : absolute;
+  right     : 0;
+  left      : 240px;
+  font-size : 13px;
+}
 
 #wrapper {
-  height: 100%;
+  height  : 100%;
   overflow: hidden;
-  width: 100%; }
+  width   : 100%;
+}
 
 .page {
   bottom: 0;
-  left: 0;
-  right: 0;
-  top: 0; }
+  left  : 0;
+  right : 0;
+  top   : 0;
+}
 
 /* Page titles */
 .page-title {
-  font-size: 20px;
-  font-weight: 600;
+  font-size    : 20px;
+  font-weight  : 600;
   margin-bottom: 0;
-  margin-top: 7px; }
+  margin-top   : 7px;
+}
 
-.page-title + .breadcrumb {
-  font-size: 0.9rem; }
+.page-title+.breadcrumb {
+  font-size: 0.9rem;
+}
 
 .page-title-alt {
   margin-bottom: 23px;
-  margin-top: 10px; }
+  margin-top   : 10px;
+}
 
 .page-header {
-  border-bottom: 1px solid #4c5a67; }
+  border-bottom: 1px solid #4c5a67;
+}
 
 .header-title {
   text-transform: uppercase;
-  font-size: 17px;
-  font-weight: 600;
-  line-height: 16px;
-  margin-bottom: 8px; }
+  font-size     : 17px;
+  font-weight   : 600;
+  line-height   : 16px;
+  margin-bottom : 8px;
+}
 
 .social-links li a {
   -webkit-border-radius: 50%;
-  background: #414d59;
-  border-radius: 50%;
-  color: #98a6ad;
-  display: inline-block;
-  height: 30px;
-  line-height: 30px;
-  text-align: center;
-  width: 30px; }
+  background           : #414d59;
+  border-radius        : 50%;
+  color                : #98a6ad;
+  display              : inline-block;
+  height               : 30px;
+  line-height          : 30px;
+  text-align           : center;
+  width                : 30px;
+}
 
 /* =============
    Helper clasess
 ============= */
 .p-0 {
-  padding: 0 !important; }
+  padding: 0 !important;
+}
 
 .p-20 {
-  padding: 20px !important; }
+  padding: 20px !important;
+}
 
 .p-30 {
-  padding: 30px !important; }
+  padding: 30px !important;
+}
 
 .p-l-0 {
-  padding-left: 0 !important; }
+  padding-left: 0 !important;
+}
 
 .p-r-0 {
-  padding-right: 0 !important; }
+  padding-right: 0 !important;
+}
 
 .p-t-0 {
-  padding-top: 0 !important; }
+  padding-top: 0 !important;
+}
 
 .p-t-10 {
-  padding-top: 10px !important; }
+  padding-top: 10px !important;
+}
 
 .p-b-0 {
-  padding-bottom: 0 !important; }
+  padding-bottom: 0 !important;
+}
 
 .p-b-10 {
-  padding-bottom: 10px !important; }
+  padding-bottom: 10px !important;
+}
 
 .p-l-r-10 {
-  padding-left: 10px;
-  padding-right: 10px; }
+  padding-left : 10px;
+  padding-right: 10px;
+}
 
 .m-0 {
-  margin: 0 !important; }
+  margin: 0 !important;
+}
 
 .m-r-5 {
-  margin-right: 5px !important; }
+  margin-right: 5px !important;
+}
 
 .m-r-10 {
-  margin-right: 10px !important; }
+  margin-right: 10px !important;
+}
 
 .m-r-15 {
-  margin-right: 15px !important; }
+  margin-right: 15px !important;
+}
 
 .m-l-5 {
-  margin-left: 5px !important; }
+  margin-left: 5px !important;
+}
 
 .m-l-10 {
-  margin-left: 10px !important; }
+  margin-left: 10px !important;
+}
 
 .m-l-15 {
-  margin-left: 15px !important; }
+  margin-left: 15px !important;
+}
 
 .m-t-5 {
-  margin-top: 5px !important; }
+  margin-top: 5px !important;
+}
 
 .m-t-0 {
-  margin-top: 0 !important; }
+  margin-top: 0 !important;
+}
 
 .m-t-10 {
-  margin-top: 10px !important; }
+  margin-top: 10px !important;
+}
 
 .m-t-15 {
-  margin-top: 15px !important; }
+  margin-top: 15px !important;
+}
 
 .m-t-20 {
-  margin-top: 20px !important; }
+  margin-top: 20px !important;
+}
 
 .m-t-30 {
-  margin-top: 30px !important; }
+  margin-top: 30px !important;
+}
 
 .m-t-40 {
-  margin-top: 40px !important; }
+  margin-top: 40px !important;
+}
 
 .m-b-0 {
-  margin-bottom: 0 !important; }
+  margin-bottom: 0 !important;
+}
 
 .m-b-5 {
-  margin-bottom: 5px !important; }
+  margin-bottom: 5px !important;
+}
 
 .m-b-10 {
-  margin-bottom: 10px !important; }
+  margin-bottom: 10px !important;
+}
 
 .m-b-15 {
-  margin-bottom: 15px !important; }
+  margin-bottom: 15px !important;
+}
 
 .m-b-20 {
-  margin-bottom: 20px !important; }
+  margin-bottom: 20px !important;
+}
 
 .m-b-30 {
-  margin-bottom: 30px !important; }
+  margin-bottom: 30px !important;
+}
 
 .w-xs {
-  min-width: 80px; }
+  min-width: 80px;
+}
 
 .w-sm {
-  min-width: 95px; }
+  min-width: 95px;
+}
 
 .w-md {
-  min-width: 110px; }
+  min-width: 110px;
+}
 
 .w-lg {
-  min-width: 140px; }
+  min-width: 140px;
+}
 
 .m-h-40 {
-  min-height: 40px; }
+  min-height: 40px;
+}
 
 .m-h-50 {
-  min-height: 50px; }
+  min-height: 50px;
+}
 
 .l-h-34 {
-  line-height: 34px; }
+  line-height: 34px;
+}
 
 .font-600 {
-  font-weight: 600; }
+  font-weight: 600;
+}
 
 .font-bold {
-  font-weight: 700; }
+  font-weight: 700;
+}
 
 .font-normal {
-  font-weight: normal; }
+  font-weight: normal;
+}
 
 .font-light {
-  font-weight: 300; }
+  font-weight: 300;
+}
 
 .font-13 {
-  font-size: 13px !important; }
+  font-size: 13px !important;
+}
 
 .font-16 {
-  font-size: 16px !important; }
+  font-size: 16px !important;
+}
 
 .font-18 {
-  font-size: 18px !important; }
+  font-size: 18px !important;
+}
 
 .wrapper-md {
-  padding: 20px; }
+  padding: 20px;
+}
 
 .pull-in {
-  margin-left: -15px;
-  margin-right: -15px; }
+  margin-left : -15px;
+  margin-right: -15px;
+}
 
 .pull-in-card {
-  margin-left: -20px !important;
-  margin-right: -20px !important; }
+  margin-left : -20px !important;
+  margin-right: -20px !important;
+}
 
 .b-0 {
-  border: none !important; }
+  border: none !important;
+}
 
 .vertical-middle {
-  vertical-align: middle; }
+  vertical-align: middle;
+}
 
 .b-r-0 {
-  border-radius: 0 !important; }
+  border-radius: 0 !important;
+}
 
 .bx-shadow {
-  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+  -moz-box-shadow   : 0 1px 2px 0 rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); }
+  box-shadow        : 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
 
 .mx-box {
   max-height: 380px;
-  min-height: 380px; }
+  min-height: 380px;
+}
 
 .thumb-sm {
   height: 32px;
-  width: 32px; }
+  width : 32px;
+}
 
 .thumb-md {
   height: 48px;
-  width: 48px; }
+  width : 48px;
+}
 
 .thumb-lg {
   height: 88px;
-  width: 88px; }
+  width : 88px;
+}
 
 /* =============
    Extras
@@ -286,1247 +369,1770 @@ a.text-dark:focus, a.text-dark:hover {
 /* Table type box */
 .table-box {
   display: table;
-  height: 100%;
-  width: 100%; }
-  .table-box .table-detail {
-    display: table-cell;
-    vertical-align: middle; }
+  height : 100%;
+  width  : 100%;
+}
+
+.table-box .table-detail {
+  display       : table-cell;
+  vertical-align: middle;
+}
 
 /* Card Box */
 .card-box {
-  padding: 20px;
-  border: 1px solid rgba(54, 64, 74, 0.05);
-  border-radius: 5px;
-  margin-bottom: 20px;
-  background-clip: padding-box;
-  background-color: #36404a; }
+  padding         : 20px;
+  border          : 1px solid rgba(54, 64, 74, 0.05);
+  border-radius   : 5px;
+  margin-bottom   : 20px;
+  background-clip : padding-box;
+  background-color: #36404a;
+}
 
 /* Grid page */
 .grid-structure .grid-container {
   background-color: #f4f8fb;
-  margin-bottom: 10px;
-  padding: 10px 20px; }
+  margin-bottom   : 10px;
+  padding         : 10px 20px;
+}
 
 /* Demo only */
 .icon-list-demo div {
-  cursor: pointer;
+  cursor     : pointer;
   line-height: 45px;
   white-space: nowrap;
-  color: #98a6ad; }
-  .icon-list-demo div:hover {
-    color: #ffffff; }
-  .icon-list-demo div p {
-    margin-bottom: 0;
-    line-height: inherit; }
+  color      : #98a6ad;
+}
+
+.icon-list-demo div:hover {
+  color: #ffffff;
+}
+
+.icon-list-demo div p {
+  margin-bottom: 0;
+  line-height  : inherit;
+}
+
 .icon-list-demo i {
   -webkit-transition: all 0.2s;
-  display: inline-block;
-  font-size: 18px;
-  margin: 0;
-  text-align: center;
-  transition: all 0.2s;
-  vertical-align: middle;
-  width: 40px; }
+  display           : inline-block;
+  font-size         : 18px;
+  margin            : 0;
+  text-align        : center;
+  transition        : all 0.2s;
+  vertical-align    : middle;
+  width             : 40px;
+}
+
 .icon-list-demo .col-md-4 {
-  border-radius: 3px; }
-  .icon-list-demo .col-md-4:hover {
-    background-color: #33b5e5; }
-    .icon-list-demo .col-md-4:hover i {
-      -o-transform: scale(2);
-      -webkit-transform: scale(2);
-      -moz-transform: scale(2);
-      transform: scale(2); }
+  border-radius: 3px;
+}
+
+.icon-list-demo .col-md-4:hover {
+  background-color: #33b5e5;
+}
+
+.icon-list-demo .col-md-4:hover i {
+  -o-transform     : scale(2);
+  -webkit-transform: scale(2);
+  -moz-transform   : scale(2);
+  transform        : scale(2);
+}
 
 .button-list {
-  margin-left: -8px;
-  margin-bottom: -12px; }
-  .button-list .btn {
-    margin-bottom: 12px;
-    margin-left: 8px; }
+  margin-left  : -8px;
+  margin-bottom: -12px;
+}
+
+.button-list .btn {
+  margin-bottom: 12px;
+  margin-left  : 8px;
+}
 
 /* Switchery demo */
 .switchery-demo .switchery {
-  margin-bottom: 10px; }
+  margin-bottom: 10px;
+}
 
 .slider-track {
   background-image: none;
-  background-color: #4c5a67; }
+  background-color: #4c5a67;
+}
 
 /* =============
    Bootstrap-custom
 ============= */
 .container-fluid {
-  max-width: 95%; }
+  max-width: 95%;
+}
 
 .container-alt {
-  margin-left: auto;
-  margin-right: auto;
-  padding-left: 10px;
-  padding-right: 10px; }
+  margin-left  : auto;
+  margin-right : auto;
+  padding-left : 10px;
+  padding-right: 10px;
+}
 
 .row {
   margin-right: -10px;
-  margin-left: -10px; }
+  margin-left : -10px;
+}
 
-.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7,
-.col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
-.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10,
-.col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7,
-.col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2,
-.col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl,
-.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5,
-.col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
-  padding-left: 10px;
-  padding-right: 10px; }
+.col,
+.col-1,
+.col-10,
+.col-11,
+.col-12,
+.col-2,
+.col-3,
+.col-4,
+.col-5,
+.col-6,
+.col-7,
+.col-8,
+.col-9,
+.col-lg,
+.col-lg-1,
+.col-lg-10,
+.col-lg-11,
+.col-lg-12,
+.col-lg-2,
+.col-lg-3,
+.col-lg-4,
+.col-lg-5,
+.col-lg-6,
+.col-lg-7,
+.col-lg-8,
+.col-lg-9,
+.col-md,
+.col-md-1,
+.col-md-10,
+.col-md-11,
+.col-md-12,
+.col-md-2,
+.col-md-3,
+.col-md-4,
+.col-md-5,
+.col-md-6,
+.col-md-7,
+.col-md-8,
+.col-md-9,
+.col-sm,
+.col-sm-1,
+.col-sm-10,
+.col-sm-11,
+.col-sm-12,
+.col-sm-2,
+.col-sm-3,
+.col-sm-4,
+.col-sm-5,
+.col-sm-6,
+.col-sm-7,
+.col-sm-8,
+.col-sm-9,
+.col-xl,
+.col-xl-1,
+.col-xl-10,
+.col-xl-11,
+.col-xl-12,
+.col-xl-2,
+.col-xl-3,
+.col-xl-4,
+.col-xl-5,
+.col-xl-6,
+.col-xl-7,
+.col-xl-8,
+.col-xl-9 {
+  padding-left : 10px;
+  padding-right: 10px;
+}
 
 .breadcrumb {
   background-color: transparent;
-  margin-bottom: 15px;
-  padding-top: 10px;
-  padding-left: 0; }
-  .breadcrumb a {
-    color: #98a6ad; }
+  margin-bottom   : 15px;
+  padding-top     : 10px;
+  padding-left    : 0;
+}
 
-.breadcrumb > li + li:before {
-  padding: 0 5px;
-  color: #ccc;
-  content: "\f105" !important;
-  font-family: FontAwesome !important; }
+.breadcrumb a {
+  color: #98a6ad;
+}
+
+.breadcrumb>li+li:before {
+  padding    : 0 5px;
+  color      : #ccc;
+  content    : "\f105" !important;
+  font-family: FontAwesome !important;
+}
 
 /* Dropdown */
 .dropdown-menu {
-  padding: 4px 0;
-  border: 0;
-  font-size: inherit;
+  padding         : 4px 0;
+  border          : 0;
+  font-size       : inherit;
   background-color: #434f5c;
-  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
-  color: #e6e6e6; }
-  .dropdown-menu > li > a {
-    padding: 6px 20px; }
-  .dropdown-menu .dropdown-item {
-    color: #e6e6e6; }
-    .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover {
-      color: #ffffff;
-      background-color: #475462; }
-  .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
-    color: #ffffff;
-    background-color: #475462; }
+  box-shadow      : 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+  color           : #e6e6e6;
+}
 
-.dropdown-item.active, .dropdown-item:active {
+.dropdown-menu>li>a {
+  padding: 6px 20px;
+}
+
+.dropdown-menu .dropdown-item {
+  color: #e6e6e6;
+}
+
+.dropdown-menu .dropdown-item:focus,
+.dropdown-menu .dropdown-item:hover {
+  color           : #ffffff;
+  background-color: #475462;
+}
+
+.dropdown-menu .dropdown-item.active,
+.dropdown-menu .dropdown-item:active {
+  color           : #ffffff;
+  background-color: #475462;
+}
+
+.dropdown-item.active,
+.dropdown-item:active {
   background-color: #f2f2f2;
-  color: inherit; }
+  color           : inherit;
+}
 
 .dropup .dropdown-menu {
-  box-shadow: 0px -1px 5px 0 rgba(0, 0, 0, 0.26); }
+  box-shadow: 0px -1px 5px 0 rgba(0, 0, 0, 0.26);
+}
 
 .dropdown-lg {
-  width: 260px; }
+  width: 260px;
+}
 
 .arrow-none:after {
-  border: none;
-  margin: 0;
-  display: none; }
+  border : none;
+  margin : 0;
+  display: none;
+}
 
 .popover-header {
   margin-top: 0;
-  color: #36404a; }
+  color     : #36404a;
+}
 
 .blockquote {
-  font-size: 1.01rem; }
+  font-size: 1.01rem;
+}
 
 /* Close Icon */
 .close {
   opacity: .6;
-  color: #ffffff; }
+  color  : #ffffff;
+}
 
 /* Background colors */
 .bg-custom {
-  background-color: #5fbeaa !important; }
+  background-color: #5fbeaa !important;
+}
 
 .bg-primary {
-  background-color: #5d9cec !important; }
+  background-color: #5d9cec !important;
+}
 
 .bg-success {
-  background-color: #81c868 !important; }
+  background-color: #81c868 !important;
+}
 
 .bg-info {
-  background-color: #34d3eb !important; }
+  background-color: #34d3eb !important;
+}
 
 .bg-warning {
-  background-color: #ffbd4a !important; }
+  background-color: #ffbd4a !important;
+}
 
 .bg-danger {
-  background-color: #f05050 !important; }
+  background-color: #f05050 !important;
+}
 
 .bg-muted {
-  background-color: #f4f8fb !important; }
+  background-color: #f4f8fb !important;
+}
 
 .bg-inverse {
-  background-color: #4c5667 !important; }
+  background-color: #4c5667 !important;
+}
 
 .bg-purple {
-  background-color: #7266ba !important; }
+  background-color: #7266ba !important;
+}
 
 .bg-pink {
-  background-color: #fb6d9d !important; }
+  background-color: #fb6d9d !important;
+}
 
 .bg-white {
-  background-color: #ffffff !important; }
+  background-color: #ffffff !important;
+}
 
 .bg-lightdark {
-  background-color: #f4f8fb !important; }
+  background-color: #f4f8fb !important;
+}
 
 /* Text colors */
 .text-custom {
-  color: #5fbeaa !important; }
+  color: #5fbeaa !important;
+}
 
 .text-white {
-  color: #36404a !important; }
+  color: #36404a !important;
+}
 
 .text-danger {
-  color: #f05050 !important; }
+  color: #f05050 !important;
+}
 
 .text-muted {
-  color: #98a6ad !important; }
+  color: #98a6ad !important;
+}
 
 .text-primary {
-  color: #5d9cec !important; }
+  color: #5d9cec !important;
+}
 
 .text-warning {
-  color: #ffbd4a !important; }
+  color: #ffbd4a !important;
+}
 
 .text-success {
-  color: #81c868 !important; }
+  color: #81c868 !important;
+}
 
 .text-info {
-  color: #34d3eb !important; }
+  color: #34d3eb !important;
+}
 
 .text-inverse {
-  color: #4c5667 !important; }
+  color: #4c5667 !important;
+}
 
 .text-pink {
-  color: #fb6d9d !important; }
+  color: #fb6d9d !important;
+}
 
 .text-purple {
-  color: #7266ba !important; }
+  color: #7266ba !important;
+}
 
 .text-dark {
-  color: #ffffff !important; }
+  color: #ffffff !important;
+}
 
 /* Labels */
 .label {
-  display: inline;
-  padding: 0.3em .6em;
-  font-size: 75%;
-  font-weight: 700;
-  line-height: 1;
-  color: #fff;
-  text-align: center;
-  white-space: nowrap;
+  display       : inline;
+  padding       : 0.3em .6em;
+  font-size     : 75%;
+  font-weight   : 700;
+  line-height   : 1;
+  color         : #fff;
+  text-align    : center;
+  white-space   : nowrap;
   vertical-align: baseline;
-  border-radius: .25em; }
+  border-radius : .25em;
+}
 
 .label:empty {
-  display: none; }
+  display: none;
+}
 
 .label-white {
   background-color: rgba(255, 255, 255, 0.7);
-  color: #36404a !important; }
+  color           : #36404a !important;
+}
 
 .label-default {
-  background-color: #33b5e5; }
+  background-color: #33b5e5;
+}
 
 .label-primary {
-  background-color: #5d9cec; }
+  background-color: #5d9cec;
+}
 
 .label-success {
-  background-color: #81c868; }
+  background-color: #81c868;
+}
 
 .label-info {
-  background-color: #34d3eb; }
+  background-color: #34d3eb;
+}
 
 .label-warning {
-  background-color: #ffbd4a; }
+  background-color: #ffbd4a;
+}
 
 .label-danger {
-  background-color: #f05050; }
+  background-color: #f05050;
+}
 
 .label-purple {
-  background-color: #7266ba; }
+  background-color: #7266ba;
+}
 
 .label-pink {
-  background-color: #fb6d9d; }
+  background-color: #fb6d9d;
+}
 
 .label-inverse {
-  background-color: #4c5667; }
+  background-color: #4c5667;
+}
 
 .label-muted {
-  background-color: #98a6ad; }
+  background-color: #98a6ad;
+}
 
 /* Badge */
 .badge {
-  text-transform: uppercase;
-  padding: 3px 5px;
-  margin-top: 1px;
-  display: inline-block;
-  min-width: 10px;
-  font-weight: 700;
-  line-height: 1;
-  color: #ffffff;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: middle;
-  border-radius: 10px;
-  background-color: #33b5e5; }
+  text-transform  : uppercase;
+  padding         : 3px 5px;
+  margin-top      : 1px;
+  display         : inline-block;
+  min-width       : 10px;
+  font-weight     : 700;
+  line-height     : 1;
+  color           : #ffffff;
+  text-align      : center;
+  white-space     : nowrap;
+  vertical-align  : middle;
+  border-radius   : 10px;
+  background-color: #33b5e5;
+}
 
 .badge-xs {
-  font-size: 9px; }
+  font-size: 9px;
+}
 
-.badge-xs, .badge-sm {
+.badge-xs,
+.badge-sm {
   -webkit-transform: translate(0, -2px);
-  -ms-transform: translate(0, -2px);
-  -o-transform: translate(0, -2px);
-  transform: translate(0, -2px); }
+  -ms-transform    : translate(0, -2px);
+  -o-transform     : translate(0, -2px);
+  transform        : translate(0, -2px);
+}
 
 .badge-white {
   background-color: rgba(255, 255, 255, 0.7);
-  color: #36404a !important; }
+  color           : #36404a !important;
+}
 
 .badge-primary {
-  background-color: #5d9cec; }
+  background-color: #5d9cec;
+}
 
 .badge-success {
-  background-color: #81c868; }
+  background-color: #81c868;
+}
 
 .badge-info {
-  background-color: #34d3eb; }
+  background-color: #34d3eb;
+}
 
 .badge-warning {
-  background-color: #ffbd4a; }
+  background-color: #ffbd4a;
+}
 
 .badge-danger {
-  background-color: #f05050; }
+  background-color: #f05050;
+}
 
 .badge-purple {
-  background-color: #7266ba; }
+  background-color: #7266ba;
+}
 
 .badge-pink {
-  background-color: #fb6d9d; }
+  background-color: #fb6d9d;
+}
 
 .badge-inverse {
-  background-color: #4c5667; }
+  background-color: #4c5667;
+}
 
 /* List group */
 .list-group-item {
-  background-color: transparent; }
+  background-color: transparent;
+}
 
-.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
   background-color: #33b5e5;
-  border-color: #33b5e5; }
+  border-color    : #33b5e5;
+}
 
 /* Dropcap */
 .dropcap {
-  font-size: 3.1em; }
+  font-size: 3.1em;
+}
 
-.dropcap, .dropcap-circle, .dropcap-square {
-  display: block;
-  float: left;
-  font-weight: 400;
-  line-height: 36px;
+.dropcap,
+.dropcap-circle,
+.dropcap-square {
+  display     : block;
+  float       : left;
+  font-weight : 400;
+  line-height : 36px;
   margin-right: 6px;
-  text-shadow: none; }
+  text-shadow : none;
+}
 
 /* Tooltips */
 .tooltip-inner {
   border-radius: 1px;
-  padding: 6px 10px; }
+  padding      : 6px 10px;
+}
 
 .jqstooltip {
   -webkit-box-sizing: content-box;
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-  width: auto !important;
-  height: auto !important; }
+  -moz-box-sizing   : content-box;
+  box-sizing        : content-box;
+  width             : auto !important;
+  height            : auto !important;
+}
 
 /* Popover */
 .popover {
-  font-family: inherit;
-  border-radius: 3px; }
-  .popover .popover-title {
-    background-color: transparent;
-    color: #33b5e5;
-    font-weight: 600;
-    margin: 0; }
+  font-family  : inherit;
+  border-radius: 3px;
+}
+
+.popover .popover-title {
+  background-color: transparent;
+  color           : #33b5e5;
+  font-weight     : 600;
+  margin          : 0;
+}
 
 /* Code */
 code {
-  color: #5d9cec;
+  color           : #5d9cec;
   background-color: #414d59;
-  border-radius: 4px; }
+  border-radius   : 4px;
+}
 
 /* Pre */
 pre {
   background-color: #f4f8fb;
-  border: 1px solid #D4D8DA; }
+  border          : 1px solid #D4D8DA;
+}
 
 /* Media */
 .media {
-  margin-bottom: 20px; }
-  .media .media-heading {
-    font-weight: 600;
-    font-size: 16px; }
+  margin-bottom: 20px;
+}
+
+.media .media-heading {
+  font-weight: 600;
+  font-size  : 16px;
+}
 
 .media:last-of-type {
-  margin-bottom: 0; }
+  margin-bottom: 0;
+}
 
 .card {
-  background-color: #36404a; }
+  background-color: #36404a;
+}
 
 .list-group-item {
-  border: 1px solid #4c5a67; }
+  border: 1px solid #4c5a67;
+}
 
 .img-thumbnail {
   background-color: #4c5a67;
-  border: 1px solid #505f6d; }
+  border          : 1px solid #505f6d;
+}
 
 hr {
-  border-top: 1px solid #566676; }
+  border-top: 1px solid #566676;
+}
 
 /* ===========
    Pagination
  =============*/
-.pagination > li:first-child > a,
-.pagination > li:first-child > span {
+.pagination>li:first-child>a,
+.pagination>li:first-child>span {
   border-bottom-left-radius: 3px;
-  border-top-left-radius: 3px; }
+  border-top-left-radius   : 3px;
+}
 
-.pagination > li:last-child > a,
-.pagination > li:last-child > span {
+.pagination>li:last-child>a,
+.pagination>li:last-child>span {
   border-bottom-right-radius: 3px;
-  border-top-right-radius: 3px; }
+  border-top-right-radius   : 3px;
+}
 
-.pagination > li > a,
-.pagination > li > span {
-  color: #e6e6e6; }
+.pagination>li>a,
+.pagination>li>span {
+  color: #e6e6e6;
+}
 
-.pagination > li > a:hover,
-.pagination > li > span:hover,
-.pagination > li > a:focus,
-.pagination > li > span:focus {
+.pagination>li>a:hover,
+.pagination>li>span:hover,
+.pagination>li>a:focus,
+.pagination>li>span:focus {
   background-color: #566676;
-  color: #ffffff; }
+  color           : #ffffff;
+}
 
 .pagination-split li {
   margin-left: 5px;
-  display: inline-block;
-  float: left; }
+  display    : inline-block;
+  float      : left;
+}
 
 .pagination-split li:first-child {
-  margin-left: 0; }
+  margin-left: 0;
+}
 
 .pagination-split li a {
-  -moz-border-radius: 3px;
+  -moz-border-radius   : 3px;
   -webkit-border-radius: 3px;
-  border-radius: 3px; }
+  border-radius        : 3px;
+}
 
-.pagination > .active > a,
-.pagination > .active > span,
-.pagination > .active > a:hover,
-.pagination > .active > span:hover,
-.pagination > .active > a:focus,
-.pagination > .active > span:focus,
+.pagination>.active>a,
+.pagination>.active>span,
+.pagination>.active>a:hover,
+.pagination>.active>span:hover,
+.pagination>.active>a:focus,
+.pagination>.active>span:focus,
 .page-item.active .page-link {
   background-color: #33b5e5;
-  border-color: #33b5e5; }
+  border-color    : #33b5e5;
+}
 
-.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
-  opacity: 0.6; }
+.pager .disabled>a,
+.pager .disabled>a:focus,
+.pager .disabled>a:hover,
+.pager .disabled>span {
+  opacity: 0.6;
+}
 
-.pager li > a, .pager li > span {
-  -moz-border-radius: 3px;
+.pager li>a,
+.pager li>span {
+  -moz-border-radius   : 3px;
   -webkit-border-radius: 3px;
-  border-radius: 3px;
-  color: #4c5667; }
+  border-radius        : 3px;
+  color                : #4c5667;
+}
 
 .page-link {
   background-color: #4c5a67;
-  border: none; }
+  border          : none;
+}
 
 .page-item.disabled .page-link {
-  color: #ffffff;
-  background-color: #566676; }
+  color           : #ffffff;
+  background-color: #566676;
+}
 
 .page-item.active .page-link {
-  background-color: #33b5e5; }
+  background-color: #33b5e5;
+}
 
 /* Form components */
 label {
-  font-weight: 600; }
+  font-weight: 600;
+}
 
 .form-control {
-  border: 1px solid #505f6d;
+  border          : 1px solid #505f6d;
   background-color: #414d59;
-  box-shadow: none;
-  color: #ffffff;
-  font-size: inherit; }
-  .form-control:focus {
-    background: #45525f;
-    border-color: #566676;
-    box-shadow: none;
-    color: #ffffff; }
+  box-shadow      : none;
+  color           : #ffffff;
+  font-size       : inherit;
+}
 
-.form-control:disabled, .form-control[readonly] {
-  background-color: #475462; }
+.form-control:focus {
+  background  : #45525f;
+  border-color: #566676;
+  box-shadow  : none;
+  color       : #ffffff;
+}
+
+.form-control:disabled,
+.form-control[readonly] {
+  background-color: #475462;
+}
 
 .input-group-addon {
-  border-radius: 2px;
+  border-radius   : 2px;
   background-color: #475462;
-  color: #98a6ad;
-  border: 1px solid #566676; }
+  color           : #98a6ad;
+  border          : 1px solid #566676;
+}
 
 textarea.form-control {
-  min-height: 90px; }
+  min-height: 90px;
+}
 
 select[multiple] {
-  height: auto; }
+  height: auto;
+}
 
 .input-lg {
-  height: 46px;
-  padding: 10px 16px;
-  font-size: 18px;
-  line-height: 1.3333333;
-  border-radius: 6px; }
+  height       : 46px;
+  padding      : 10px 16px;
+  font-size    : 18px;
+  line-height  : 1.3333333;
+  border-radius: 6px;
+}
 
 .input-sm {
-  height: 30px;
-  padding: 5px 10px;
-  font-size: 12px;
-  line-height: 1.5;
-  border-radius: 3px; }
+  height       : 30px;
+  padding      : 5px 10px;
+  font-size    : 12px;
+  line-height  : 1.5;
+  border-radius: 3px;
+}
 
 .form-horizontal .form-group {
-  margin-left: -10px;
-  margin-right: -10px; }
+  margin-left : -10px;
+  margin-right: -10px;
+}
 
 .form-control-feedback {
-  line-height: 38px !important; }
+  line-height: 38px !important;
+}
 
 .input-group-btn .btn {
-  padding: 10px 12px; }
+  padding: 10px 12px;
+}
+
 .input-group-btn .btn-sm {
-  padding: 4px 10px; }
+  padding: 4px 10px;
+}
+
 .input-group-btn .btn-lg {
-  padding: 10px 17px; }
+  padding: 10px 17px;
+}
 
 .has-success .form-control {
   border-color: #81c868;
-  box-shadow: none !important; }
+  box-shadow  : none !important;
+}
 
 .has-warning .form-control {
   border-color: #ffbd4a;
-  box-shadow: none !important; }
+  box-shadow  : none !important;
+}
 
 .has-error .form-control {
   border-color: #f05050;
-  box-shadow: none !important; }
+  box-shadow  : none !important;
+}
 
 /* =============
    Tabs
 ============= */
 .tab-content {
-  padding: 20px 0 0 0; }
+  padding: 20px 0 0 0;
+}
 
 .nav-tabs {
-  border-bottom: 1px solid #4c5a67; }
+  border-bottom: 1px solid #4c5a67;
+}
 
-.nav-tabs > li > a, .nav-pills > li > a {
-  color: #98a6ad;
-  font-weight: 600; }
+.nav-tabs>li>a,
+.nav-pills>li>a {
+  color      : #98a6ad;
+  font-weight: 600;
+}
 
-.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
-  background-color: #33b5e5; }
+.nav-pills .nav-item.show .nav-link,
+.nav-pills .nav-link.active {
+  background-color: #33b5e5;
+}
 
 /* Vertial tab */
 .tabs-vertical-env .tab-content {
-  background: #3a4550;
-  display: table-cell;
-  padding: 0 0 0 20px;
-  margin-bottom: 0;
-  vertical-align: top; }
-.tabs-vertical-env .nav.tabs-vertical {
-  display: table-cell;
-  min-width: 120px;
+  background    : #3a4550;
+  display       : table-cell;
+  padding       : 0 0 0 20px;
+  margin-bottom : 0;
   vertical-align: top;
-  width: 150px; }
-  .tabs-vertical-env .nav.tabs-vertical li > a {
-    color: #98a6ad;
-    white-space: nowrap;
-    font-weight: 600;
-    border-radius: 2px; }
-  .tabs-vertical-env .nav.tabs-vertical li > a.active {
-    background-color: #33b5e5;
-    border: 0;
-    color: #ffffff; }
+}
+
+.tabs-vertical-env .nav.tabs-vertical {
+  display       : table-cell;
+  min-width     : 120px;
+  vertical-align: top;
+  width         : 150px;
+}
+
+.tabs-vertical-env .nav.tabs-vertical li>a {
+  color        : #98a6ad;
+  white-space  : nowrap;
+  font-weight  : 600;
+  border-radius: 2px;
+}
+
+.tabs-vertical-env .nav.tabs-vertical li>a.active {
+  background-color: #33b5e5;
+  border          : 0;
+  color           : #ffffff;
+}
 
 .tabs-vertical-env-right .tab-content {
-  padding: 0 20px 0 0; }
+  padding: 0 20px 0 0;
+}
 
 .tabs-bordered {
-  border-bottom: 2px solid rgba(152, 166, 173, 0.2) !important; }
-  .tabs-bordered .nav-item {
-    margin-bottom: -2px; }
+  border-bottom: 2px solid rgba(152, 166, 173, 0.2) !important;
+}
 
-.tabs-bordered li a, .tabs-bordered li a:hover, .tabs-bordered li a:focus {
-  border: 0 !important;
-  padding: 10px 20px !important; }
+.tabs-bordered .nav-item {
+  margin-bottom: -2px;
+}
+
+.tabs-bordered li a,
+.tabs-bordered li a:hover,
+.tabs-bordered li a:focus {
+  border : 0 !important;
+  padding: 10px 20px !important;
+}
 
 .tabs-bordered li a.active {
-  border-bottom: 2px solid #5fbeaa !important; }
+  border-bottom: 2px solid #5fbeaa !important;
+}
 
 /* Navpills */
-.nav-pills > li > a {
-  color: #98a6ad; }
+.nav-pills>li>a {
+  color: #98a6ad;
+}
 
-.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
-  background-color: #33b5e5; }
+.nav-pills>li.active>a,
+.nav-pills>li.active>a:focus,
+.nav-pills>li.active>a:hover {
+  background-color: #33b5e5;
+}
 
-.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
-  color: #ffffff;
+.nav-tabs .nav-item.show .nav-link,
+.nav-tabs .nav-link.active {
+  color           : #ffffff;
   background-color: #4c5a67;
-  border-color: #4c5a67 #4c5a67 #4c5a67; }
+  border-color    : #4c5a67 #4c5a67 #4c5a67;
+}
 
-.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
-  border-color: #4c5a67 #4c5a67 #4c5a67; }
+.nav-tabs .nav-link:focus,
+.nav-tabs .nav-link:hover {
+  border-color: #4c5a67 #4c5a67 #4c5a67;
+}
 
 /* =============
    Alerts
 ============= */
 .alert-success {
   background-color: #dff1d8 !important;
-  border-color: #a0d68d !important;
-  color: #81c868; }
-  .alert-success .alert-link {
-    color: #81c868; }
+  border-color    : #a0d68d !important;
+  color           : #81c868;
+}
+
+.alert-success .alert-link {
+  color: #81c868;
+}
 
 .alert-info {
   background-color: #d6f6fb !important;
-  border-color: #62ddf0 !important;
-  color: #34d3eb; }
-  .alert-info .alert-link {
-    color: #34d3eb; }
+  border-color    : #62ddf0 !important;
+  color           : #34d3eb;
+}
+
+.alert-info .alert-link {
+  color: #34d3eb;
+}
 
 .alert-warning {
   background-color: #fff5e3 !important;
-  border-color: #ffd07d !important;
-  color: #ffbd4a; }
-  .alert-warning .alert-link {
-    color: #ffbd4a; }
+  border-color    : #ffd07d !important;
+  color           : #ffbd4a;
+}
+
+.alert-warning .alert-link {
+  color: #ffbd4a;
+}
 
 .alert-danger {
   background-color: #fef4f4 !important;
-  border-color: #f47f7f !important;
-  color: #f05050; }
-  .alert-danger .alert-link {
-    color: #f05050; }
+  border-color    : #f47f7f !important;
+  color           : #f05050;
+}
+
+.alert-danger .alert-link {
+  color: #f05050;
+}
 
 /* Modals */
 .modal .modal-dialog .modal-content {
-  -moz-box-shadow: none;
+  -moz-box-shadow   : none;
   -webkit-box-shadow: none;
-  border-color: #566676;
-  border-radius: 2px;
-  box-shadow: none;
-  padding: 25px;
-  background-color: #4c5a67; }
-  .modal .modal-dialog .modal-content .modal-header {
-    margin: 0;
-    padding: 0 0 15px 0;
-    border-bottom: 2px solid #566676; }
-  .modal .modal-dialog .modal-content .modal-body {
-    padding: 20px 0; }
-  .modal .modal-dialog .modal-content .modal-footer {
-    padding: 15px 0 0 0;
-    border-top: 1px solid #566676; }
+  border-color      : #566676;
+  border-radius     : 2px;
+  box-shadow        : none;
+  padding           : 25px;
+  background-color  : #4c5a67;
+}
+
+.modal .modal-dialog .modal-content .modal-header {
+  margin       : 0;
+  padding      : 0 0 15px 0;
+  border-bottom: 2px solid #566676;
+}
+
+.modal .modal-dialog .modal-content .modal-body {
+  padding: 20px 0;
+}
+
+.modal .modal-dialog .modal-content .modal-footer {
+  padding   : 15px 0 0 0;
+  border-top: 1px solid #566676;
+}
 
 .modal-full {
-  width: 98%;
-  max-width: 100%; }
+  width    : 98%;
+  max-width: 100%;
+}
 
-.modal-content .nav.nav-tabs + .tab-content {
-  margin-bottom: 0; }
+.modal-content .nav.nav-tabs+.tab-content {
+  margin-bottom: 0;
+}
 
 /* Custom-modal */
 .modal-demo {
   background-color: #4c5a67;
-  width: 600px;
-  border-radius: 4px;
-  display: none; }
-  .modal-demo .close {
-    position: absolute;
-    top: 15px;
-    right: 25px;
-    color: #eeeeee; }
+  width           : 600px;
+  border-radius   : 4px;
+  display         : none;
+}
+
+.modal-demo .close {
+  position: absolute;
+  top     : 15px;
+  right   : 25px;
+  color   : #eeeeee;
+}
 
 .custom-modal-title {
-  padding: 15px 25px 15px 25px;
-  line-height: 22px;
-  font-size: 18px;
+  padding         : 15px 25px 15px 25px;
+  line-height     : 22px;
+  font-size       : 18px;
   background-color: #33b5e5;
-  color: #ffffff;
-  text-align: left;
-  margin: 0; }
+  color           : #ffffff;
+  text-align      : left;
+  margin          : 0;
+}
 
 .custom-modal-text {
-  padding: 20px; }
+  padding: 20px;
+}
 
-.custombox-modal-flash .close, .custombox-modal-rotatedown .close {
-  top: 20px;
-  z-index: 9999; }
+.custombox-modal-flash .close,
+.custombox-modal-rotatedown .close {
+  top    : 20px;
+  z-index: 9999;
+}
 
 /* =============
    Carousel
 ============= */
 .carousel-control {
-  width: 10%; }
-  .carousel-control span {
-    position: absolute;
-    top: 50%;
-    z-index: 5;
-    display: inline-block;
-    font-size: 30px; }
+  width: 10%;
+}
+
+.carousel-control span {
+  position : absolute;
+  top      : 50%;
+  z-index  : 5;
+  display  : inline-block;
+  font-size: 30px;
+}
 
 .carousel-item.active,
 .carousel-item-next,
 .carousel-item-prev {
-  display: block; }
+  display: block;
+}
 
 /* Owl */
 .slider-bg {
   background-size: cover !important;
-  padding: 5.5% 4.5%; }
+  padding        : 5.5% 4.5%;
+}
 
 .container {
-  width: 90%; }
+  width: 90%;
+}
 
 .wrapper {
-  padding-top: 130px; }
+  padding-top: 130px;
+}
 
 .page-title-box {
-  padding: 22px 0; }
-  .page-title-box .page-title {
-    font-size: 20px;
-    margin-bottom: 0;
-    margin-top: 0;
-    font-weight: 600; }
+  padding: 22px 0;
+}
+
+.page-title-box .page-title {
+  font-size    : 20px;
+  margin-bottom: 0;
+  margin-top   : 0;
+  font-weight  : 600;
+}
 
 #topnav {
-  position: fixed;
-  right: 0;
-  left: 0;
-  top: 0;
-  z-index: 1030;
-  background-color: transparent;
-  border: 0;
+  position          : fixed;
+  right             : 0;
+  left              : 0;
+  top               : 0;
+  z-index           : 1030;
+  background-color  : transparent;
+  border            : 0;
   -webkit-transition: all .5s ease;
-  transition: all .5s ease;
-  min-height: 62px; }
-  #topnav .has-submenu.active > a {
-    color: #33b5e5;
-    background-color: rgba(255, 255, 255, 0.1) !important; }
-    #topnav .has-submenu.active > a i {
-      color: #33b5e5; }
-  #topnav .has-submenu.active .submenu li.active > a {
-    color: #33b5e5; }
-  #topnav .topbar-main {
-    background: #303841; }
-    #topnav .topbar-main .logo {
-      color: #36404a !important;
-      font-size: 24px;
-      font-weight: 700;
-      letter-spacing: 1px;
-      line-height: 60px;
-      text-transform: uppercase;
-      float: left; }
-    #topnav .topbar-main .logo-sm {
-      display: none; }
-    #topnav .topbar-main .badge-topbar {
-      position: absolute;
-      top: 7px;
-      right: 7px;
-      z-index: 99; }
-    #topnav .topbar-main .nav > li > a {
-      height: 36px;
-      width: 36px;
-      padding: 0;
-      font-size: 24px;
-      line-height: 35px;
-      text-align: center;
-      border-radius: 50%;
-      margin: 12px 8px;
-      color: rgba(54, 64, 74, 0.7); }
-      #topnav .topbar-main .nav > li > a:focus, #topnav .topbar-main .nav > li > a:hover {
-        background-color: rgba(54, 64, 74, 0.1);
-        color: #36404a; }
-    #topnav .topbar-main .navbar-nav > .open > a {
-      background-color: rgba(54, 64, 74, 0.1) !important; }
-    #topnav .topbar-main .profile img {
-      height: 34px;
-      width: 34px;
-      display: block; }
-    #topnav .topbar-main .dropdown-menu-lg {
-      width: 300px; }
-      #topnav .topbar-main .dropdown-menu-lg .list-group {
-        margin-bottom: 0; }
-      #topnav .topbar-main .dropdown-menu-lg .list-group-item {
-        border: none;
-        padding: 10px 20px; }
-      #topnav .topbar-main .dropdown-menu-lg .media-heading {
-        margin-bottom: 0px; }
-      #topnav .topbar-main .dropdown-menu-lg .media-body p {
-        color: #828282; }
-    #topnav .topbar-main .navbar-nav {
-      margin: 0px; }
-  #topnav .app-search {
-    position: relative;
-    margin-top: 14px; }
-    #topnav .app-search a {
-      position: absolute;
-      top: 7px;
-      right: 26px;
-      color: rgba(54, 64, 74, 0.7); }
-      #topnav .app-search a:hover {
-        color: rgba(54, 64, 74, 0.9); }
-    #topnav .app-search .form-control,
-    #topnav .app-search .form-control:focus {
-      border-color: transparent;
-      height: 34px;
-      color: #36404a;
-      border-radius: 30px;
-      padding: 7px 40px 7px 20px;
-      margin: 0 12px 0 5px;
-      background: rgba(54, 64, 74, 0.1);
-      box-shadow: none;
-      width: 190px; }
-  #topnav .app-search input::-webkit-input-placeholder {
-    color: rgba(54, 64, 74, 0.8); }
-  #topnav .app-search input:-moz-placeholder {
-    color: rgba(54, 64, 74, 0.8); }
-  #topnav .app-search input::-moz-placeholder {
-    color: rgba(54, 64, 74, 0.8); }
-  #topnav .app-search input:-ms-input-placeholder {
-    color: rgba(54, 64, 74, 0.8); }
-  #topnav .navbar-custom {
-    background-color: #414d59;
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
-  #topnav .navbar-toggle {
-    border: 0;
-    position: relative;
-    padding: 0;
-    margin: 0;
-    cursor: pointer; }
-    #topnav .navbar-toggle:hover {
-      background-color: transparent; }
-      #topnav .navbar-toggle:hover span {
-        background-color: #98a6ad; }
-    #topnav .navbar-toggle:focus {
-      background-color: transparent; }
-      #topnav .navbar-toggle:focus span {
-        background-color: #ffffff; }
-    #topnav .navbar-toggle .lines {
-      width: 25px;
-      display: block;
-      position: relative;
-      margin: 0 10px 0 0;
-      padding-top: 13px;
-      height: 23px;
-      -webkit-transition: all .5s ease;
-      transition: all .5s ease; }
-    #topnav .navbar-toggle span {
-      height: 2px;
-      width: 100%;
-      background-color: rgba(255, 255, 255, 0.8);
-      display: block;
-      margin-bottom: 5px;
-      -webkit-transition: -webkit-transform .5s ease;
-      transition: -webkit-transform .5s ease;
-      transition: transform .5s ease; }
-  #topnav .navbar-toggle.open span {
-    position: absolute; }
-    #topnav .navbar-toggle.open span:first-child {
-      top: 18px;
-      -webkit-transform: rotate(45deg);
-      transform: rotate(45deg); }
-    #topnav .navbar-toggle.open span:nth-child(2) {
-      visibility: hidden; }
-    #topnav .navbar-toggle.open span:last-child {
-      width: 100%;
-      top: 18px;
-      -webkit-transform: rotate(-45deg);
-      transform: rotate(-45deg); }
-  #topnav .navigation-menu {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    text-align: center; }
-  #topnav .navigation-menu > li {
-    display: inline-block;
-    position: relative; }
-  #topnav .navigation-menu > li > a {
-    display: block;
-    color: rgba(255, 255, 255, 0.7);
-    font-weight: 500;
-    -webkit-transition: all .5s ease;
-    transition: all .5s ease;
-    line-height: 20px;
-    padding-left: 25px;
-    padding-right: 25px; }
-    #topnav .navigation-menu > li > a:hover {
-      color: #33b5e5; }
-    #topnav .navigation-menu > li > a:focus {
-      color: #33b5e5; }
-    #topnav .navigation-menu > li > a:active {
-      color: #33b5e5; }
-    #topnav .navigation-menu > li > a i {
-      font-size: 18px;
-      vertical-align: middle;
-      margin-bottom: 5px;
-      text-align: center;
-      display: block;
-      -webkit-transition: all .5s ease;
-      transition: all .5s ease; }
-  #topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:focus {
-    background-color: transparent; }
+  transition        : all .5s ease;
+  min-height        : 62px;
+}
+
+#topnav .has-submenu.active>a {
+  color           : #33b5e5;
+  background-color: rgba(255, 255, 255, 0.1) !important;
+}
+
+#topnav .has-submenu.active>a i {
+  color: #33b5e5;
+}
+
+#topnav .has-submenu.active .submenu li.active>a {
+  color: #33b5e5;
+}
+
+#topnav .topbar-main {
+  background: #303841;
+}
+
+#topnav .topbar-main .logo {
+  color         : #36404a !important;
+  font-size     : 24px;
+  font-weight   : 700;
+  letter-spacing: 1px;
+  line-height   : 60px;
+  text-transform: uppercase;
+  float         : left;
+}
+
+#topnav .topbar-main .logo-sm {
+  display: none;
+}
+
+#topnav .topbar-main .badge-topbar {
+  position: absolute;
+  top     : 7px;
+  right   : 7px;
+  z-index : 99;
+}
+
+#topnav .topbar-main .nav>li>a {
+  height       : 36px;
+  width        : 36px;
+  padding      : 0;
+  font-size    : 24px;
+  line-height  : 35px;
+  text-align   : center;
+  border-radius: 50%;
+  margin       : 12px 8px;
+  color        : rgba(54, 64, 74, 0.7);
+}
+
+#topnav .topbar-main .nav>li>a:focus,
+#topnav .topbar-main .nav>li>a:hover {
+  background-color: rgba(54, 64, 74, 0.1);
+  color           : #36404a;
+}
+
+#topnav .topbar-main .navbar-nav>.open>a {
+  background-color: rgba(54, 64, 74, 0.1) !important;
+}
+
+#topnav .topbar-main .profile img {
+  height : 34px;
+  width  : 34px;
+  display: block;
+}
+
+#topnav .topbar-main .dropdown-menu-lg {
+  width: 300px;
+}
+
+#topnav .topbar-main .dropdown-menu-lg .list-group {
+  margin-bottom: 0;
+}
+
+#topnav .topbar-main .dropdown-menu-lg .list-group-item {
+  border : none;
+  padding: 10px 20px;
+}
+
+#topnav .topbar-main .dropdown-menu-lg .media-heading {
+  margin-bottom: 0px;
+}
+
+#topnav .topbar-main .dropdown-menu-lg .media-body p {
+  color: #828282;
+}
+
+#topnav .topbar-main .navbar-nav {
+  margin: 0px;
+}
+
+#topnav .app-search {
+  position  : relative;
+  margin-top: 14px;
+}
+
+#topnav .app-search a {
+  position: absolute;
+  top     : 7px;
+  right   : 26px;
+  color   : rgba(54, 64, 74, 0.7);
+}
+
+#topnav .app-search a:hover {
+  color: rgba(54, 64, 74, 0.9);
+}
+
+#topnav .app-search .form-control,
+#topnav .app-search .form-control:focus {
+  border-color : transparent;
+  height       : 34px;
+  color        : #36404a;
+  border-radius: 30px;
+  padding      : 7px 40px 7px 20px;
+  margin       : 0 12px 0 5px;
+  background   : rgba(54, 64, 74, 0.1);
+  box-shadow   : none;
+  width        : 190px;
+}
+
+#topnav .app-search input::-webkit-input-placeholder {
+  color: rgba(54, 64, 74, 0.8);
+}
+
+#topnav .app-search input:-moz-placeholder {
+  color: rgba(54, 64, 74, 0.8);
+}
+
+#topnav .app-search input::-moz-placeholder {
+  color: rgba(54, 64, 74, 0.8);
+}
+
+#topnav .app-search input:-ms-input-placeholder {
+  color: rgba(54, 64, 74, 0.8);
+}
+
+#topnav .navbar-custom {
+  background-color: #414d59;
+  box-shadow      : 0 1px 1px rgba(0, 0, 0, 0.1);
+}
+
+#topnav .navbar-toggle {
+  border  : 0;
+  position: relative;
+  padding : 0;
+  margin  : 0;
+  cursor  : pointer;
+}
+
+#topnav .navbar-toggle:hover {
+  background-color: transparent;
+}
+
+#topnav .navbar-toggle:hover span {
+  background-color: #98a6ad;
+}
+
+#topnav .navbar-toggle:focus {
+  background-color: transparent;
+}
+
+#topnav .navbar-toggle:focus span {
+  background-color: #ffffff;
+}
+
+#topnav .navbar-toggle .lines {
+  width             : 25px;
+  display           : block;
+  position          : relative;
+  margin            : 0 10px 0 0;
+  padding-top       : 13px;
+  height            : 23px;
+  -webkit-transition: all .5s ease;
+  transition        : all .5s ease;
+}
+
+#topnav .navbar-toggle span {
+  height            : 2px;
+  width             : 100%;
+  background-color  : rgba(255, 255, 255, 0.8);
+  display           : block;
+  margin-bottom     : 5px;
+  -webkit-transition: -webkit-transform .5s ease;
+  transition        : -webkit-transform .5s ease;
+  transition        : transform .5s ease;
+}
+
+#topnav .navbar-toggle.open span {
+  position: absolute;
+}
+
+#topnav .navbar-toggle.open span:first-child {
+  top              : 18px;
+  -webkit-transform: rotate(45deg);
+  transform        : rotate(45deg);
+}
+
+#topnav .navbar-toggle.open span:nth-child(2) {
+  visibility: hidden;
+}
+
+#topnav .navbar-toggle.open span:last-child {
+  width            : 100%;
+  top              : 18px;
+  -webkit-transform: rotate(-45deg);
+  transform        : rotate(-45deg);
+}
+
+#topnav .navigation-menu {
+  list-style: none;
+  margin    : 0;
+  padding   : 0;
+  text-align: center;
+}
+
+#topnav .navigation-menu>li {
+  display : inline-block;
+  position: relative;
+}
+
+#topnav .navigation-menu>li>a {
+  display           : block;
+  color             : rgba(255, 255, 255, 0.7);
+  font-weight       : 500;
+  -webkit-transition: all .5s ease;
+  transition        : all .5s ease;
+  line-height       : 20px;
+  padding-left      : 25px;
+  padding-right     : 25px;
+}
+
+#topnav .navigation-menu>li>a:hover {
+  color: #33b5e5;
+}
+
+#topnav .navigation-menu>li>a:focus {
+  color: #33b5e5;
+}
+
+#topnav .navigation-menu>li>a:active {
+  color: #33b5e5;
+}
+
+#topnav .navigation-menu>li>a i {
+  font-size         : 18px;
+  vertical-align    : middle;
+  margin-bottom     : 5px;
+  text-align        : center;
+  display           : block;
+  -webkit-transition: all .5s ease;
+  transition        : all .5s ease;
+}
+
+#topnav .navigation-menu>li>a:hover,
+#topnav .navigation-menu>li>a:focus {
+  background-color: transparent;
+}
 
 /*
   Responsive Menu
 */
 @media (min-width: 992px) {
-  #topnav .navigation-menu > li > a {
-    padding-top: 20px;
-    padding-bottom: 20px; }
+  #topnav .navigation-menu>li>a {
+    padding-top   : 20px;
+    padding-bottom: 20px;
+  }
 
-  #topnav .navigation-menu > li > ul > li.has-submenu:active > a, #topnav .navigation-menu > li > ul > li.has-submenu:hover > a {
-    color: #33b5e5; }
+  #topnav .navigation-menu>li>ul>li.has-submenu:active>a,
+  #topnav .navigation-menu>li>ul>li.has-submenu:hover>a {
+    color: #33b5e5;
+  }
 
-  #topnav .navigation-menu > li.last-elements .submenu {
-    left: auto;
-    right: 0; }
-  #topnav .navigation-menu > li.last-elements .submenu > li.has-submenu .submenu {
-    left: auto;
-    right: 100%;
-    margin-left: 0;
-    margin-right: 10px; }
-  #topnav .navigation-menu > li:hover a {
-    color: #33b5e5; }
-    #topnav .navigation-menu > li:hover a i {
-      color: #33b5e5; }
-  #topnav .navigation-menu > li .submenu {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    z-index: 1000;
-    padding: 15px 0;
-    list-style: none;
-    min-width: 200px;
-    text-align: left;
-    visibility: hidden;
-    opacity: 0;
-    margin-top: 10px;
+  #topnav .navigation-menu>li.last-elements .submenu {
+    left : auto;
+    right: 0;
+  }
+
+  #topnav .navigation-menu>li.last-elements .submenu>li.has-submenu .submenu {
+    left        : auto;
+    right       : 100%;
+    margin-left : 0;
+    margin-right: 10px;
+  }
+
+  #topnav .navigation-menu>li:hover a {
+    color: #33b5e5;
+  }
+
+  #topnav .navigation-menu>li:hover a i {
+    color: #33b5e5;
+  }
+
+  #topnav .navigation-menu>li .submenu {
+    position          : absolute;
+    top               : 100%;
+    left              : 0;
+    z-index           : 1000;
+    padding           : 15px 0;
+    list-style        : none;
+    min-width         : 200px;
+    text-align        : left;
+    visibility        : hidden;
+    opacity           : 0;
+    margin-top        : 10px;
     -webkit-transition: all .2s ease;
-    transition: all .2s ease;
-    background-color: #475462;
-    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
-  #topnav .navigation-menu > li .submenu.megamenu {
+    transition        : all .2s ease;
+    background-color  : #475462;
+    box-shadow        : 0 2px 6px rgba(0, 0, 0, 0.05);
+  }
+
+  #topnav .navigation-menu>li .submenu.megamenu {
     white-space: nowrap;
-    width: auto; }
-  #topnav .navigation-menu > li .submenu.megamenu > li {
-    overflow: hidden;
-    width: 200px;
-    display: inline-block;
-    vertical-align: top; }
-  #topnav .navigation-menu > li .submenu > li.has-submenu > a:after {
-    content: "\56";
+    width      : auto;
+  }
+
+  #topnav .navigation-menu>li .submenu.megamenu>li {
+    overflow      : hidden;
+    width         : 200px;
+    display       : inline-block;
+    vertical-align: top;
+  }
+
+  #topnav .navigation-menu>li .submenu>li.has-submenu>a:after {
+    content    : "\56";
     font-family: "dripicons-v2" !important;
-    position: absolute;
-    right: 20px;
-    top: 8px;
-    font-size: 15px; }
-  #topnav .navigation-menu > li .submenu > li .submenu {
-    left: 100%;
-    top: 0;
+    position   : absolute;
+    right      : 20px;
+    top        : 8px;
+    font-size  : 15px;
+  }
+
+  #topnav .navigation-menu>li .submenu>li .submenu {
+    left       : 100%;
+    top        : 0;
     margin-left: 10px;
-    margin-top: -1px; }
-  #topnav .navigation-menu > li .submenu li {
-    position: relative; }
-  #topnav .navigation-menu > li .submenu li ul {
-    list-style: none;
+    margin-top : -1px;
+  }
+
+  #topnav .navigation-menu>li .submenu li {
+    position: relative;
+  }
+
+  #topnav .navigation-menu>li .submenu li ul {
+    list-style  : none;
     padding-left: 0;
-    margin: 0; }
-  #topnav .navigation-menu > li .submenu li a {
-    display: block;
-    padding: 8px 25px;
-    clear: both;
-    white-space: nowrap;
-    color: #98a6ad;
+    margin      : 0;
+  }
+
+  #topnav .navigation-menu>li .submenu li a {
+    display           : block;
+    padding           : 8px 25px;
+    clear             : both;
+    white-space       : nowrap;
+    color             : #98a6ad;
     -webkit-transition: all .35s ease;
-    transition: all .35s ease; }
-  #topnav .navigation-menu > li .submenu li a:hover {
-    color: #ffffff; }
-  #topnav .navigation-menu > li .submenu li span {
-    display: block;
-    padding: 8px 25px;
-    clear: both;
-    line-height: 1.42857143;
-    white-space: nowrap;
-    font-size: 10px;
+    transition        : all .35s ease;
+  }
+
+  #topnav .navigation-menu>li .submenu li a:hover {
+    color: #ffffff;
+  }
+
+  #topnav .navigation-menu>li .submenu li span {
+    display       : block;
+    padding       : 8px 25px;
+    clear         : both;
+    line-height   : 1.42857143;
+    white-space   : nowrap;
+    font-size     : 10px;
     text-transform: uppercase;
     letter-spacing: 2px;
-    font-weight: 500;
-    color: #98a6ad; }
+    font-weight   : 500;
+    color         : #98a6ad;
+  }
+
   #topnav .navbar-toggle {
-    display: none; }
+    display: none;
+  }
 
   #topnav #navigation {
-    display: block !important; } }
+    display: block !important;
+  }
+}
+
 @media (max-width: 991px) {
   .wrapper {
-    padding-top: 60px; }
+    padding-top: 60px;
+  }
 
   .container {
-    width: auto !important; }
+    width: auto !important;
+  }
 
   #topnav .navigation-menu {
-    float: none;
+    float     : none;
     max-height: 400px;
-    text-align: left; }
-  #topnav .navigation-menu > li {
-    display: block; }
-  #topnav .navigation-menu > li > a {
-    color: #36404a;
-    padding: 15px; }
-    #topnav .navigation-menu > li > a i {
-      display: inline-block;
-      margin-right: 10px;
-      margin-bottom: 0;
-      vertical-align: inherit; }
-  #topnav .navigation-menu > li > a:after {
-    position: absolute;
-    right: 15px; }
-  #topnav .navigation-menu > li .submenu {
-    display: none;
-    list-style: none;
-    padding-left: 20px;
-    margin: 0; }
-  #topnav .navigation-menu > li .submenu li a {
+    text-align: left;
+  }
+
+  #topnav .navigation-menu>li {
     display: block;
-    position: relative;
-    padding: 7px 20px;
-    color: #36404a; }
-  #topnav .navigation-menu > li .submenu li a:hover {
-    color: #33b5e5; }
-  #topnav .navigation-menu > li .submenu li.has-submenu > a:after {
-    content: "\54";
-    font-family: "dripicons-v2" !important;
-    position: absolute;
-    right: 30px; }
-  #topnav .navigation-menu > li .submenu.open {
-    display: block; }
-  #topnav .navigation-menu > li .submenu .submenu {
-    display: none;
-    list-style: none; }
-  #topnav .navigation-menu > li .submenu .submenu.open {
-    display: block; }
-  #topnav .navigation-menu > li .submenu.megamenu > li > ul {
-    list-style: none;
-    padding-left: 0; }
-  #topnav .navigation-menu > li .submenu.megamenu > li > ul > li > span {
-    display: block;
-    position: relative;
+  }
+
+  #topnav .navigation-menu>li>a {
+    color  : #36404a;
     padding: 15px;
+  }
+
+  #topnav .navigation-menu>li>a i {
+    display       : inline-block;
+    margin-right  : 10px;
+    margin-bottom : 0;
+    vertical-align: inherit;
+  }
+
+  #topnav .navigation-menu>li>a:after {
+    position: absolute;
+    right   : 15px;
+  }
+
+  #topnav .navigation-menu>li .submenu {
+    display     : none;
+    list-style  : none;
+    padding-left: 20px;
+    margin      : 0;
+  }
+
+  #topnav .navigation-menu>li .submenu li a {
+    display : block;
+    position: relative;
+    padding : 7px 20px;
+    color   : #36404a;
+  }
+
+  #topnav .navigation-menu>li .submenu li a:hover {
+    color: #33b5e5;
+  }
+
+  #topnav .navigation-menu>li .submenu li.has-submenu>a:after {
+    content    : "\54";
+    font-family: "dripicons-v2" !important;
+    position   : absolute;
+    right      : 30px;
+  }
+
+  #topnav .navigation-menu>li .submenu.open {
+    display: block;
+  }
+
+  #topnav .navigation-menu>li .submenu .submenu {
+    display   : none;
+    list-style: none;
+  }
+
+  #topnav .navigation-menu>li .submenu .submenu.open {
+    display: block;
+  }
+
+  #topnav .navigation-menu>li .submenu.megamenu>li>ul {
+    list-style  : none;
+    padding-left: 0;
+  }
+
+  #topnav .navigation-menu>li .submenu.megamenu>li>ul>li>span {
+    display       : block;
+    position      : relative;
+    padding       : 15px;
     text-transform: uppercase;
-    font-size: 11px;
+    font-size     : 11px;
     letter-spacing: 2px;
-    color: #36404a; }
-  #topnav .navigation-menu > li.has-submenu.open > a {
-    color: #33b5e5; }
+    color         : #36404a;
+  }
+
+  #topnav .navigation-menu>li.has-submenu.open>a {
+    color: #33b5e5;
+  }
+
   #topnav .navbar-header {
-    float: left; }
+    float: left;
+  }
 
   #navigation {
-    position: absolute;
-    top: 62px;
-    left: 0;
-    width: 100%;
-    display: none;
-    height: auto;
-    padding-bottom: 0;
-    overflow: auto;
-    border-top: 1px solid #e7e7e7;
-    border-bottom: 1px solid #e7e7e7;
-    background-color: #fff; }
+    position        : absolute;
+    top             : 62px;
+    left            : 0;
+    width           : 100%;
+    display         : none;
+    height          : auto;
+    padding-bottom  : 0;
+    overflow        : auto;
+    border-top      : 1px solid #e7e7e7;
+    border-bottom   : 1px solid #e7e7e7;
+    background-color: #fff;
+  }
 
   #navigation.open {
-    display: block;
-    overflow-y: auto; } }
-@media (min-width: 768px) {
-  #topnav .navigation-menu > li.has-submenu:hover > .submenu {
-    visibility: visible;
-    opacity: 1;
-    margin-top: 0; }
+    display   : block;
+    overflow-y: auto;
+  }
+}
 
-  #topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu {
+@media (min-width: 768px) {
+  #topnav .navigation-menu>li.has-submenu:hover>.submenu {
     visibility: visible;
-    opacity: 1;
-    margin-left: 0;
-    margin-right: 0; }
+    opacity   : 1;
+    margin-top: 0;
+  }
+
+  #topnav .navigation-menu>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu {
+    visibility  : visible;
+    opacity     : 1;
+    margin-left : 0;
+    margin-right: 0;
+  }
 
   .navbar-toggle {
-    display: block; } }
+    display: block;
+  }
+}
+
 .topbar-custom {
   border-radius: 0;
-  margin-bottom: 0; }
-  .topbar-custom .nav-link {
-    padding: 0;
-    line-height: 60px;
-    color: rgba(54, 64, 74, 0.6); }
-  .topbar-custom .dropdown-toggle:after {
-    content: initial; }
-  .topbar-custom .menu-left {
-    overflow: hidden; }
+  margin-bottom: 0;
+}
+
+.topbar-custom .nav-link {
+  padding    : 0;
+  line-height: 60px;
+  color      : rgba(54, 64, 74, 0.6);
+}
+
+.topbar-custom .dropdown-toggle:after {
+  content: initial;
+}
+
+.topbar-custom .menu-left {
+  overflow: hidden;
+}
 
 /* Footer */
 .footer {
-  bottom: 0;
-  padding: 20px 0;
+  bottom  : 0;
+  padding : 20px 0;
   position: absolute;
-  right: 0;
-  left: 0; }
-  .footer ul li {
-    padding-left: 10px;
-    padding-right: 10px; }
-    .footer ul li a {
-      color: #98a6ad; }
-      .footer ul li a:hover {
-        color: #33b5e5; }
+  right   : 0;
+  left    : 0;
+}
+
+.footer ul li {
+  padding-left : 10px;
+  padding-right: 10px;
+}
+
+.footer ul li a {
+  color: #98a6ad;
+}
+
+.footer ul li a:hover {
+  color: #33b5e5;
+}
 
 /* Notification */
 .user-list .user-list-item {
-  padding: 10px 12px !important;
-  border-bottom: 1px solid #EEEEEE !important; }
-  .user-list .user-list-item .avatar {
-    float: left;
-    margin-right: 5px;
-    width: 30px;
-    height: 30px; }
-    .user-list .user-list-item .avatar img {
-      border-radius: 50%;
-      width: 100%; }
-  .user-list .user-list-item .icon {
-    float: left;
-    margin-right: 5px;
-    height: 30px;
-    width: 30px;
-    border-radius: 50%;
-    text-align: center; }
-    .user-list .user-list-item .icon i {
-      color: #ffffff;
-      line-height: 30px;
-      font-size: 16px; }
-  .user-list .user-list-item .user-desc {
-    margin-left: 40px; }
-    .user-list .user-list-item .user-desc span.name {
-      color: #36404a;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      display: block;
-      width: 100%;
-      overflow: hidden;
-      font-size: 13px; }
-    .user-list .user-list-item .user-desc span.desc {
-      color: #98a6ad;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      display: block;
-      width: 100%;
-      overflow: hidden;
-      font-size: 12px; }
-    .user-list .user-list-item .user-desc span.time {
-      font-size: 11px; }
+  padding      : 10px 12px !important;
+  border-bottom: 1px solid #EEEEEE !important;
+}
+
+.user-list .user-list-item .avatar {
+  float       : left;
+  margin-right: 5px;
+  width       : 30px;
+  height      : 30px;
+}
+
+.user-list .user-list-item .avatar img {
+  border-radius: 50%;
+  width        : 100%;
+}
+
+.user-list .user-list-item .icon {
+  float        : left;
+  margin-right : 5px;
+  height       : 30px;
+  width        : 30px;
+  border-radius: 50%;
+  text-align   : center;
+}
+
+.user-list .user-list-item .icon i {
+  color      : #ffffff;
+  line-height: 30px;
+  font-size  : 16px;
+}
+
+.user-list .user-list-item .user-desc {
+  margin-left: 40px;
+}
+
+.user-list .user-list-item .user-desc span.name {
+  color        : #36404a;
+  text-overflow: ellipsis;
+  white-space  : nowrap;
+  display      : block;
+  width        : 100%;
+  overflow     : hidden;
+  font-size    : 13px;
+}
+
+.user-list .user-list-item .user-desc span.desc {
+  color        : #98a6ad;
+  text-overflow: ellipsis;
+  white-space  : nowrap;
+  display      : block;
+  width        : 100%;
+  overflow     : hidden;
+  font-size    : 12px;
+}
+
+.user-list .user-list-item .user-desc span.time {
+  font-size: 11px;
+}
 
 /* Notification */
 .notification-list {
-  margin-left: 0 !important; }
-  .notification-list .noti-title {
-    border-radius: 0.25rem 0.25rem 0 0;
-    background-color: #475462;
-    margin: -6px -1px 0px -1px;
-    width: auto;
-    padding: 12px 20px; }
-    .notification-list .noti-title h5 {
-      color: #ffffff;
-      margin: 0; }
-    .notification-list .noti-title .label {
-      float: right; }
-  .notification-list .noti-icon {
-    font-size: 22px;
-    padding: 0 12px;
-    vertical-align: middle;
-    color: rgba(255, 255, 255, 0.8); }
-  .notification-list .noti-icon-badge {
-    display: inline-block;
-    position: absolute;
-    top: 14px;
-    right: 8px; }
-  .notification-list .notify-item {
-    padding: 10px 20px; }
-    .notification-list .notify-item .notify-icon {
-      float: left;
-      height: 36px;
-      width: 36px;
-      line-height: 36px;
-      text-align: center;
-      margin-right: 10px;
-      border-radius: 50%;
-      color: #ffffff; }
-      .notification-list .notify-item .notify-icon img {
-        margin-top: 4px; }
-    .notification-list .notify-item .notify-details {
-      margin-bottom: 0;
-      overflow: hidden;
-      margin-left: 45px;
-      text-overflow: ellipsis;
-      white-space: nowrap; }
-      .notification-list .notify-item .notify-details b {
-        font-weight: 500; }
-      .notification-list .notify-item .notify-details small {
-        display: block; }
-      .notification-list .notify-item .notify-details span {
-        display: block;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        font-size: 13px; }
-  .notification-list .notify-all {
-    border-radius: 0 0 0.25rem 0.25rem;
-    margin: 0 0 -5px 0;
-    background-color: #475462; }
-  .notification-list .profile-dropdown .notify-item {
-    padding: 4px 20px; }
+  margin-left: 0 !important;
+}
+
+.notification-list .noti-title {
+  border-radius   : 0.25rem 0.25rem 0 0;
+  background-color: #475462;
+  margin          : -6px -1px 0px -1px;
+  width           : auto;
+  padding         : 12px 20px;
+}
+
+.notification-list .noti-title h5 {
+  color : #ffffff;
+  margin: 0;
+}
+
+.notification-list .noti-title .label {
+  float: right;
+}
+
+.notification-list .noti-icon {
+  font-size     : 22px;
+  padding       : 0 12px;
+  vertical-align: middle;
+  color         : rgba(255, 255, 255, 0.8);
+}
+
+.notification-list .noti-icon-badge {
+  display : inline-block;
+  position: absolute;
+  top     : 14px;
+  right   : 8px;
+}
+
+.notification-list .notify-item {
+  padding: 10px 20px;
+}
+
+.notification-list .notify-item .notify-icon {
+  float        : left;
+  height       : 36px;
+  width        : 36px;
+  line-height  : 36px;
+  text-align   : center;
+  margin-right : 10px;
+  border-radius: 50%;
+  color        : #ffffff;
+}
+
+.notification-list .notify-item .notify-icon img {
+  margin-top: 4px;
+}
+
+.notification-list .notify-item .notify-details {
+  margin-bottom: 0;
+  overflow     : hidden;
+  margin-left  : 45px;
+  text-overflow: ellipsis;
+  white-space  : nowrap;
+}
+
+.notification-list .notify-item .notify-details b {
+  font-weight: 500;
+}
+
+.notification-list .notify-item .notify-details small {
+  display: block;
+}
+
+.notification-list .notify-item .notify-details span {
+  display      : block;
+  overflow     : hidden;
+  text-overflow: ellipsis;
+  white-space  : nowrap;
+  font-size    : 13px;
+}
+
+.notification-list .notify-all {
+  border-radius   : 0 0 0.25rem 0.25rem;
+  margin          : 0 0 -5px 0;
+  background-color: #475462;
+}
+
+.notification-list .profile-dropdown .notify-item {
+  padding: 4px 20px;
+}
 
 .profile-dropdown {
-  width: 170px; }
-  .profile-dropdown i {
-    font-size: 17px;
-    vertical-align: middle;
-    margin-right: 5px; }
-  .profile-dropdown span {
-    vertical-align: middle; }
+  width: 170px;
+}
+
+.profile-dropdown i {
+  font-size     : 17px;
+  vertical-align: middle;
+  margin-right  : 5px;
+}
+
+.profile-dropdown span {
+  vertical-align: middle;
+}
 
 .nav-user {
-  padding: 0 12px !important; }
-  .nav-user img {
-    height: 36px;
-    width: 36px; }
+  padding: 0 12px !important;
+}
+
+.nav-user img {
+  height: 36px;
+  width : 36px;
+}
 
 /* =============
    Animation
@@ -1534,158 +2140,276 @@ select[multiple] {
 /* Bounce 1 */
 @-webkit-keyframes cd-bounce-1 {
   0% {
-    opacity: 0;
-    -webkit-transform: scale(0.5); }
+    opacity          : 0;
+    -webkit-transform: scale(0.5);
+  }
+
   60% {
-    opacity: 1;
-    -webkit-transform: scale(1.2); }
+    opacity          : 1;
+    -webkit-transform: scale(1.2);
+  }
+
   100% {
-    -webkit-transform: scale(1); } }
+    -webkit-transform: scale(1);
+  }
+}
+
 @-moz-keyframes cd-bounce-1 {
   0% {
-    opacity: 0;
-    -moz-transform: scale(0.5); }
+    opacity       : 0;
+    -moz-transform: scale(0.5);
+  }
+
   60% {
-    opacity: 1;
-    -moz-transform: scale(1.2); }
+    opacity       : 1;
+    -moz-transform: scale(1.2);
+  }
+
   100% {
-    -moz-transform: scale(1); } }
+    -moz-transform: scale(1);
+  }
+}
+
 @-o-keyframes cd-bounce-1 {
   0% {
-    opacity: 0;
-    -o-transform: scale(0.5); }
+    opacity     : 0;
+    -o-transform: scale(0.5);
+  }
+
   60% {
-    opacity: 1;
-    -o-transform: scale(1.2); }
+    opacity     : 1;
+    -o-transform: scale(1.2);
+  }
+
   100% {
-    -o-transform: scale(1); } }
+    -o-transform: scale(1);
+  }
+}
+
 /* Bounce 2 */
 @-webkit-keyframes cd-bounce-2 {
   0% {
-    opacity: 0;
-    -webkit-transform: translateX(-100px); }
+    opacity          : 0;
+    -webkit-transform: translateX(-100px);
+  }
+
   60% {
-    opacity: 1;
-    -webkit-transform: translateX(20px); }
+    opacity          : 1;
+    -webkit-transform: translateX(20px);
+  }
+
   100% {
-    -webkit-transform: translateX(0); } }
+    -webkit-transform: translateX(0);
+  }
+}
+
 @-moz-keyframes cd-bounce-2 {
   0% {
-    opacity: 0;
-    -moz-transform: translateX(-100px); }
+    opacity       : 0;
+    -moz-transform: translateX(-100px);
+  }
+
   60% {
-    opacity: 1;
-    -moz-transform: translateX(20px); }
+    opacity       : 1;
+    -moz-transform: translateX(20px);
+  }
+
   100% {
-    -moz-transform: translateX(0); } }
+    -moz-transform: translateX(0);
+  }
+}
+
 @-o-keyframes cd-bounce-2 {
   0% {
-    opacity: 0;
-    -o-transform: translateX(-100px); }
+    opacity     : 0;
+    -o-transform: translateX(-100px);
+  }
+
   60% {
-    opacity: 1;
-    -o-transform: translateX(20px); }
+    opacity     : 1;
+    -o-transform: translateX(20px);
+  }
+
   100% {
-    opacity: 1;
-    -o-transform: translateX(0); } }
+    opacity     : 1;
+    -o-transform: translateX(0);
+  }
+}
+
 /* Dropdown */
 @-webkit-keyframes dropdownOpen {
   0% {
-    opacity: 0;
-    -webkit-transform: scale(0); }
+    opacity          : 0;
+    -webkit-transform: scale(0);
+  }
+
   100% {
-    -webkit-transform: scale(1); } }
+    -webkit-transform: scale(1);
+  }
+}
+
 @-moz-keyframes dropdownOpen {
   0% {
-    opacity: 0;
-    -moz-transform: scale(0); }
+    opacity       : 0;
+    -moz-transform: scale(0);
+  }
+
   100% {
-    -moz-transform: scale(1); } }
+    -moz-transform: scale(1);
+  }
+}
+
 @-o-keyframes dropdownOpen {
   0% {
-    opacity: 0;
-    -o-transform: scale(0); }
+    opacity     : 0;
+    -o-transform: scale(0);
+  }
+
   100% {
-    -o-transform: scale(1); } }
+    -o-transform: scale(1);
+  }
+}
+
 /* Progressbar Animated */
 @-webkit-keyframes animationProgress {
   from {
-    width: 0; } }
+    width: 0;
+  }
+}
+
 @keyframes animationProgress {
   from {
-    width: 0; } }
+    width: 0;
+  }
+}
+
 /* Portlets loader */
 @-webkit-keyframes loaderAnimate {
   0% {
-    -webkit-transform: rotate(0deg); }
+    -webkit-transform: rotate(0deg);
+  }
+
   100% {
-    -webkit-transform: rotate(220deg); } }
+    -webkit-transform: rotate(220deg);
+  }
+}
+
 @-moz-keyframes loaderAnimate {
   0% {
-    -moz-transform: rotate(0deg); }
+    -moz-transform: rotate(0deg);
+  }
+
   100% {
-    -moz-transform: rotate(220deg); } }
+    -moz-transform: rotate(220deg);
+  }
+}
+
 @-o-keyframes loaderAnimate {
   0% {
-    -o-transform: rotate(0deg); }
+    -o-transform: rotate(0deg);
+  }
+
   100% {
-    -o-transform: rotate(220deg); } }
+    -o-transform: rotate(220deg);
+  }
+}
+
 @keyframes loaderAnimate {
   0% {
-    transform: rotate(0deg); }
+    transform: rotate(0deg);
+  }
+
   100% {
-    transform: rotate(220deg); } }
+    transform: rotate(220deg);
+  }
+}
+
 @-webkit-keyframes loaderAnimate2 {
   0% {
-    box-shadow: inset #555 0 0 0 8px;
-    -webkit-transform: rotate(-140deg); }
+    box-shadow       : inset #555 0 0 0 8px;
+    -webkit-transform: rotate(-140deg);
+  }
+
   50% {
-    box-shadow: inset #555 0 0 0 2px; }
+    box-shadow: inset #555 0 0 0 2px;
+  }
+
   100% {
-    box-shadow: inset #555 0 0 0 8px;
-    -webkit-transform: rotate(140deg); } }
+    box-shadow       : inset #555 0 0 0 8px;
+    -webkit-transform: rotate(140deg);
+  }
+}
+
 @-moz-keyframes loaderAnimate2 {
   0% {
-    box-shadow: inset #555 0 0 0 8px;
-    -moz-transform: rotate(-140deg); }
+    box-shadow    : inset #555 0 0 0 8px;
+    -moz-transform: rotate(-140deg);
+  }
+
   50% {
-    box-shadow: inset #555 0 0 0 2px; }
+    box-shadow: inset #555 0 0 0 2px;
+  }
+
   100% {
-    box-shadow: inset #555 0 0 0 8px;
-    -moz-transform: rotate(140deg); } }
+    box-shadow    : inset #555 0 0 0 8px;
+    -moz-transform: rotate(140deg);
+  }
+}
+
 @-o-keyframes loaderAnimate2 {
   0% {
-    box-shadow: inset #555 0 0 0 8px;
-    -o-transform: rotate(-140deg); }
+    box-shadow  : inset #555 0 0 0 8px;
+    -o-transform: rotate(-140deg);
+  }
+
   50% {
-    box-shadow: inset #555 0 0 0 2px; }
+    box-shadow: inset #555 0 0 0 2px;
+  }
+
   100% {
-    box-shadow: inset #555 0 0 0 8px;
-    -o-transform: rotate(140deg); } }
+    box-shadow  : inset #555 0 0 0 8px;
+    -o-transform: rotate(140deg);
+  }
+}
+
 @keyframes loaderAnimate2 {
   0% {
-    box-shadow: inset #555 0 0 0 8px;
+    box-shadow       : inset #555 0 0 0 8px;
     -webkit-transform: rotate(-140deg);
-    -moz-transform: rotate(-140deg);
-    -ms-transform: rotate(-140deg);
-    transform: rotate(-140deg); }
+    -moz-transform   : rotate(-140deg);
+    -ms-transform    : rotate(-140deg);
+    transform        : rotate(-140deg);
+  }
+
   50% {
-    box-shadow: inset #555 0 0 0 2px; }
+    box-shadow: inset #555 0 0 0 2px;
+  }
+
   100% {
-    box-shadow: inset #555 0 0 0 8px;
+    box-shadow       : inset #555 0 0 0 8px;
     -webkit-transform: rotate(140deg);
-    -moz-transform: rotate(140deg);
-    -ms-transform: rotate(140deg);
-    transform: rotate(140deg); } }
+    -moz-transform   : rotate(140deg);
+    -ms-transform    : rotate(140deg);
+    transform        : rotate(140deg);
+  }
+}
+
 @keyframes loaderAnimate2 {
   0% {
     box-shadow: inset #999 0 0 0 17px;
-    transform: rotate(-140deg); }
+    transform : rotate(-140deg);
+  }
+
   50% {
-    box-shadow: inset #999 0 0 0 2px; }
+    box-shadow: inset #999 0 0 0 2px;
+  }
+
   100% {
     box-shadow: inset #999 0 0 0 17px;
-    transform: rotate(140deg); } }
+    transform : rotate(140deg);
+  }
+}
+
 /*!
  * Waves v0.6.0
  * http://fian.my.id/Waves
@@ -1695,1132 +2419,1663 @@ select[multiple] {
  * https://github.com/fians/Waves/blob/master/LICENSE
  */
 .waves-effect {
-  position: relative;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+  position                   : relative;
+  cursor                     : pointer;
+  display                    : inline-block;
+  overflow                   : hidden;
+  -webkit-user-select        : none;
+  -moz-user-select           : none;
+  -ms-user-select            : none;
+  user-select                : none;
   -webkit-tap-highlight-color: transparent;
-  vertical-align: middle;
-  z-index: 1;
-  will-change: opacity, transform;
-  -webkit-transition: all 0.3s ease-out;
-  -moz-transition: all 0.3s ease-out;
-  -o-transition: all 0.3s ease-out;
-  -ms-transition: all 0.3s ease-out;
-  transition: all 0.3s ease-out; }
+  vertical-align             : middle;
+  z-index                    : 1;
+  will-change                : opacity, transform;
+  -webkit-transition         : all 0.3s ease-out;
+  -moz-transition            : all 0.3s ease-out;
+  -o-transition              : all 0.3s ease-out;
+  -ms-transition             : all 0.3s ease-out;
+  transition                 : all 0.3s ease-out;
+}
 
 .waves-effect .waves-ripple {
-  position: absolute;
-  border-radius: 50%;
-  width: 20px;
-  height: 20px;
-  margin-top: -10px;
-  margin-left: -10px;
-  opacity: 0;
-  background: rgba(0, 0, 0, 0.2);
-  -webkit-transition: all 0.7s ease-out;
-  -moz-transition: all 0.7s ease-out;
-  -o-transition: all 0.7s ease-out;
-  -ms-transition: all 0.7s ease-out;
-  transition: all 0.7s ease-out;
+  position                   : absolute;
+  border-radius              : 50%;
+  width                      : 20px;
+  height                     : 20px;
+  margin-top                 : -10px;
+  margin-left                : -10px;
+  opacity                    : 0;
+  background                 : rgba(0, 0, 0, 0.2);
+  -webkit-transition         : all 0.7s ease-out;
+  -moz-transition            : all 0.7s ease-out;
+  -o-transition              : all 0.7s ease-out;
+  -ms-transition             : all 0.7s ease-out;
+  transition                 : all 0.7s ease-out;
   -webkit-transition-property: -webkit-transform, opacity;
-  -moz-transition-property: -moz-transform, opacity;
-  -o-transition-property: -o-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-transform: scale(0);
-  -moz-transform: scale(0);
-  -ms-transform: scale(0);
-  -o-transform: scale(0);
-  transform: scale(0);
-  pointer-events: none; }
+  -moz-transition-property   : -moz-transform, opacity;
+  -o-transition-property     : -o-transform, opacity;
+  transition-property        : transform, opacity;
+  -webkit-transform          : scale(0);
+  -moz-transform             : scale(0);
+  -ms-transform              : scale(0);
+  -o-transform               : scale(0);
+  transform                  : scale(0);
+  pointer-events             : none;
+}
 
 .waves-effect.waves-light .waves-ripple {
-  background-color: rgba(255, 255, 255, 0.45); }
+  background-color: rgba(255, 255, 255, 0.45);
+}
 
 .waves-effect.waves-red .waves-ripple {
-  background-color: rgba(244, 67, 54, 0.7); }
+  background-color: rgba(244, 67, 54, 0.7);
+}
 
 .waves-effect.waves-yellow .waves-ripple {
-  background-color: rgba(255, 235, 59, 0.7); }
+  background-color: rgba(255, 235, 59, 0.7);
+}
 
 .waves-effect.waves-orange .waves-ripple {
-  background-color: rgba(255, 152, 0, 0.7); }
+  background-color: rgba(255, 152, 0, 0.7);
+}
 
 .waves-effect.waves-purple .waves-ripple {
-  background-color: rgba(156, 39, 176, 0.7); }
+  background-color: rgba(156, 39, 176, 0.7);
+}
 
 .waves-effect.waves-green .waves-ripple {
-  background-color: rgba(76, 175, 80, 0.7); }
+  background-color: rgba(76, 175, 80, 0.7);
+}
 
 .waves-effect.waves-teal .waves-ripple {
-  background-color: rgba(0, 150, 136, 0.7); }
+  background-color: rgba(0, 150, 136, 0.7);
+}
 
 .waves-notransition {
   -webkit-transition: none !important;
-  -moz-transition: none !important;
-  -o-transition: none !important;
-  -ms-transition: none !important;
-  transition: none !important; }
+  -moz-transition   : none !important;
+  -o-transition     : none !important;
+  -ms-transition    : none !important;
+  transition        : none !important;
+}
 
 .waves-circle {
-  -webkit-transform: translateZ(0);
-  -moz-transform: translateZ(0);
-  -ms-transform: translateZ(0);
-  -o-transform: translateZ(0);
-  transform: translateZ(0);
-  text-align: center;
-  width: 2.5em;
-  height: 2.5em;
-  line-height: 2.5em;
-  border-radius: 50%;
-  -webkit-mask-image: none; }
+  -webkit-transform : translateZ(0);
+  -moz-transform    : translateZ(0);
+  -ms-transform     : translateZ(0);
+  -o-transform      : translateZ(0);
+  transform         : translateZ(0);
+  text-align        : center;
+  width             : 2.5em;
+  height            : 2.5em;
+  line-height       : 2.5em;
+  border-radius     : 50%;
+  -webkit-mask-image: none;
+}
 
 .waves-input-wrapper {
-  border-radius: 0.2em;
-  vertical-align: bottom; }
-  .waves-input-wrapper .waves-button-input {
-    position: relative;
-    top: 0;
-    left: 0;
-    z-index: 1; }
+  border-radius : 0.2em;
+  vertical-align: bottom;
+}
+
+.waves-input-wrapper .waves-button-input {
+  position: relative;
+  top     : 0;
+  left    : 0;
+  z-index : 1;
+}
 
 .waves-block {
-  display: block; }
+  display: block;
+}
 
 /* =============
    Print css
 ============= */
 @media print {
   body {
-    color: #36404a; }
+    color: #36404a;
+  }
 
-  #topnav, .footer, .page-title-box {
+  #topnav,
+  .footer,
+  .page-title-box {
     display: none;
-    margin: 0;
-    padding: 0; }
+    margin : 0;
+    padding: 0;
+  }
 
-  .left, .right-bar {
-    display: none; }
+  .left,
+  .right-bar {
+    display: none;
+  }
 
   .wrapper {
-    padding: 0 !important; } }
+    padding: 0 !important;
+  }
+}
+
 /* =============
    Buttons
 ============= */
 .btn {
   border-radius: 3px;
-  outline: none !important;
-  font-size: 14px; }
+  outline      : none !important;
+  font-size    : 14px;
+}
 
 .btn-md {
-  padding: 8px 16px; }
+  padding: 8px 16px;
+}
 
-.btn-primary, .btn-success, .btn-default, .btn-info, .btn-warning, .btn-danger, .btn-inverse, .btn-purple, .btn-pink {
-  color: #ffffff !important; }
+.btn-primary,
+.btn-success,
+.btn-default,
+.btn-info,
+.btn-warning,
+.btn-danger,
+.btn-inverse,
+.btn-purple,
+.btn-pink {
+  color: #ffffff !important;
+}
 
-.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
+.btn-default,
+.btn-default:hover,
+.btn-default:focus,
+.btn-default:active,
+.btn-default.active,
+.btn-default.focus,
+.btn-default:active,
+.btn-default:focus,
+.btn-default:hover,
+.open>.dropdown-toggle.btn-default {
   background-color: #5fbeaa !important;
-  border: 1px solid #5fbeaa !important; }
+  border          : 1px solid #5fbeaa !important;
+}
 
-.btn-white, .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .btn-white.focus, .btn-white:active, .btn-white:focus, .btn-white:hover, .open > .dropdown-toggle.btn-white {
-  border: 1px solid #eaeaea !important;
+.btn-white,
+.btn-white:hover,
+.btn-white:focus,
+.btn-white:active,
+.btn-white.active,
+.btn-white.focus,
+.btn-white:active,
+.btn-white:focus,
+.btn-white:hover,
+.open>.dropdown-toggle.btn-white {
+  border          : 1px solid #eaeaea !important;
   background-color: #ffffff;
-  color: #4c5667 !important; }
-  .btn-white:hover, .btn-white:hover:hover, .btn-white:focus:hover, .btn-white:active:hover, .btn-white.active:hover, .btn-white.focus:hover, .btn-white:active:hover, .btn-white:focus:hover, .btn-white:hover:hover, .open > .dropdown-toggle.btn-white:hover {
-    background-color: #f9f9f9; }
-  .btn-white:focus, .btn-white:hover:focus, .btn-white:focus:focus, .btn-white:active:focus, .btn-white.active:focus, .btn-white.focus:focus, .btn-white:active:focus, .btn-white:focus:focus, .btn-white:hover:focus, .open > .dropdown-toggle.btn-white:focus {
-    background-color: #f9f9f9; }
-  .btn-white:active, .btn-white:hover:active, .btn-white:focus:active, .btn-white:active:active, .btn-white.active:active, .btn-white.focus:active, .btn-white:active:active, .btn-white:focus:active, .btn-white:hover:active, .open > .dropdown-toggle.btn-white:active {
-    background-color: #f9f9f9; }
+  color           : #4c5667 !important;
+}
 
-.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
+.btn-white:hover,
+.btn-white:hover:hover,
+.btn-white:focus:hover,
+.btn-white:active:hover,
+.btn-white.active:hover,
+.btn-white.focus:hover,
+.btn-white:active:hover,
+.btn-white:focus:hover,
+.btn-white:hover:hover,
+.open>.dropdown-toggle.btn-white:hover {
+  background-color: #f9f9f9;
+}
+
+.btn-white:focus,
+.btn-white:hover:focus,
+.btn-white:focus:focus,
+.btn-white:active:focus,
+.btn-white.active:focus,
+.btn-white.focus:focus,
+.btn-white:active:focus,
+.btn-white:focus:focus,
+.btn-white:hover:focus,
+.open>.dropdown-toggle.btn-white:focus {
+  background-color: #f9f9f9;
+}
+
+.btn-white:active,
+.btn-white:hover:active,
+.btn-white:focus:active,
+.btn-white:active:active,
+.btn-white.active:active,
+.btn-white.focus:active,
+.btn-white:active:active,
+.btn-white:focus:active,
+.btn-white:hover:active,
+.open>.dropdown-toggle.btn-white:active {
+  background-color: #f9f9f9;
+}
+
+.btn-primary,
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active,
+.btn-primary.active,
+.btn-primary.focus,
+.btn-primary:active,
+.btn-primary:focus,
+.btn-primary:hover,
+.open>.dropdown-toggle.btn-primary {
   background-color: #5d9cec !important;
-  border: 1px solid #5d9cec !important; }
+  border          : 1px solid #5d9cec !important;
+}
 
-.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success {
+.btn-success,
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active,
+.btn-success.active,
+.btn-success.focus,
+.btn-success:active,
+.btn-success:focus,
+.btn-success:hover,
+.open>.dropdown-toggle.btn-success {
   background-color: #81c868 !important;
-  border: 1px solid #81c868 !important; }
+  border          : 1px solid #81c868 !important;
+}
 
-.btn-info, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {
+.btn-info,
+.btn-info:hover,
+.btn-info:focus,
+.btn-info:active,
+.btn-info.active,
+.btn-info.focus,
+.btn-info:active,
+.btn-info:focus,
+.btn-info:hover,
+.open>.dropdown-toggle.btn-info {
   background-color: #34d3eb !important;
-  border: 1px solid #34d3eb !important; }
+  border          : 1px solid #34d3eb !important;
+}
 
-.btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .dropdown-toggle.btn-warning {
+.btn-warning,
+.btn-warning:hover,
+.btn-warning:focus,
+.btn-warning:active,
+.btn-warning.active,
+.btn-warning.focus,
+.btn-warning:active,
+.btn-warning:focus,
+.btn-warning:hover,
+.open>.dropdown-toggle.btn-warning {
   background-color: #ffbd4a !important;
-  border: 1px solid #ffbd4a !important; }
+  border          : 1px solid #ffbd4a !important;
+}
 
-.btn-danger, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger {
+.btn-danger,
+.btn-danger:active,
+.btn-danger:focus,
+.btn-danger:hover,
+.btn-danger.active,
+.btn-danger.focus,
+.btn-danger:active,
+.btn-danger:focus,
+.btn-danger:hover,
+.open>.dropdown-toggle.btn-danger {
   background-color: #f05050 !important;
-  border: 1px solid #f05050 !important; }
+  border          : 1px solid #f05050 !important;
+}
 
-.btn-inverse, .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open > .dropdown-toggle.btn-inverse {
+.btn-inverse,
+.btn-inverse:hover,
+.btn-inverse:focus,
+.btn-inverse:active,
+.btn-inverse.active,
+.btn-inverse.focus,
+.btn-inverse:active,
+.btn-inverse:focus,
+.btn-inverse:hover,
+.open>.dropdown-toggle.btn-inverse {
   background-color: #4c5667 !important;
-  border: 1px solid #4c5667 !important;
-  color: #ffffff; }
+  border          : 1px solid #4c5667 !important;
+  color           : #ffffff;
+}
 
-.btn-inverse.focus, .btn-inverse:focus {
+.btn-inverse.focus,
+.btn-inverse:focus {
   -webkit-box-shadow: 0 0 0 3px rgba(76, 86, 103, 0.5);
-  box-shadow: 0 0 0 3px rgba(76, 86, 103, 0.5); }
+  box-shadow        : 0 0 0 3px rgba(76, 86, 103, 0.5);
+}
 
-.btn-purple, .btn-purple:hover, .btn-purple:focus, .btn-purple:active {
+.btn-purple,
+.btn-purple:hover,
+.btn-purple:focus,
+.btn-purple:active {
   background-color: #7266ba !important;
-  border: 1px solid #7266ba !important;
-  color: #ffffff; }
+  border          : 1px solid #7266ba !important;
+  color           : #ffffff;
+}
 
-.btn-purple.focus, .btn-purple:focus {
+.btn-purple.focus,
+.btn-purple:focus {
   -webkit-box-shadow: 0 0 0 3px rgba(114, 102, 186, 0.5);
-  box-shadow: 0 0 0 3px rgba(114, 102, 186, 0.5); }
+  box-shadow        : 0 0 0 3px rgba(114, 102, 186, 0.5);
+}
 
-.btn-pink, .btn-pink:hover, .btn-pink:focus, .btn-pink:active {
+.btn-pink,
+.btn-pink:hover,
+.btn-pink:focus,
+.btn-pink:active {
   background-color: #fb6d9d !important;
-  border: 1px solid #fb6d9d !important;
-  color: #ffffff; }
+  border          : 1px solid #fb6d9d !important;
+  color           : #ffffff;
+}
 
-.btn-pink.focus, .btn-pink:focus {
+.btn-pink.focus,
+.btn-pink:focus {
   -webkit-box-shadow: 0 0 0 3px rgba(251, 109, 157, 0.5);
-  box-shadow: 0 0 0 3px rgba(251, 109, 157, 0.5); }
+  box-shadow        : 0 0 0 3px rgba(251, 109, 157, 0.5);
+}
 
-.open > .dropdown-toggle.btn-primary.btn-custom,
-.open > .dropdown-toggle.btn-success.btn-custom,
-.open > .dropdown-toggle.btn-info.btn-custom,
-.open > .dropdown-toggle.btn-warning.btn-custom,
-.open > .dropdown-toggle.btn-danger.btn-custom,
-.open > .dropdown-toggle.btn-default.btn-custom {
+.open>.dropdown-toggle.btn-primary.btn-custom,
+.open>.dropdown-toggle.btn-success.btn-custom,
+.open>.dropdown-toggle.btn-info.btn-custom,
+.open>.dropdown-toggle.btn-warning.btn-custom,
+.open>.dropdown-toggle.btn-danger.btn-custom,
+.open>.dropdown-toggle.btn-default.btn-custom {
   border-width: 2px !important;
-  color: #ffffff !important; }
+  color       : #ffffff !important;
+}
 
-.open > .dropdown-toggle.btn-white.btn-custom {
-  border-width: 2px !important; }
+.open>.dropdown-toggle.btn-white.btn-custom {
+  border-width: 2px !important;
+}
 
 .btn-custom.btn-default {
-  color: #5fbeaa !important; }
+  color: #5fbeaa !important;
+}
 
 .btn-custom.btn-primary {
-  color: #5d9cec !important; }
+  color: #5d9cec !important;
+}
 
 .btn-custom.btn-success {
-  color: #81c868 !important; }
+  color: #81c868 !important;
+}
 
 .btn-custom.btn-info {
-  color: #34d3eb !important; }
+  color: #34d3eb !important;
+}
 
 .btn-custom.btn-warning {
-  color: #ffbd4a !important; }
+  color: #ffbd4a !important;
+}
 
 .btn-custom.btn-danger {
-  color: #f05050 !important; }
+  color: #f05050 !important;
+}
 
 .btn-custom.btn-inverse {
-  color: #4c5667 !important; }
+  color: #4c5667 !important;
+}
 
 .btn-custom.btn-purple {
-  color: #7266ba !important; }
+  color: #7266ba !important;
+}
 
 .btn-custom.btn-white {
-  color: #ffffff !important; }
-  .btn-custom.btn-white:hover, .btn-custom.btn-white:focus, .btn-custom.btn-white:active {
-    color: #4c5667 !important;
-    background-color: #f4f8fb !important; }
+  color: #ffffff !important;
+}
+
+.btn-custom.btn-white:hover,
+.btn-custom.btn-white:focus,
+.btn-custom.btn-white:active {
+  color           : #4c5667 !important;
+  background-color: #f4f8fb !important;
+}
 
 .btn-custom.btn-pink {
-  color: #fb6d9d !important; }
+  color: #fb6d9d !important;
+}
 
 .btn-rounded {
   border-radius: 2em !important;
-  padding: 6px 20px; }
-  .btn-rounded .btn-label {
-    padding: 7px 15px 7px 20px;
-    margin-left: -20px; }
-  .btn-rounded .btn-label-right {
-    margin-right: -20px;
-    margin-left: 12px; }
+  padding      : 6px 20px;
+}
+
+.btn-rounded .btn-label {
+  padding    : 7px 15px 7px 20px;
+  margin-left: -20px;
+}
+
+.btn-rounded .btn-label-right {
+  margin-right: -20px;
+  margin-left : 12px;
+}
 
 .btn-custom {
-  -moz-border-radius: 2px;
-  -moz-transition: all 400ms ease-in-out;
-  -o-transition: all 400ms ease-in-out;
+  -moz-border-radius   : 2px;
+  -moz-transition      : all 400ms ease-in-out;
+  -o-transition        : all 400ms ease-in-out;
   -webkit-border-radius: 2px;
-  -webkit-transition: all 400ms ease-in-out;
-  background-color: transparent !important;
-  border-radius: 5px;
-  transition: all 400ms ease-in-out;
-  background-clip: inherit; }
-  .btn-custom:hover {
-    color: #ffffff !important; }
-  .btn-custom:focus {
-    color: #ffffff !important; }
+  -webkit-transition   : all 400ms ease-in-out;
+  background-color     : transparent !important;
+  border-radius        : 5px;
+  transition           : all 400ms ease-in-out;
+  background-clip      : inherit;
+}
+
+.btn-custom:hover {
+  color: #ffffff !important;
+}
+
+.btn-custom:focus {
+  color: #ffffff !important;
+}
 
 .btn-label {
-  background: rgba(0, 0, 0, 0.05);
-  display: inline-block;
-  padding: 7px 15px;
+  background   : rgba(0, 0, 0, 0.05);
+  display      : inline-block;
+  padding      : 7px 15px;
   border-radius: 3px 0 0 3px;
-  margin: -7px -13px;
-  margin-right: 12px; }
+  margin       : -7px -13px;
+  margin-right : 12px;
+}
 
 .btn-label-right {
-  margin-left: 12px;
-  margin-right: -13px;
-  border-radius: 0px 3px 3px 0px; }
+  margin-left  : 12px;
+  margin-right : -13px;
+  border-radius: 0px 3px 3px 0px;
+}
 
 .btn-group.open .dropdown-toggle {
-  box-shadow: none; }
+  box-shadow: none;
+}
 
 /* File Upload */
 .fileupload {
   overflow: hidden;
-  position: relative; }
-  .fileupload input.upload {
-    cursor: pointer;
-    filter: alpha(opacity=0);
-    font-size: 20px;
-    margin: 0;
-    opacity: 0;
-    padding: 0;
-    position: absolute;
-    right: 0;
-    top: 0; }
+  position: relative;
+}
+
+.fileupload input.upload {
+  cursor   : pointer;
+  filter   : alpha(opacity=0);
+  font-size: 20px;
+  margin   : 0;
+  opacity  : 0;
+  padding  : 0;
+  position : absolute;
+  right    : 0;
+  top      : 0;
+}
 
 /* Social Buttons */
 .btn-facebook {
-  color: #ffffff !important;
-  background-color: #3b5998 !important; }
+  color           : #ffffff !important;
+  background-color: #3b5998 !important;
+}
 
 .btn-twitter {
-  color: #ffffff !important;
-  background-color: #00aced !important; }
+  color           : #ffffff !important;
+  background-color: #00aced !important;
+}
 
 .btn-linkedin {
-  color: #ffffff !important;
-  background-color: #007bb6 !important; }
+  color           : #ffffff !important;
+  background-color: #007bb6 !important;
+}
 
 .btn-dribbble {
-  color: #ffffff !important;
-  background-color: #ea4c89 !important; }
+  color           : #ffffff !important;
+  background-color: #ea4c89 !important;
+}
 
 .btn-googleplus {
-  color: #ffffff !important;
-  background-color: #dd4b39 !important; }
+  color           : #ffffff !important;
+  background-color: #dd4b39 !important;
+}
 
 .btn-instagram {
-  color: #ffffff !important;
-  background-color: #517fa4 !important; }
+  color           : #ffffff !important;
+  background-color: #517fa4 !important;
+}
 
 .btn-pinterest {
-  color: #ffffff !important;
-  background-color: #cb2027 !important; }
+  color           : #ffffff !important;
+  background-color: #cb2027 !important;
+}
 
 .btn-dropbox {
-  color: #ffffff !important;
-  background-color: #007ee5 !important; }
+  color           : #ffffff !important;
+  background-color: #007ee5 !important;
+}
 
 .btn-flickr {
-  color: #ffffff !important;
-  background-color: #ff0084 !important; }
+  color           : #ffffff !important;
+  background-color: #ff0084 !important;
+}
 
 .btn-tumblr {
-  color: #ffffff !important;
-  background-color: #32506d !important; }
+  color           : #ffffff !important;
+  background-color: #32506d !important;
+}
 
 .btn-skype {
-  color: #ffffff !important;
-  background-color: #00aff0 !important; }
+  color           : #ffffff !important;
+  background-color: #00aff0 !important;
+}
 
 .btn-youtube {
-  color: #ffffff !important;
-  background-color: #bb0000 !important; }
+  color           : #ffffff !important;
+  background-color: #bb0000 !important;
+}
 
 .btn-github {
-  color: #ffffff !important;
-  background-color: #171515 !important; }
+  color           : #ffffff !important;
+  background-color: #171515 !important;
+}
 
 .checkbox {
-  padding-left: 5px; }
-  .checkbox label {
-    display: inline-block;
-    padding-left: 5px;
-    position: relative;
-    font-weight: 500;
-    font-size: 13px; }
-    .checkbox label::before {
-      -o-transition: 0.3s ease-in-out;
-      -webkit-transition: 0.3s ease-in-out;
-      background-color: #414d59;
-      border-radius: 2px;
-      border: 1px solid #98a6ad;
-      content: "";
-      display: inline-block;
-      height: 17px;
-      left: 0;
-      margin-left: -17px;
-      position: absolute;
-      transition: 0.3s ease-in-out;
-      width: 17px;
-      outline: none !important; }
-    .checkbox label::after {
-      color: #98a6ad;
-      display: inline-block;
-      font-size: 11px;
-      height: 16px;
-      left: 0;
-      margin-left: -17px;
-      padding-left: 3px;
-      padding-top: 1px;
-      position: absolute;
-      top: 0;
-      width: 16px; }
-  .checkbox input[type="checkbox"] {
-    cursor: pointer;
-    opacity: 0;
-    z-index: 1;
-    outline: none !important; }
-    .checkbox input[type="checkbox"]:disabled + label {
-      opacity: 0.65; }
-  .checkbox input[type="checkbox"]:focus + label::before {
-    outline-offset: -2px;
-    outline: none; }
-  .checkbox input[type="checkbox"]:checked + label::after {
-    content: "\f00c";
-    font-family: 'FontAwesome'; }
-  .checkbox input[type="checkbox"]:disabled + label::before {
-    background-color: #eeeeee;
-    cursor: not-allowed; }
+  padding-left: 5px;
+}
+
+.checkbox label {
+  display     : inline-block;
+  padding-left: 5px;
+  position    : relative;
+  font-weight : 500;
+  font-size   : 13px;
+}
+
+.checkbox label::before {
+  -o-transition     : 0.3s ease-in-out;
+  -webkit-transition: 0.3s ease-in-out;
+  background-color  : #414d59;
+  border-radius     : 2px;
+  border            : 1px solid #98a6ad;
+  content           : "";
+  display           : inline-block;
+  height            : 17px;
+  left              : 0;
+  margin-left       : -17px;
+  position          : absolute;
+  transition        : 0.3s ease-in-out;
+  width             : 17px;
+  outline           : none !important;
+}
+
+.checkbox label::after {
+  color       : #98a6ad;
+  display     : inline-block;
+  font-size   : 11px;
+  height      : 16px;
+  left        : 0;
+  margin-left : -17px;
+  padding-left: 3px;
+  padding-top : 1px;
+  position    : absolute;
+  top         : 0;
+  width       : 16px;
+}
+
+.checkbox input[type="checkbox"] {
+  cursor : pointer;
+  opacity: 0;
+  z-index: 1;
+  outline: none !important;
+}
+
+.checkbox input[type="checkbox"]:disabled+label {
+  opacity: 0.65;
+}
+
+.checkbox input[type="checkbox"]:focus+label::before {
+  outline-offset: -2px;
+  outline       : none;
+}
+
+.checkbox input[type="checkbox"]:checked+label::after {
+  content    : "\f00c";
+  font-family: 'FontAwesome';
+}
+
+.checkbox input[type="checkbox"]:disabled+label::before {
+  background-color: #eeeeee;
+  cursor          : not-allowed;
+}
 
 .checkbox.checkbox-circle label::before {
-  border-radius: 50%; }
+  border-radius: 50%;
+}
 
 .checkbox.checkbox-inline {
-  margin-top: 0; }
+  margin-top: 0;
+}
 
 .checkbox.checkbox-single input {
-  height: 18px;
-  width: 18px;
-  position: absolute; }
+  height  : 18px;
+  width   : 18px;
+  position: absolute;
+}
+
 .checkbox.checkbox-single label {
   height: 18px;
-  width: 18px; }
-  .checkbox.checkbox-single label:before {
-    margin-left: 0; }
-  .checkbox.checkbox-single label:after {
-    margin-left: 0; }
+  width : 18px;
+}
 
-.checkbox-custom input[type="checkbox"]:checked + label::before {
+.checkbox.checkbox-single label:before {
+  margin-left: 0;
+}
+
+.checkbox.checkbox-single label:after {
+  margin-left: 0;
+}
+
+.checkbox-custom input[type="checkbox"]:checked+label::before {
   background-color: #5d9cec;
-  border-color: #5d9cec; }
-.checkbox-custom input[type="checkbox"]:checked + label::after {
-  color: #ffffff; }
+  border-color    : #5d9cec;
+}
 
-.checkbox-primary input[type="checkbox"]:checked + label::before {
+.checkbox-custom input[type="checkbox"]:checked+label::after {
+  color: #ffffff;
+}
+
+.checkbox-primary input[type="checkbox"]:checked+label::before {
   background-color: #5d9cec;
-  border-color: #5d9cec; }
-.checkbox-primary input[type="checkbox"]:checked + label::after {
-  color: #ffffff; }
+  border-color    : #5d9cec;
+}
 
-.checkbox-danger input[type="checkbox"]:checked + label::before {
+.checkbox-primary input[type="checkbox"]:checked+label::after {
+  color: #ffffff;
+}
+
+.checkbox-danger input[type="checkbox"]:checked+label::before {
   background-color: #f05050;
-  border-color: #f05050; }
-.checkbox-danger input[type="checkbox"]:checked + label::after {
-  color: #ffffff; }
+  border-color    : #f05050;
+}
 
-.checkbox-info input[type="checkbox"]:checked + label::before {
+.checkbox-danger input[type="checkbox"]:checked+label::after {
+  color: #ffffff;
+}
+
+.checkbox-info input[type="checkbox"]:checked+label::before {
   background-color: #34d3eb;
-  border-color: #34d3eb; }
-.checkbox-info input[type="checkbox"]:checked + label::after {
-  color: #ffffff; }
+  border-color    : #34d3eb;
+}
 
-.checkbox-warning input[type="checkbox"]:checked + label::before {
+.checkbox-info input[type="checkbox"]:checked+label::after {
+  color: #ffffff;
+}
+
+.checkbox-warning input[type="checkbox"]:checked+label::before {
   background-color: #ffbd4a;
-  border-color: #ffbd4a; }
-.checkbox-warning input[type="checkbox"]:checked + label::after {
-  color: #ffffff; }
+  border-color    : #ffbd4a;
+}
 
-.checkbox-success input[type="checkbox"]:checked + label::before {
+.checkbox-warning input[type="checkbox"]:checked+label::after {
+  color: #ffffff;
+}
+
+.checkbox-success input[type="checkbox"]:checked+label::before {
   background-color: #81c868;
-  border-color: #81c868; }
-.checkbox-success input[type="checkbox"]:checked + label::after {
-  color: #ffffff; }
+  border-color    : #81c868;
+}
 
-.checkbox-purple input[type="checkbox"]:checked + label::before {
+.checkbox-success input[type="checkbox"]:checked+label::after {
+  color: #ffffff;
+}
+
+.checkbox-purple input[type="checkbox"]:checked+label::before {
   background-color: #7266ba;
-  border-color: #7266ba; }
-.checkbox-purple input[type="checkbox"]:checked + label::after {
-  color: #ffffff; }
+  border-color    : #7266ba;
+}
 
-.checkbox-pink input[type="checkbox"]:checked + label::before {
+.checkbox-purple input[type="checkbox"]:checked+label::after {
+  color: #ffffff;
+}
+
+.checkbox-pink input[type="checkbox"]:checked+label::before {
   background-color: #fb6d9d;
-  border-color: #fb6d9d; }
-.checkbox-pink input[type="checkbox"]:checked + label::after {
-  color: #ffffff; }
+  border-color    : #fb6d9d;
+}
 
-.checkbox-inverse input[type="checkbox"]:checked + label::before {
+.checkbox-pink input[type="checkbox"]:checked+label::after {
+  color: #ffffff;
+}
+
+.checkbox-inverse input[type="checkbox"]:checked+label::before {
   background-color: #4c5667;
-  border-color: #4c5667; }
-.checkbox-inverse input[type="checkbox"]:checked + label::after {
-  color: #ffffff; }
+  border-color    : #4c5667;
+}
+
+.checkbox-inverse input[type="checkbox"]:checked+label::after {
+  color: #ffffff;
+}
 
 /* Radios */
 .radio label {
-  display: inline-block;
+  display     : inline-block;
   padding-left: 5px;
-  position: relative;
-  font-weight: 500;
-  font-size: 13px; }
-  .radio label::before {
-    -o-transition: border 0.5s ease-in-out;
-    -webkit-transition: border 0.5s ease-in-out;
-    background-color: #414d59;
-    border-radius: 50%;
-    border: 1px solid #98a6ad;
-    content: "";
-    display: inline-block;
-    height: 17px;
-    left: 0;
-    margin-left: -20px;
-    position: absolute;
-    transition: border 0.5s ease-in-out;
-    width: 17px;
-    outline: none !important; }
-  .radio label::after {
-    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-    -ms-transform: scale(0, 0);
-    -o-transform: scale(0, 0);
-    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-    -webkit-transform: scale(0, 0);
-    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-    background-color: #98a6ad;
-    border-radius: 50%;
-    content: " ";
-    display: inline-block;
-    height: 11px;
-    left: 3px;
-    margin-left: -20px;
-    position: absolute;
-    top: 3px;
-    transform: scale(0, 0);
-    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-    width: 11px; }
+  position    : relative;
+  font-weight : 500;
+  font-size   : 13px;
+}
+
+.radio label::before {
+  -o-transition     : border 0.5s ease-in-out;
+  -webkit-transition: border 0.5s ease-in-out;
+  background-color  : #414d59;
+  border-radius     : 50%;
+  border            : 1px solid #98a6ad;
+  content           : "";
+  display           : inline-block;
+  height            : 17px;
+  left              : 0;
+  margin-left       : -20px;
+  position          : absolute;
+  transition        : border 0.5s ease-in-out;
+  width             : 17px;
+  outline           : none !important;
+}
+
+.radio label::after {
+  -moz-transition   : -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
+  -ms-transform     : scale(0, 0);
+  -o-transform      : scale(0, 0);
+  -o-transition     : -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
+  -webkit-transform : scale(0, 0);
+  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
+  background-color  : #98a6ad;
+  border-radius     : 50%;
+  content           : " ";
+  display           : inline-block;
+  height            : 11px;
+  left              : 3px;
+  margin-left       : -20px;
+  position          : absolute;
+  top               : 3px;
+  transform         : scale(0, 0);
+  transition        : transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
+  width             : 11px;
+}
+
 .radio input[type="radio"] {
-  cursor: pointer;
+  cursor : pointer;
   opacity: 0;
   z-index: 1;
-  outline: none !important; }
-  .radio input[type="radio"]:disabled + label {
-    opacity: 0.65; }
-.radio input[type="radio"]:focus + label::before {
+  outline: none !important;
+}
+
+.radio input[type="radio"]:disabled+label {
+  opacity: 0.65;
+}
+
+.radio input[type="radio"]:focus+label::before {
   outline-offset: -2px;
-  outline: thin dotted; }
-.radio input[type="radio"]:checked + label::after {
-  -ms-transform: scale(1, 1);
-  -o-transform: scale(1, 1);
+  outline       : thin dotted;
+}
+
+.radio input[type="radio"]:checked+label::after {
+  -ms-transform    : scale(1, 1);
+  -o-transform     : scale(1, 1);
   -webkit-transform: scale(1, 1);
-  transform: scale(1, 1); }
-.radio input[type="radio"]:disabled + label::before {
-  cursor: not-allowed; }
+  transform        : scale(1, 1);
+}
+
+.radio input[type="radio"]:disabled+label::before {
+  cursor: not-allowed;
+}
 
 .radio.radio-inline {
-  margin-top: 0; }
+  margin-top: 0;
+}
 
 .radio.radio-single label {
-  height: 17px; }
+  height: 17px;
+}
 
-.radio-custom input[type="radio"] + label::after {
-  background-color: #5d9cec; }
-.radio-custom input[type="radio"]:checked + label::before {
-  border-color: #5d9cec; }
-.radio-custom input[type="radio"]:checked + label::after {
-  background-color: #5d9cec; }
+.radio-custom input[type="radio"]+label::after {
+  background-color: #5d9cec;
+}
 
-.radio-primary input[type="radio"] + label::after {
-  background-color: #5d9cec; }
-.radio-primary input[type="radio"]:checked + label::before {
-  border-color: #5d9cec; }
-.radio-primary input[type="radio"]:checked + label::after {
-  background-color: #5d9cec; }
+.radio-custom input[type="radio"]:checked+label::before {
+  border-color: #5d9cec;
+}
 
-.radio-danger input[type="radio"] + label::after {
-  background-color: #f05050; }
-.radio-danger input[type="radio"]:checked + label::before {
-  border-color: #f05050; }
-.radio-danger input[type="radio"]:checked + label::after {
-  background-color: #f05050; }
+.radio-custom input[type="radio"]:checked+label::after {
+  background-color: #5d9cec;
+}
 
-.radio-info input[type="radio"] + label::after {
-  background-color: #34d3eb; }
-.radio-info input[type="radio"]:checked + label::before {
-  border-color: #34d3eb; }
-.radio-info input[type="radio"]:checked + label::after {
-  background-color: #34d3eb; }
+.radio-primary input[type="radio"]+label::after {
+  background-color: #5d9cec;
+}
 
-.radio-warning input[type="radio"] + label::after {
-  background-color: #ffbd4a; }
-.radio-warning input[type="radio"]:checked + label::before {
-  border-color: #ffbd4a; }
-.radio-warning input[type="radio"]:checked + label::after {
-  background-color: #ffbd4a; }
+.radio-primary input[type="radio"]:checked+label::before {
+  border-color: #5d9cec;
+}
 
-.radio-success input[type="radio"] + label::after {
-  background-color: #81c868; }
-.radio-success input[type="radio"]:checked + label::before {
-  border-color: #81c868; }
-.radio-success input[type="radio"]:checked + label::after {
-  background-color: #81c868; }
+.radio-primary input[type="radio"]:checked+label::after {
+  background-color: #5d9cec;
+}
 
-.radio-purple input[type="radio"] + label::after {
-  background-color: #7266ba; }
-.radio-purple input[type="radio"]:checked + label::before {
-  border-color: #7266ba; }
-.radio-purple input[type="radio"]:checked + label::after {
-  background-color: #7266ba; }
+.radio-danger input[type="radio"]+label::after {
+  background-color: #f05050;
+}
 
-.radio-pink input[type="radio"] + label::after {
-  background-color: #fb6d9d; }
-.radio-pink input[type="radio"]:checked + label::before {
-  border-color: #fb6d9d; }
-.radio-pink input[type="radio"]:checked + label::after {
-  background-color: #fb6d9d; }
+.radio-danger input[type="radio"]:checked+label::before {
+  border-color: #f05050;
+}
+
+.radio-danger input[type="radio"]:checked+label::after {
+  background-color: #f05050;
+}
+
+.radio-info input[type="radio"]+label::after {
+  background-color: #34d3eb;
+}
+
+.radio-info input[type="radio"]:checked+label::before {
+  border-color: #34d3eb;
+}
+
+.radio-info input[type="radio"]:checked+label::after {
+  background-color: #34d3eb;
+}
+
+.radio-warning input[type="radio"]+label::after {
+  background-color: #ffbd4a;
+}
+
+.radio-warning input[type="radio"]:checked+label::before {
+  border-color: #ffbd4a;
+}
+
+.radio-warning input[type="radio"]:checked+label::after {
+  background-color: #ffbd4a;
+}
+
+.radio-success input[type="radio"]+label::after {
+  background-color: #81c868;
+}
+
+.radio-success input[type="radio"]:checked+label::before {
+  border-color: #81c868;
+}
+
+.radio-success input[type="radio"]:checked+label::after {
+  background-color: #81c868;
+}
+
+.radio-purple input[type="radio"]+label::after {
+  background-color: #7266ba;
+}
+
+.radio-purple input[type="radio"]:checked+label::before {
+  border-color: #7266ba;
+}
+
+.radio-purple input[type="radio"]:checked+label::after {
+  background-color: #7266ba;
+}
+
+.radio-pink input[type="radio"]+label::after {
+  background-color: #fb6d9d;
+}
+
+.radio-pink input[type="radio"]:checked+label::before {
+  border-color: #fb6d9d;
+}
+
+.radio-pink input[type="radio"]:checked+label::after {
+  background-color: #fb6d9d;
+}
 
 /* =============
    Portlets
 ============= */
 .portlet {
-  background: #36404a;
-  border: 1px solid rgba(54, 64, 74, 0.05);
-  border-radius: 5px;
-  margin-bottom: 20px;
-  background-clip: padding-box; }
-  .portlet .portlet-heading {
-    border-radius: 3px 3px 0 0;
-    padding: 12px 20px; }
-    .portlet .portlet-heading .portlet-title {
-      float: left;
-      font-size: 18px;
-      font-weight: 600;
-      margin-bottom: 0;
-      margin-top: 5px; }
-    .portlet .portlet-heading .portlet-widgets {
-      display: inline-block;
-      float: right;
-      font-size: 15px;
-      line-height: 30px;
-      padding-left: 15px;
-      position: relative;
-      text-align: right; }
-      .portlet .portlet-heading .portlet-widgets .divider {
-        margin: 0 5px; }
-      .portlet .portlet-heading .portlet-widgets .collapsed .ion-minus-round:before {
-        content: "\f217" !important; }
-    .portlet .portlet-heading a {
-      color: #999999; }
-  .portlet .portlet-body {
-    -moz-border-radius-bottomleft: 5px;
-    -moz-border-radius-bottomright: 5px;
-    -webkit-border-bottom-left-radius: 5px;
-    -webkit-border-bottom-right-radius: 5px;
-    border-bottom-left-radius: 5px;
-    border-bottom-right-radius: 5px;
-    padding: 15px; }
+  background     : #36404a;
+  border         : 1px solid rgba(54, 64, 74, 0.05);
+  border-radius  : 5px;
+  margin-bottom  : 20px;
+  background-clip: padding-box;
+}
 
-.portlet .portlet-heading.bg-custom a, .portlet .portlet-heading.bg-purple a, .portlet .portlet-heading.bg-info a, .portlet .portlet-heading.bg-success a, .portlet .portlet-heading.bg-primary a, .portlet .portlet-heading.bg-danger a, .portlet .portlet-heading.bg-warning a, .portlet .portlet-heading.bg-inverse a, .portlet .portlet-heading.bg-pink a {
-  color: #ffffff; }
+.portlet .portlet-heading {
+  border-radius: 3px 3px 0 0;
+  padding      : 12px 20px;
+}
+
+.portlet .portlet-heading .portlet-title {
+  float        : left;
+  font-size    : 18px;
+  font-weight  : 600;
+  margin-bottom: 0;
+  margin-top   : 5px;
+}
+
+.portlet .portlet-heading .portlet-widgets {
+  display     : inline-block;
+  float       : right;
+  font-size   : 15px;
+  line-height : 30px;
+  padding-left: 15px;
+  position    : relative;
+  text-align  : right;
+}
+
+.portlet .portlet-heading .portlet-widgets .divider {
+  margin: 0 5px;
+}
+
+.portlet .portlet-heading .portlet-widgets .collapsed .ion-minus-round:before {
+  content: "\f217" !important;
+}
+
+.portlet .portlet-heading a {
+  color: #999999;
+}
+
+.portlet .portlet-body {
+  -moz-border-radius-bottomleft     : 5px;
+  -moz-border-radius-bottomright    : 5px;
+  -webkit-border-bottom-left-radius : 5px;
+  -webkit-border-bottom-right-radius: 5px;
+  border-bottom-left-radius         : 5px;
+  border-bottom-right-radius        : 5px;
+  padding                           : 15px;
+}
+
+.portlet .portlet-heading.bg-custom a,
+.portlet .portlet-heading.bg-purple a,
+.portlet .portlet-heading.bg-info a,
+.portlet .portlet-heading.bg-success a,
+.portlet .portlet-heading.bg-primary a,
+.portlet .portlet-heading.bg-danger a,
+.portlet .portlet-heading.bg-warning a,
+.portlet .portlet-heading.bg-inverse a,
+.portlet .portlet-heading.bg-pink a {
+  color: #ffffff;
+}
 
 .panel-disabled {
-  background: rgba(255, 255, 255, 0.2);
-  bottom: 20px;
-  left: 10px;
-  position: absolute;
-  right: 10px;
-  top: 0;
-  border-radius: 5px; }
+  background   : rgba(255, 255, 255, 0.2);
+  bottom       : 20px;
+  left         : 10px;
+  position     : absolute;
+  right        : 10px;
+  top          : 0;
+  border-radius: 5px;
+}
 
 .loader-1 {
-  -moz-animation: loaderAnimate 1000ms linear infinite;
-  -o-animation: loaderAnimate 1000ms linear infinite;
+  -moz-animation   : loaderAnimate 1000ms linear infinite;
+  -o-animation     : loaderAnimate 1000ms linear infinite;
   -webkit-animation: loaderAnimate 1000ms linear infinite;
-  animation: loaderAnimate 1000ms linear infinite;
-  clip: rect(0, 30px, 30px, 15px);
-  height: 30px;
-  left: 50%;
-  margin-left: -15px;
-  margin-top: -15px;
-  position: absolute;
-  top: 50%;
-  width: 30px; }
-  .loader-1:after {
-    -moz-animation: loaderAnimate2 1000ms ease-in-out infinite;
-    -o-animation: loaderAnimate2 1000ms ease-in-out infinite;
-    -webkit-animation: loaderAnimate2 1000ms ease-in-out infinite;
-    animation: loaderAnimate2 1000ms ease-in-out infinite;
-    border-radius: 50%;
-    clip: rect(0, 30px, 30px, 15px);
-    content: '';
-    height: 30px;
-    position: absolute;
-    width: 30px; }
+  animation        : loaderAnimate 1000ms linear infinite;
+  clip             : rect(0, 30px, 30px, 15px);
+  height           : 30px;
+  left             : 50%;
+  margin-left      : -15px;
+  margin-top       : -15px;
+  position         : absolute;
+  top              : 50%;
+  width            : 30px;
+}
+
+.loader-1:after {
+  -moz-animation   : loaderAnimate2 1000ms ease-in-out infinite;
+  -o-animation     : loaderAnimate2 1000ms ease-in-out infinite;
+  -webkit-animation: loaderAnimate2 1000ms ease-in-out infinite;
+  animation        : loaderAnimate2 1000ms ease-in-out infinite;
+  border-radius    : 50%;
+  clip             : rect(0, 30px, 30px, 15px);
+  content          : '';
+  height           : 30px;
+  position         : absolute;
+  width            : 30px;
+}
 
 /* =============
    Progressbars
 ============= */
 .progress {
   -webkit-box-shadow: none !important;
-  background-color: #414d59;
-  box-shadow: none !important;
-  height: 10px;
-  margin-bottom: 18px;
-  overflow: hidden; }
+  background-color  : #414d59;
+  box-shadow        : none !important;
+  height            : 10px;
+  margin-bottom     : 18px;
+  overflow          : hidden;
+}
 
 .progress-bar {
-  box-shadow: none;
-  font-size: 8px;
+  box-shadow : none;
+  font-size  : 8px;
   font-weight: 600;
-  line-height: 12px; }
+  line-height: 12px;
+}
 
 .progress.progress-sm {
-  height: 5px !important; }
-  .progress.progress-sm .progress-bar {
-    font-size: 8px;
-    line-height: 5px; }
+  height: 5px !important;
+}
+
+.progress.progress-sm .progress-bar {
+  font-size  : 8px;
+  line-height: 5px;
+}
 
 .progress.progress-md {
-  height: 15px !important; }
-  .progress.progress-md .progress-bar {
-    font-size: 10.8px;
-    line-height: 14.4px; }
+  height: 15px !important;
+}
+
+.progress.progress-md .progress-bar {
+  font-size  : 10.8px;
+  line-height: 14.4px;
+}
 
 .progress.progress-lg {
-  height: 1rem !important; }
-  .progress.progress-lg .progress-bar {
-    font-size: 12px;
-    line-height: 20px; }
+  height: 1rem !important;
+}
+
+.progress.progress-lg .progress-bar {
+  font-size  : 12px;
+  line-height: 20px;
+}
 
 .progress-bar-primary {
-  background-color: #5d9cec; }
+  background-color: #5d9cec;
+}
 
 .progress-bar-success {
-  background-color: #81c868; }
+  background-color: #81c868;
+}
 
 .progress-bar-info {
-  background-color: #34d3eb; }
+  background-color: #34d3eb;
+}
 
 .progress-bar-warning {
-  background-color: #ffbd4a; }
+  background-color: #ffbd4a;
+}
 
 .progress-bar-danger {
-  background-color: #f05050; }
+  background-color: #f05050;
+}
 
 .progress-bar-inverse {
-  background-color: #4c5667; }
+  background-color: #4c5667;
+}
 
 .progress-bar-purple {
-  background-color: #7266ba; }
+  background-color: #7266ba;
+}
 
 .progress-bar-pink {
-  background-color: #fb6d9d; }
+  background-color: #fb6d9d;
+}
 
 .progress-bar-custom {
-  background-color: #33b5e5; }
+  background-color: #33b5e5;
+}
 
 .progress-animated {
   -webkit-animation-duration: 5s;
-  -webkit-animation-name: animationProgress;
-  -webkit-transition: 5s all;
-  animation-duration: 5s;
-  animation-name: animationProgress;
-  transition: 5s all; }
+  -webkit-animation-name    : animationProgress;
+  -webkit-transition        : 5s all;
+  animation-duration        : 5s;
+  animation-name            : animationProgress;
+  transition                : 5s all;
+}
 
 /* Progressbar Vertical */
 .progress-vertical {
-  min-height: 250px;
-  height: 250px;
-  width: 10px;
-  position: relative;
-  display: inline-block;
+  min-height   : 250px;
+  height       : 250px;
+  width        : 10px;
+  position     : relative;
+  display      : inline-block;
   margin-bottom: 0;
-  margin-right: 20px; }
-  .progress-vertical .progress-bar {
-    width: 100%; }
+  margin-right : 20px;
+}
+
+.progress-vertical .progress-bar {
+  width: 100%;
+}
 
 .progress-vertical-bottom {
-  min-height: 250px;
-  height: 250px;
-  position: relative;
-  width: 10px;
-  display: inline-block;
+  min-height   : 250px;
+  height       : 250px;
+  position     : relative;
+  width        : 10px;
+  display      : inline-block;
   margin-bottom: 0;
-  margin-right: 20px; }
-  .progress-vertical-bottom .progress-bar {
-    width: 100%;
-    position: absolute;
-    bottom: 0; }
+  margin-right : 20px;
+}
 
-.progress-vertical.progress-sm, .progress-vertical-bottom.progress-sm {
-  width: 5px !important; }
-  .progress-vertical.progress-sm .progress-bar, .progress-vertical-bottom.progress-sm .progress-bar {
-    font-size: 8px;
-    line-height: 5px; }
+.progress-vertical-bottom .progress-bar {
+  width   : 100%;
+  position: absolute;
+  bottom  : 0;
+}
 
-.progress-vertical.progress-md, .progress-vertical-bottom.progress-md {
-  width: 15px !important; }
-  .progress-vertical.progress-md .progress-bar, .progress-vertical-bottom.progress-md .progress-bar {
-    font-size: 10.8px;
-    line-height: 14.4px; }
+.progress-vertical.progress-sm,
+.progress-vertical-bottom.progress-sm {
+  width: 5px !important;
+}
 
-.progress-vertical.progress-lg, .progress-vertical-bottom.progress-lg {
-  width: 20px !important; }
-  .progress-vertical.progress-lg .progress-bar, .progress-vertical-bottom.progress-lg .progress-bar {
-    font-size: 12px;
-    line-height: 20px; }
+.progress-vertical.progress-sm .progress-bar,
+.progress-vertical-bottom.progress-sm .progress-bar {
+  font-size  : 8px;
+  line-height: 5px;
+}
+
+.progress-vertical.progress-md,
+.progress-vertical-bottom.progress-md {
+  width: 15px !important;
+}
+
+.progress-vertical.progress-md .progress-bar,
+.progress-vertical-bottom.progress-md .progress-bar {
+  font-size  : 10.8px;
+  line-height: 14.4px;
+}
+
+.progress-vertical.progress-lg,
+.progress-vertical-bottom.progress-lg {
+  width: 20px !important;
+}
+
+.progress-vertical.progress-lg .progress-bar,
+.progress-vertical-bottom.progress-lg .progress-bar {
+  font-size  : 12px;
+  line-height: 20px;
+}
 
 /* =============
    Tables
 ============= */
 .table {
-  margin-bottom: 10px; }
+  margin-bottom: 10px;
+}
 
-.table-striped > tbody > tr:nth-of-type(odd), .table-hover > tbody > tr:hover,
-.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: #414d59 !important; }
+.table-striped>tbody>tr:nth-of-type(odd),
+.table-hover>tbody>tr:hover,
+.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: #414d59 !important;
+}
 
-.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th,
-.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td,
-.table > thead > tr > th, .table-bordered {
-  border-top: 1px solid #414d59; }
+.table>thead>tr>th,
+.table>tbody>tr>th,
+.table>tfoot>tr>th,
+.table>thead>tr>td,
+.table>tbody>tr>td,
+.table>tfoot>tr>td,
+.table>thead>tr>th,
+.table-bordered {
+  border-top: 1px solid #414d59;
+}
 
-.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: 1px solid #414d59; }
+.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: 1px solid #414d59;
+}
 
-.table > thead > tr > th {
+.table>thead>tr>th {
   vertical-align: bottom;
-  border-bottom: 2px solid #414d59; }
+  border-bottom : 2px solid #414d59;
+}
 
-.table-bordered, .table-responsive[data-pattern="priority-columns"] {
-  border: 1px solid #414d59; }
+.table-bordered,
+.table-responsive[data-pattern="priority-columns"] {
+  border: 1px solid #414d59;
+}
 
 table.focus-on tbody tr.focused th {
   background-color: #33b5e5;
-  color: #ffffff; }
+  color           : #ffffff;
+}
+
 table.focus-on tbody tr.focused td {
   background-color: #33b5e5;
-  color: #ffffff; }
+  color           : #ffffff;
+}
 
 .table-wrapper .btn-toolbar {
-  display: block; }
+  display: block;
+}
+
 .table-wrapper .dropdown-menu {
-  left: auto;
-  right: 0; }
+  left : auto;
+  right: 0;
+}
 
 .sticky-table-header.fixed-solution {
-  top: 147px !important;
-  background-color: #33b5e5; }
+  top             : 147px !important;
+  background-color: #33b5e5;
+}
 
 .fixed-table-container tbody .selected td {
-  background-color: #414d59; }
+  background-color: #414d59;
+}
 
 .modal-block {
   background: transparent;
-  margin: 40px auto;
-  max-width: 600px;
-  padding: 0;
-  position: relative;
-  text-align: left; }
+  margin    : 40px auto;
+  max-width : 600px;
+  padding   : 0;
+  position  : relative;
+  text-align: left;
+}
 
 /* Data table */
 #datatable-editable .actions a {
-  padding: 5px; }
+  padding: 5px;
+}
+
 #datatable-editable .form-control {
   background-color: #ffffff;
-  width: 100%; }
+  width           : 100%;
+}
+
 #datatable-editable .fa-trash-o {
-  color: #f05050; }
+  color: #f05050;
+}
+
 #datatable-editable .fa-times {
-  color: #f05050; }
+  color: #f05050;
+}
+
 #datatable-editable .fa-pencil {
-  color: #29b6f6; }
+  color: #29b6f6;
+}
+
 #datatable-editable .fa-save {
-  color: #33b86c; }
+  color: #33b86c;
+}
 
 #datatable td {
-  font-weight: normal; }
+  font-weight: normal;
+}
 
 div.dataTables_paginate ul.pagination {
-  margin-top: 30px; }
+  margin-top: 30px;
+}
 
 div.dataTables_info {
-  padding-top: 38px; }
+  padding-top: 38px;
+}
 
 .dt-buttons {
-  float: left; }
+  float: left;
+}
 
 div#datatable-buttons_info {
-  float: left; }
+  float: left;
+}
 
 #datatable-editable .form-control {
   background-color: #ffffff;
-  width: auto;
-  height: 20px; }
+  width           : auto;
+  height          : 20px;
+}
 
 /* Footable */
 .footable-odd {
-  background-color: #36404a; }
+  background-color: #36404a;
+}
 
 .footable-detail-show {
-  background-color: #414d59; }
+  background-color: #414d59;
+}
 
 .footable-row-detail {
-  background-color: #414d59; }
+  background-color: #414d59;
+}
 
 .footable-pagination li {
   margin-left: 5px;
-  display: inline-block;
-  float: left; }
-  .footable-pagination li a {
-    position: relative;
-    display: block;
-    padding: .5rem .75rem;
-    margin-left: -1px;
-    line-height: 1.25;
-    color: #98a6ad;
-    background-color: #414d59;
-    border: 1px solid #414d59; }
+  display    : inline-block;
+  float      : left;
+}
+
+.footable-pagination li a {
+  position        : relative;
+  display         : block;
+  padding         : .5rem .75rem;
+  margin-left     : -1px;
+  line-height     : 1.25;
+  color           : #98a6ad;
+  background-color: #414d59;
+  border          : 1px solid #414d59;
+}
+
 .footable-pagination li.active a {
-  color: #ffffff; }
+  color: #ffffff;
+}
 
 /* Bootstrap Table */
 table[data-toggle="table"] {
-  display: none; }
+  display: none;
+}
 
-.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {
-  margin-top: 20px; }
+.fixed-table-pagination .pagination-detail,
+.fixed-table-pagination div.pagination {
+  margin-top: 20px;
+}
 
 .fixed-table-container {
-  border: none; }
+  border: none;
+}
 
-.bootstrap-table .table > thead > tr > th {
+.bootstrap-table .table>thead>tr>th {
   border-bottom: 2px solid #4c5a67;
-  background: #414d59; }
+  background   : #414d59;
+}
 
 .fixed-table-container thead th .th-inner {
-  padding: 9px 12px; }
+  padding: 9px 12px;
+}
 
-.bootstrap-table .table, .bootstrap-table .table > tbody > tr > td, .bootstrap-table .table > tbody > tr > th, .bootstrap-table .table > tfoot > tr > td, .bootstrap-table .table > tfoot > tr > th, .bootstrap-table .table > thead > tr > td {
-  padding: 8px 12px !important; }
+.bootstrap-table .table,
+.bootstrap-table .table>tbody>tr>td,
+.bootstrap-table .table>tbody>tr>th,
+.bootstrap-table .table>tfoot>tr>td,
+.bootstrap-table .table>tfoot>tr>th,
+.bootstrap-table .table>thead>tr>td {
+  padding: 8px 12px !important;
+}
 
 .fixed-table-pagination .pagination a {
-  display: block;
-  border-radius: 3px; }
+  display      : block;
+  border-radius: 3px;
+}
+
 .fixed-table-pagination .page-number.active a {
-  color: #ffffff; }
+  color: #ffffff;
+}
+
 .fixed-table-pagination .page-list .dropdown-menu a {
-  color: #98a6ad;
-  display: block; }
+  color  : #98a6ad;
+  display: block;
+}
 
 /* Tablesaw */
 .tablesaw thead {
-  background: #414d59;
+  background      : #414d59;
   background-image: none;
-  border: none; }
+  border          : none;
+}
 
-table.tablesaw thead th, table.tablesaw thead td {
-  color: #ffffff; }
+table.tablesaw thead th,
+table.tablesaw thead td {
+  color: #ffffff;
+}
 
 .tablesaw thead th {
-  text-shadow: none;
-  letter-spacing: 0.06em; }
+  text-shadow   : none;
+  letter-spacing: 0.06em;
+}
 
 .tablesaw thead tr:first-child th {
-  padding-top: 1.1em;
+  padding-top   : 1.1em;
   padding-bottom: 0.9em;
-  font-weight: 600;
-  font-family: inherit;
-  border: none; }
+  font-weight   : 600;
+  font-family   : inherit;
+  border        : none;
+}
 
-.tablesaw td, .tablesaw tbody th {
-  font-size: inherit;
+.tablesaw td,
+.tablesaw tbody th {
+  font-size  : inherit;
   line-height: inherit;
-  padding: 10px !important; }
+  padding    : 10px !important;
+}
 
-.tablesaw-stack tbody tr, .tablesaw tbody tr {
-  border-bottom: none; }
+.tablesaw-stack tbody tr,
+.tablesaw tbody tr {
+  border-bottom: none;
+}
 
-.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after, .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
+.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after,
+.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
   font-family: FontAwesome;
-  font-size: 10px; }
+  font-size  : 10px;
+}
 
 .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after {
-  content: "\f176"; }
+  content: "\f176";
+}
 
 .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
-  content: "\f175"; }
+  content: "\f175";
+}
 
-.tablesaw-bar .btn-select.btn-small:after, .tablesaw-bar .btn-select.btn-micro:after {
-  font-size: 8px;
-  padding-right: 10px; }
+.tablesaw-bar .btn-select.btn-small:after,
+.tablesaw-bar .btn-select.btn-micro:after {
+  font-size    : 8px;
+  padding-right: 10px;
+}
 
 .tablesaw-swipe .tablesaw-cell-persist {
-  box-shadow: none; }
+  box-shadow: none;
+}
 
 .tablesaw-enhanced .tablesaw-bar .btn {
-  text-shadow: none;
-  background-image: none; }
+  text-shadow     : none;
+  background-image: none;
+}
 
 .tablesaw-enhanced .tablesaw-bar .btn.btn-select:hover {
-  background: #ffffff; }
+  background: #ffffff;
+}
 
-.tablesaw-enhanced .tablesaw-bar .btn:hover, .tablesaw-enhanced .tablesaw-bar .btn:focus, .tablesaw-enhanced .tablesaw-bar .btn:active {
-  color: #5fbeaa !important;
+.tablesaw-enhanced .tablesaw-bar .btn:hover,
+.tablesaw-enhanced .tablesaw-bar .btn:focus,
+.tablesaw-enhanced .tablesaw-bar .btn:active {
+  color           : #5fbeaa !important;
   background-color: #ebeff2;
-  outline: none !important;
-  box-shadow: none !important;
-  background-image: none; }
+  outline         : none !important;
+  box-shadow      : none !important;
+  background-image: none;
+}
 
 .tablesaw-swipe .tablesaw-cell-persist {
-  border-right: 1px solid #566676; }
+  border-right: 1px solid #566676;
+}
 
 .tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
-  background-color: #4c5a67; }
+  background-color: #4c5a67;
+}
 
 .tablesaw-columntoggle-btnwrap .btn-group {
-  display: block; }
+  display: block;
+}
 
 /* Fixed table */
 .fixedHeader-floating {
-  top: 60px !important; }
+  top: 60px !important;
+}
 
 /* Key Table */
-table.dataTable th.focus, table.dataTable td.focus {
-  outline: 3px solid #5fbeaa !important;
-  outline-offset: -1px; }
+table.dataTable th.focus,
+table.dataTable td.focus {
+  outline       : 3px solid #5fbeaa !important;
+  outline-offset: -1px;
+}
 
 /* ColVid Tables */
 div.ColVis {
-  float: none;
-  margin-right: 30px; }
+  float       : none;
+  margin-right: 30px;
+}
 
-button.ColVis_Button, .ColVis_Button:hover {
-  float: none;
-  border-radius: 3px;
-  outline: none !important;
-  background: none;
-  box-shadow: none;
-  color: #ffffff !important;
+button.ColVis_Button,
+.ColVis_Button:hover {
+  float           : none;
+  border-radius   : 3px;
+  outline         : none !important;
+  background      : none;
+  box-shadow      : none;
+  color           : #ffffff !important;
   background-color: #5fbeaa !important;
-  border: 1px solid #5fbeaa !important; }
+  border          : 1px solid #5fbeaa !important;
+}
 
 .dataTables_length {
-  float: left; }
+  float: left;
+}
 
 div.ColVis_collectionBackground {
-  background-color: transparent; }
+  background-color: transparent;
+}
 
 ul.ColVis_collection {
-  padding: 10px 0px 0px 0px;
+  padding         : 10px 0px 0px 0px;
   background-color: #ffffff;
-  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
-  border: none; }
-  ul.ColVis_collection li {
-    background: transparent !important;
-    padding: 3px 10px !important;
-    border: none !important;
-    box-shadow: none !important; }
+  box-shadow      : 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+  border          : none;
+}
+
+ul.ColVis_collection li {
+  background: transparent !important;
+  padding   : 3px 10px !important;
+  border    : none !important;
+  box-shadow: none !important;
+}
 
 #datatable-colvid_info {
-  float: left; }
+  float: left;
+}
 
 /* JsGrid table */
-.jsgrid-grid-header, .jsgrid-header-row > .jsgrid-header-cell,
-.jsgrid-filter-row > .jsgrid-cell, .jsgrid-row > .jsgrid-cell {
-  background: transparent; }
+.jsgrid-grid-header,
+.jsgrid-header-row>.jsgrid-header-cell,
+.jsgrid-filter-row>.jsgrid-cell,
+.jsgrid-row>.jsgrid-cell {
+  background: transparent;
+}
 
 .jsgrid-cell {
-  padding: .8em; }
+  padding: .8em;
+}
 
-.jsgrid-edit-row > .jsgrid-cell, .jsgrid-filter-row > .jsgrid-cell,
-.jsgrid-grid-body, .jsgrid-grid-header, .jsgrid-header-row > .jsgrid-header-cell,
-.jsgrid-insert-row > .jsgrid-cell {
-  border: 1px solid rgba(255, 255, 255, 0.1); }
+.jsgrid-edit-row>.jsgrid-cell,
+.jsgrid-filter-row>.jsgrid-cell,
+.jsgrid-grid-body,
+.jsgrid-grid-header,
+.jsgrid-header-row>.jsgrid-header-cell,
+.jsgrid-insert-row>.jsgrid-cell {
+  border: 1px solid rgba(255, 255, 255, 0.1);
+}
 
-.jsgrid-selected-row > .jsgrid-cell {
+.jsgrid-selected-row>.jsgrid-cell {
+  background  : #414d59;
+  border-color: #414d59;
+}
+
+.jsgrid-selected-row>.jsgrid-cell .jsgrid-button {
+  background-color: #ebeff2;
+}
+
+.jsgrid-cell {
+  border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.jsgrid-alt-row>.jsgrid-cell {
   background: #414d59;
-  border-color: #414d59; }
-  .jsgrid-selected-row > .jsgrid-cell .jsgrid-button {
-    background-color: #ebeff2; }
+}
 
-.jsgrid-cell {
-  border: 1px solid rgba(255, 255, 255, 0.1); }
+.jsgrid-edit-row>.jsgrid-cell,
+.jsgrid-insert-row>.jsgrid-cell {
+  background: rgba(255, 255, 255, 0.1);
+}
 
-.jsgrid-alt-row > .jsgrid-cell {
-  background: #414d59; }
+.jsgrid-edit-row>.jsgrid-cell .jsgrid-button,
+.jsgrid-insert-row>.jsgrid-cell .jsgrid-button {
+  background-color: #ebeff2;
+}
 
-.jsgrid-edit-row > .jsgrid-cell, .jsgrid-insert-row > .jsgrid-cell {
-  background: rgba(255, 255, 255, 0.1); }
-  .jsgrid-edit-row > .jsgrid-cell .jsgrid-button, .jsgrid-insert-row > .jsgrid-cell .jsgrid-button {
-    background-color: #ebeff2; }
-
-.jsgrid input, .jsgrid select, .jsgrid textarea {
-  border: 1px solid #4c5a67;
-  padding: .4em .6em;
-  color: #ffffff;
-  background-color: transparent; }
+.jsgrid input,
+.jsgrid select,
+.jsgrid textarea {
+  border          : 1px solid #4c5a67;
+  padding         : .4em .6em;
+  color           : #ffffff;
+  background-color: transparent;
+}
 
 .jsgrid-pager-container {
-  margin-top: 10px; }
+  margin-top: 10px;
+}
 
 .jsgrid-pager-page {
   padding: 0;
-  margin: 0 2px; }
+  margin : 0 2px;
+}
 
-.jsgrid-pager-page a, .jsgrid-pager-current-page {
+.jsgrid-pager-page a,
+.jsgrid-pager-current-page {
   background-color: rgba(255, 255, 255, 0.2);
-  border-radius: 50%;
-  height: 24px;
-  width: 24px;
-  display: inline-block;
-  text-align: center;
-  line-height: 24px;
-  color: #ffffff; }
+  border-radius   : 50%;
+  height          : 24px;
+  width           : 24px;
+  display         : inline-block;
+  text-align      : center;
+  line-height     : 24px;
+  color           : #ffffff;
+}
 
 .jsgrid-pager-page.jsgrid-pager-current-page {
-  background-color: #33b5e5; }
+  background-color: #33b5e5;
+}
 
 .jsgrid-pager-nav-button a {
-  color: #98a6ad;
+  color      : #98a6ad;
   font-weight: 500;
-  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }
-  .jsgrid-pager-nav-button a:hover {
-    color: #33b5e5; }
+  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+.jsgrid-pager-nav-button a:hover {
+  color: #33b5e5;
+}
 
 .jsgrid .jsgrid-button {
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
+  width           : 24px;
+  height          : 24px;
+  border-radius   : 50%;
   background-image: url("../images/download.png");
-  background-color: #eee; }
-  .jsgrid .jsgrid-button:hover {
-    opacity: 0.9;
-    background-color: #ebeff2; }
+  background-color: #eee;
+}
+
+.jsgrid .jsgrid-button:hover {
+  opacity         : 0.9;
+  background-color: #ebeff2;
+}
 
 .jsgrid-search-mode-button {
-  background-position: 0 -295px; }
+  background-position: 0 -295px;
+}
 
 .jsgrid-insert-button {
-  background-position: 0 -160px; }
+  background-position: 0 -160px;
+}
 
 .jsgrid-header-sort:before {
-  position: absolute; }
+  position: absolute;
+}
 
 .jsgrid-header-cell {
-  text-align: center !important; }
+  text-align: center !important;
+}
 
 /* =============
    Widgets
@@ -2828,1337 +4083,1818 @@ ul.ColVis_collection {
 /* Widget-box styles */
 .widget-box-1 i.inform {
   font-size: 20px;
-  cursor: pointer; }
+  cursor   : pointer;
+}
+
 .widget-box-1 h4 {
   margin-bottom: 5px;
-  margin-top: 0; }
+  margin-top   : 0;
+}
+
 .widget-box-1 h2 {
-  margin: 20px;
-  font-weight: 600; }
+  margin     : 20px;
+  font-weight: 600;
+}
+
 .widget-box-1 p {
-  margin-bottom: 0; }
+  margin-bottom: 0;
+}
 
 .widget-s-1 {
-  border-radius: 6px; }
+  border-radius: 6px;
+}
 
 /* Widget (background-icon) */
 .widget-bg-color-icon .bg-icon {
-  height: 80px;
-  width: 80px;
-  text-align: center;
-  border-radius: 50%; }
-  .widget-bg-color-icon .bg-icon i {
-    font-size: 32px;
-    line-height: 80px; }
+  height       : 80px;
+  width        : 80px;
+  text-align   : center;
+  border-radius: 50%;
+}
+
+.widget-bg-color-icon .bg-icon i {
+  font-size  : 32px;
+  line-height: 80px;
+}
+
 .widget-bg-color-icon .bg-icon-info {
   background-color: rgba(52, 211, 235, 0.2);
-  border: 1px solid #34d3eb; }
+  border          : 1px solid #34d3eb;
+}
+
 .widget-bg-color-icon .bg-icon-primary {
   background-color: rgba(93, 156, 236, 0.2);
-  border: 1px solid #5d9cec; }
+  border          : 1px solid #5d9cec;
+}
+
 .widget-bg-color-icon .bg-icon-pink {
   background-color: rgba(251, 109, 157, 0.2);
-  border: 1px solid #fb6d9d; }
+  border          : 1px solid #fb6d9d;
+}
+
 .widget-bg-color-icon .bg-icon-purple {
   background-color: rgba(114, 102, 186, 0.2);
-  border: 1px solid #7266ba; }
+  border          : 1px solid #7266ba;
+}
+
 .widget-bg-color-icon .bg-icon-success {
   background-color: rgba(129, 200, 104, 0.2);
-  border: 1px solid #81c868; }
+  border          : 1px solid #81c868;
+}
+
 .widget-bg-color-icon .bg-icon-custom {
   background-color: rgba(95, 190, 170, 0.2);
-  border: 1px solid #33b5e5; }
+  border          : 1px solid #33b5e5;
+}
+
 .widget-bg-color-icon .bg-icon-warning {
   background-color: rgba(255, 189, 74, 0.2);
-  border: 1px solid #ffbd4a; }
+  border          : 1px solid #ffbd4a;
+}
+
 .widget-bg-color-icon .bg-icon-danger {
   background-color: rgba(240, 80, 80, 0.2);
-  border: 1px solid #f05050; }
+  border          : 1px solid #f05050;
+}
+
 .widget-bg-color-icon .bg-icon-inverse {
   background-color: rgba(76, 86, 103, 0.2);
-  border: 1px solid #4c5667; }
+  border          : 1px solid #4c5667;
+}
 
 .mini-stat-icon {
-  -moz-border-radius: 100%;
+  -moz-border-radius   : 100%;
   -webkit-border-radius: 100%;
-  border-radius: 100%;
-  background-color: rgba(255, 255, 255, 0.2);
-  display: inline-block;
-  float: left;
-  font-size: 30px;
-  height: 60px;
-  line-height: 60px;
-  margin-right: 10px;
-  text-align: center;
-  width: 60px; }
+  border-radius        : 100%;
+  background-color     : rgba(255, 255, 255, 0.2);
+  display              : inline-block;
+  float                : left;
+  font-size            : 30px;
+  height               : 60px;
+  line-height          : 60px;
+  margin-right         : 10px;
+  text-align           : center;
+  width                : 60px;
+}
 
 .mini-stat-info {
   padding-top: 2px;
-  color: #eeeeee; }
-  .mini-stat-info span {
-    color: #ffffff;
-    display: block;
-    font-size: 24px;
-    font-weight: 600; }
-  .mini-stat-info span.name {
-    color: #ffffff;
-    display: block;
-    font-size: 18px;
-    font-weight: 600;
-    margin-top: 5px; }
+  color      : #eeeeee;
+}
+
+.mini-stat-info span {
+  color      : #ffffff;
+  display    : block;
+  font-size  : 24px;
+  font-weight: 600;
+}
+
+.mini-stat-info span.name {
+  color      : #ffffff;
+  display    : block;
+  font-size  : 18px;
+  font-weight: 600;
+  margin-top : 5px;
+}
 
 .widget-inline {
-  padding: 20px 0 !important; }
-  .widget-inline .col-lg-3 {
-    padding: 0; }
-  .widget-inline .widget-inline-box {
-    border-right: 1px solid #4c5a67;
-    padding: 20px; }
-    .widget-inline .widget-inline-box i {
-      font-size: 32px; }
+  padding: 20px 0 !important;
+}
+
+.widget-inline .col-lg-3 {
+  padding: 0;
+}
+
+.widget-inline .widget-inline-box {
+  border-right: 1px solid #4c5a67;
+  padding     : 20px;
+}
+
+.widget-inline .widget-inline-box i {
+  font-size: 32px;
+}
 
 /* Inbox-widget */
 .inbox-widget .inbox-item {
   border-bottom: 1px solid #4c5a67;
-  overflow: hidden;
-  padding: 10px 0;
-  position: relative; }
-  .inbox-widget .inbox-item .inbox-item-img {
-    display: block;
-    float: left;
-    margin-right: 15px;
-    width: 40px; }
-  .inbox-widget .inbox-item img {
-    width: 40px; }
-  .inbox-widget .inbox-item .inbox-item-author {
-    color: #ffffff;
-    display: block;
-    margin: 0; }
-  .inbox-widget .inbox-item .inbox-item-text {
-    color: #98a6ad;
-    display: block;
-    font-size: 12px;
-    margin: 0; }
-  .inbox-widget .inbox-item .inbox-item-date {
-    color: #98a6ad;
-    font-size: 11px;
-    position: absolute;
-    right: 7px;
-    top: 2px; }
+  overflow     : hidden;
+  padding      : 10px 0;
+  position     : relative;
+}
+
+.inbox-widget .inbox-item .inbox-item-img {
+  display     : block;
+  float       : left;
+  margin-right: 15px;
+  width       : 40px;
+}
+
+.inbox-widget .inbox-item img {
+  width: 40px;
+}
+
+.inbox-widget .inbox-item .inbox-item-author {
+  color  : #ffffff;
+  display: block;
+  margin : 0;
+}
+
+.inbox-widget .inbox-item .inbox-item-text {
+  color    : #98a6ad;
+  display  : block;
+  font-size: 12px;
+  margin   : 0;
+}
+
+.inbox-widget .inbox-item .inbox-item-date {
+  color    : #98a6ad;
+  font-size: 11px;
+  position : absolute;
+  right    : 7px;
+  top      : 2px;
+}
 
 /* Chat widget */
 .conversation-list {
   list-style: none;
   max-height: 330px;
-  padding: 0 20px; }
-  .conversation-list li {
-    margin-bottom: 24px; }
-  .conversation-list .chat-avatar {
-    display: inline-block;
-    float: left;
-    text-align: center;
-    width: 40px; }
-    .conversation-list .chat-avatar img {
-      border-radius: 100%;
-      width: 100%; }
-    .conversation-list .chat-avatar i {
-      font-size: 12px;
-      font-style: normal; }
-  .conversation-list .ctext-wrap {
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    background: #45525f;
-    border-radius: 3px;
-    display: inline-block;
-    padding: 10px;
-    position: relative; }
-    .conversation-list .ctext-wrap i {
-      color: #ffffff;
-      display: block;
-      font-size: 12px;
-      font-style: normal;
-      font-weight: bold;
-      position: relative; }
-    .conversation-list .ctext-wrap p {
-      margin: 0;
-      padding-top: 3px; }
-    .conversation-list .ctext-wrap:after {
-      right: 100%;
-      top: 20%;
-      border: 5px solid rgba(213, 242, 239, 0);
-      content: " ";
-      height: 0;
-      width: 0;
-      position: absolute;
-      pointer-events: none;
-      border-right-color: #45525f;
-      margin-top: -5px; }
-  .conversation-list .conversation-text {
-    display: inline-block;
-    float: left;
-    font-size: 12px;
-    margin-left: 12px;
-    width: 70%; }
-  .conversation-list .odd .chat-avatar {
-    float: right !important; }
-  .conversation-list .odd .conversation-text {
-    float: right !important;
-    margin-right: 12px;
-    text-align: right;
-    width: 70% !important; }
-  .conversation-list .odd p {
-    color: #f2f2f2; }
-  .conversation-list .odd .ctext-wrap {
-    background: #5fbeaa !important; }
-    .conversation-list .odd .ctext-wrap i {
-      color: #ffffff; }
-    .conversation-list .odd .ctext-wrap:after {
-      border-color: rgba(238, 238, 242, 0) !important;
-      border-left-color: #5fbeaa !important;
-      left: 100% !important;
-      top: 20% !important; }
+  padding   : 0 20px;
+}
+
+.conversation-list li {
+  margin-bottom: 24px;
+}
+
+.conversation-list .chat-avatar {
+  display   : inline-block;
+  float     : left;
+  text-align: center;
+  width     : 40px;
+}
+
+.conversation-list .chat-avatar img {
+  border-radius: 100%;
+  width        : 100%;
+}
+
+.conversation-list .chat-avatar i {
+  font-size : 12px;
+  font-style: normal;
+}
+
+.conversation-list .ctext-wrap {
+  -moz-border-radius   : 3px;
+  -webkit-border-radius: 3px;
+  background           : #45525f;
+  border-radius        : 3px;
+  display              : inline-block;
+  padding              : 10px;
+  position             : relative;
+}
+
+.conversation-list .ctext-wrap i {
+  color      : #ffffff;
+  display    : block;
+  font-size  : 12px;
+  font-style : normal;
+  font-weight: bold;
+  position   : relative;
+}
+
+.conversation-list .ctext-wrap p {
+  margin     : 0;
+  padding-top: 3px;
+}
+
+.conversation-list .ctext-wrap:after {
+  right             : 100%;
+  top               : 20%;
+  border            : 5px solid rgba(213, 242, 239, 0);
+  content           : " ";
+  height            : 0;
+  width             : 0;
+  position          : absolute;
+  pointer-events    : none;
+  border-right-color: #45525f;
+  margin-top        : -5px;
+}
+
+.conversation-list .conversation-text {
+  display    : inline-block;
+  float      : left;
+  font-size  : 12px;
+  margin-left: 12px;
+  width      : 70%;
+}
+
+.conversation-list .odd .chat-avatar {
+  float: right !important;
+}
+
+.conversation-list .odd .conversation-text {
+  float       : right !important;
+  margin-right: 12px;
+  text-align  : right;
+  width       : 70% !important;
+}
+
+.conversation-list .odd p {
+  color: #f2f2f2;
+}
+
+.conversation-list .odd .ctext-wrap {
+  background: #5fbeaa !important;
+}
+
+.conversation-list .odd .ctext-wrap i {
+  color: #ffffff;
+}
+
+.conversation-list .odd .ctext-wrap:after {
+  border-color     : rgba(238, 238, 242, 0) !important;
+  border-left-color: #5fbeaa !important;
+  left             : 100% !important;
+  top              : 20% !important;
+}
 
 .chat-send button {
-  width: 100%; }
+  width: 100%;
+}
 
 /* Todos widget */
 #todo-message {
-  font-size: 16px; }
+  font-size: 16px;
+}
 
 .todo-list li {
   border-radius: 0;
-  border: 0;
-  margin: 0;
-  padding: 10px 0;
-  color: #98a6ad;
-  display: block; }
-  .todo-list li:last-of-type {
-    border-bottom: none; }
+  border       : 0;
+  margin       : 0;
+  padding      : 10px 0;
+  color        : #98a6ad;
+  display      : block;
+}
+
+.todo-list li:last-of-type {
+  border-bottom: none;
+}
 
 /* Chat app */
 .chat-app-list {
-  padding: 0 20px; }
-  .chat-app-list .list-group-item {
-    background: transparent; }
+  padding: 0 20px;
+}
+
+.chat-app-list .list-group-item {
+  background: transparent;
+}
 
 /* Widget-chart */
 .widget-chart ul li {
-  width: 31.5%;
+  width  : 31.5%;
   display: inline-block;
-  padding: 0; }
+  padding: 0;
+}
 
 .widget-panel {
-  padding: 30px 20px;
-  padding-left: 30px;
+  padding      : 30px 20px;
+  padding-left : 30px;
   border-radius: 4px;
-  position: relative;
-  margin-bottom: 20px; }
-  .widget-panel i {
-    font-size: 60px;
-    padding: 30px;
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    line-height: 60px; }
+  position     : relative;
+  margin-bottom: 20px;
+}
+
+.widget-panel i {
+  font-size  : 60px;
+  padding    : 30px;
+  position   : absolute;
+  right      : 0;
+  bottom     : 0;
+  top        : 0;
+  line-height: 60px;
+}
 
 .widget-style-2 i {
   font-size: 48px;
-  padding: 30px 40px; }
+  padding  : 30px 40px;
+}
 
 /* Google maps widget*/
 .gmap iframe {
-  width: 100%;
-  margin: 0 !important;
-  padding: 0 !important; }
+  width  : 100%;
+  margin : 0 !important;
+  padding: 0 !important;
+}
 
 .gmap-info:before {
-  color: #333333;
-  content: "\f041";
+  color      : #333333;
+  content    : "\f041";
   font-family: "FontAwesome";
-  font-size: 35px;
-  left: 10px;
-  position: absolute;
-  top: 8px; }
+  font-size  : 35px;
+  left       : 10px;
+  position   : absolute;
+  top        : 8px;
+}
 
 .gmap-info {
-  float: left;
-  padding: 0 20px 0 50px;
-  position: relative; }
+  float   : left;
+  padding : 0 20px 0 50px;
+  position: relative;
+}
 
 .gmap-buttons {
-  float: right;
-  margin-top: 28px; }
+  float     : right;
+  margin-top: 28px;
+}
 
 .gmap-buttons .btn {
-  margin-left: 3px; }
+  margin-left: 3px;
+}
 
 /* Google maps ends */
 /* Table with Action */
 .table-actions-bar tr td {
-  vertical-align: middle !important; }
+  vertical-align: middle !important;
+}
+
 .table-actions-bar .table-action-btn {
-  color: #98a6ad;
-  display: inline-block;
-  width: 28px;
+  color        : #98a6ad;
+  display      : inline-block;
+  width        : 28px;
   border-radius: 50%;
-  text-align: center;
-  line-height: 24px;
-  font-size: 20px; }
-  .table-actions-bar .table-action-btn:hover {
-    color: #33b5e5;
-    border-color: #33b5e5; }
+  text-align   : center;
+  line-height  : 24px;
+  font-size    : 20px;
+}
+
+.table-actions-bar .table-action-btn:hover {
+  color       : #33b5e5;
+  border-color: #33b5e5;
+}
 
 /* Transaction */
 .transaction-list li {
-  padding: 7px 0;
+  padding      : 7px 0;
   border-bottom: 1px solid #3c4853;
-  clear: both;
-  position: relative; }
+  clear        : both;
+  position     : relative;
+}
+
 .transaction-list i {
-  width: 20px;
-  position: absolute;
-  top: 10px;
-  font-size: 12px; }
+  width    : 20px;
+  position : absolute;
+  top      : 10px;
+  font-size: 12px;
+}
+
 .transaction-list .tran-text {
-  padding-left: 25px;
-  white-space: nowrap;
-  display: inline-block;
-  overflow: hidden;
+  padding-left : 25px;
+  white-space  : nowrap;
+  display      : inline-block;
+  overflow     : hidden;
   text-overflow: ellipsis;
-  width: 115px; }
+  width        : 115px;
+}
+
 .transaction-list .tran-price {
-  margin-left: 30px; }
+  margin-left: 30px;
+}
 
 /* Friend list */
 .friend-list a {
-  margin: 5px;
-  display: inline-block; }
+  margin : 5px;
+  display: inline-block;
+}
+
 .friend-list .extra-number {
-  height: 48px;
-  width: 48px;
-  display: block;
-  line-height: 48px;
-  color: #98a6ad;
-  font-weight: 700;
+  height          : 48px;
+  width           : 48px;
+  display         : block;
+  line-height     : 48px;
+  color           : #98a6ad;
+  font-weight     : 700;
   background-color: #45525f;
-  border-radius: 50%;
-  border: 1px solid #505f6d; }
+  border-radius   : 50%;
+  border          : 1px solid #505f6d;
+}
 
 /* Profile widget */
 .profile-widget .bg-profile {
-  height: 125px; }
+  height: 125px;
+}
+
 .profile-widget .img-thumbnail {
   margin-top: -42px;
-  border: none; }
+  border    : none;
+}
+
 .profile-widget .widget-list {
-  padding: 10px;
-  margin-top: 20px;
-  margin-left: 0;
-  padding-bottom: 30px; }
-  .profile-widget .widget-list span {
-    display: block;
-    font-weight: bold;
-    font-size: 18px; }
+  padding       : 10px;
+  margin-top    : 20px;
+  margin-left   : 0;
+  padding-bottom: 30px;
+}
+
+.profile-widget .widget-list span {
+  display    : block;
+  font-weight: bold;
+  font-size  : 18px;
+}
 
 /*  Bar widget */
 .bar-widget .iconbox {
-  display: inline-block;
-  height: 50px;
-  width: 50px;
-  margin-right: 20px;
+  display      : inline-block;
+  height       : 50px;
+  width        : 50px;
+  margin-right : 20px;
   border-radius: 50%;
-  color: #ffffff;
-  text-align: center; }
-  .bar-widget .iconbox i {
-    line-height: 50px;
-    font-size: 20px; }
+  color        : #ffffff;
+  text-align   : center;
+}
+
+.bar-widget .iconbox i {
+  line-height: 50px;
+  font-size  : 20px;
+}
 
 /* Social type widgets */
 .widget-profile-one .card-box {
-  border-radius: 0; }
-  .widget-profile-one .card-box:first-of-type {
-    border-top-left-radius: 4px !important;
-    border-top-right-radius: 4px !important; }
-  .widget-profile-one .card-box:last-of-type {
-    border-bottom-left-radius: 4px !important;
-    border-bottom-right-radius: 4px !important; }
+  border-radius: 0;
+}
+
+.widget-profile-one .card-box:first-of-type {
+  border-top-left-radius : 4px !important;
+  border-top-right-radius: 4px !important;
+}
+
+.widget-profile-one .card-box:last-of-type {
+  border-bottom-left-radius : 4px !important;
+  border-bottom-right-radius: 4px !important;
+}
 
 .social-feed-box h3 {
-  font-size: 18px;
-  font-style: italic; }
+  font-size : 18px;
+  font-style: italic;
+}
 
 .widget-box-two {
-  border-bottom-left-radius: 3px !important;
-  border-bottom-right-radius: 3px !important; }
+  border-bottom-left-radius : 3px !important;
+  border-bottom-right-radius: 3px !important;
+}
 
 .social-feed-slider {
-  padding-bottom: 50px; }
-  .social-feed-slider .carousel-indicators {
-    bottom: 0; }
+  padding-bottom: 50px;
+}
+
+.social-feed-slider .carousel-indicators {
+  bottom: 0;
+}
 
 .pro-widget-img {
-  border-top-left-radius: 4px !important;
+  border-top-left-radius : 4px !important;
   border-top-right-radius: 4px !important;
-  padding: 70px 0;
-  background-size: cover;
-  background: url("../images/big/bg.jpg") center right no-repeat; }
+  padding                : 70px 0;
+  background-size        : cover;
+  background             : url("../images/big/bg.jpg") center right no-repeat;
+}
 
 /* Blog styles */
 .blog-box-one {
-  margin-bottom: 20px; }
+  margin-bottom: 20px;
+}
 
 .blog-box-one .cover-wrapper {
-  overflow: hidden;
-  width: 100%;
-  position: relative;
-  z-index: 1;
-  border-top-left-radius: 4px !important;
-  border-top-right-radius: 4px !important; }
+  overflow               : hidden;
+  width                  : 100%;
+  position               : relative;
+  z-index                : 1;
+  border-top-left-radius : 4px !important;
+  border-top-right-radius: 4px !important;
+}
 
 .blog-box-one .cover-wrapper img {
-  transition: all .3s ease;
-  -webkit-transition: all .3s ease;
-  -moz-transition: all .3s ease;
-  border-top-left-radius: 4px !important;
-  border-top-right-radius: 4px !important; }
+  transition             : all .3s ease;
+  -webkit-transition     : all .3s ease;
+  -moz-transition        : all .3s ease;
+  border-top-left-radius : 4px !important;
+  border-top-right-radius: 4px !important;
+}
 
 .blog-box-one .cover-wrapper:hover img {
-  -ms-transform: scale(1.1, 1.1);
+  -ms-transform    : scale(1.1, 1.1);
   -webkit-transform: scale(1.1, 1.1);
-  transform: scale(1.1, 1.1); }
+  transform        : scale(1.1, 1.1);
+}
 
 .blog-box-one .post-info {
-  background-color: #36404a;
-  padding: 20px;
-  border-bottom-left-radius: 4px !important;
-  border-bottom-right-radius: 4px !important; }
+  background-color          : #36404a;
+  padding                   : 20px;
+  border-bottom-left-radius : 4px !important;
+  border-bottom-right-radius: 4px !important;
+}
 
 .blog-box-one .post-info .date {
-  float: left;
-  border-bottom: 3px solid #71b6f9; }
+  float        : left;
+  border-bottom: 3px solid #71b6f9;
+}
 
 .post-info .date .day {
-  font-size: 22px;
-  color: #ffffff;
+  font-size  : 22px;
+  color      : #ffffff;
   font-weight: 600;
-  line-height: 22px; }
+  line-height: 22px;
+}
 
 .post-info .date .month {
   text-transform: uppercase;
-  text-align: center;
-  width: 100%;
-  display: inline-block; }
+  text-align    : center;
+  width         : 100%;
+  display       : inline-block;
+}
 
 .blog-box-one .meta {
-  padding-left: 0; }
+  padding-left: 0;
+}
 
 .blog-box-one .post-info .meta-container {
-  padding-left: 55px; }
+  padding-left: 55px;
+}
 
 .blog-box-one .post-info p {
-  margin-top: 15px; }
+  margin-top: 15px;
+}
 
 .blog-widget-action a {
-  color: #98a6ad;
-  display: inline-block;
-  margin-right: 10px; }
+  color       : #98a6ad;
+  display     : inline-block;
+  margin-right: 10px;
+}
 
 /* =============
    Form Advanced
 ============= */
 .error {
-  color: #f05050;
-  font-size: 12px;
-  font-weight: 500; }
+  color      : #f05050;
+  font-size  : 12px;
+  font-weight: 500;
+}
 
 /* Form validation */
 .parsley-error {
-  border-color: #f05050 !important; }
+  border-color: #f05050 !important;
+}
 
 .parsley-errors-list {
   display: none;
-  margin: 0;
-  padding: 0; }
+  margin : 0;
+  padding: 0;
+}
 
 .parsley-errors-list.filled {
-  display: block; }
+  display: block;
+}
 
-.parsley-errors-list > li {
-  font-size: 12px;
+.parsley-errors-list>li {
+  font-size : 12px;
   list-style: none;
-  color: #f05050; }
+  color     : #f05050;
+}
 
 /* Datepicker */
 .datepicker {
-  padding: 8px; }
-  .datepicker th {
-    font-size: 14px !important; }
+  padding: 8px;
+}
 
-.datepicker > div {
-  display: inherit; }
+.datepicker th {
+  font-size: 14px !important;
+}
+
+.datepicker>div {
+  display: inherit;
+}
 
 .daterangepicker .input-mini {
-  color: #ffffff;
-  border: 1px solid #566676; }
+  color : #ffffff;
+  border: 1px solid #566676;
+}
 
-.datepicker table tr td.today, .datepicker table tr td.today:hover,
-.datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover,
-.datepicker table tr td.selected, .datepicker table tr td.selected:hover,
-.datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover,
-.datepicker table tr td span.active, .datepicker table tr td span.active:hover,
-.datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
+.datepicker table tr td.today,
+.datepicker table tr td.today:hover,
+.datepicker table tr td.today.disabled,
+.datepicker table tr td.today.disabled:hover,
+.datepicker table tr td.selected,
+.datepicker table tr td.selected:hover,
+.datepicker table tr td.selected.disabled,
+.datepicker table tr td.selected.disabled:hover,
+.datepicker table tr td span.active,
+.datepicker table tr td span.active:hover,
+.datepicker table tr td span.active.disabled,
+.datepicker table tr td span.active.disabled:hover {
   background-image: none;
   background-color: #33b5e5;
-  color: #ffffff; }
+  color           : #ffffff;
+}
 
-.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover,
-.datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover,
-.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active,
-.datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active,
-.datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active,
-.datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active,
-.datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled,
-.datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled,
-.datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled],
-.datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] {
-  background-color: #33b5e5; }
+.datepicker table tr td span.active:hover,
+.datepicker table tr td span.active:hover:hover,
+.datepicker table tr td span.active.disabled:hover,
+.datepicker table tr td span.active.disabled:hover:hover,
+.datepicker table tr td span.active:active,
+.datepicker table tr td span.active:hover:active,
+.datepicker table tr td span.active.disabled:active,
+.datepicker table tr td span.active.disabled:hover:active,
+.datepicker table tr td span.active.active,
+.datepicker table tr td span.active:hover.active,
+.datepicker table tr td span.active.disabled.active,
+.datepicker table tr td span.active.disabled:hover.active,
+.datepicker table tr td span.active.disabled,
+.datepicker table tr td span.active:hover.disabled,
+.datepicker table tr td span.active.disabled.disabled,
+.datepicker table tr td span.active.disabled:hover.disabled,
+.datepicker table tr td span.active[disabled],
+.datepicker table tr td span.active:hover[disabled],
+.datepicker table tr td span.active.disabled[disabled],
+.datepicker table tr td span.active.disabled:hover[disabled] {
+  background-color: #33b5e5;
+}
 
-.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled,
+.datepicker table tr td.active,
+.datepicker table tr td.active:hover,
+.datepicker table tr td.active.disabled,
 .datepicker table tr td.active.disabled:hover {
   background-color: #5fbeaa !important;
   background-image: none;
-  box-shadow: none;
-  text-shadow: none; }
+  box-shadow      : none;
+  text-shadow     : none;
+}
 
-.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
-  background-color: #fafafa; }
+.datepicker thead tr:first-child th:hover,
+.datepicker tfoot tr th:hover {
+  background-color: #fafafa;
+}
 
 .datepicker-inline {
-  border: 2px solid #414d59; }
+  border: 2px solid #414d59;
+}
 
-.daterangepicker td.active, .daterangepicker td.active:hover {
+.daterangepicker td.active,
+.daterangepicker td.active:hover {
   background-color: #5d9cec;
-  border-color: #5d9cec; }
+  border-color    : #5d9cec;
+}
 
 .daterangepicker .input-mini.active {
-  border: 1px solid #5d6e7f; }
+  border: 1px solid #5d6e7f;
+}
 
 .daterangepicker .ranges li {
-  border-radius: 2px;
-  color: #98a6ad;
-  font-weight: 600;
-  font-size: 12px;
+  border-radius   : 2px;
+  color           : #98a6ad;
+  font-weight     : 600;
+  font-size       : 12px;
   background-color: #4c5a67;
-  border-color: #4c5a67; }
+  border-color    : #4c5a67;
+}
 
-.daterangepicker select.hourselect, .daterangepicker select.minuteselect,
-.daterangepicker select.secondselect, .daterangepicker select.ampmselect {
-  border: 1px solid #4c5a67;
+.daterangepicker select.hourselect,
+.daterangepicker select.minuteselect,
+.daterangepicker select.secondselect,
+.daterangepicker select.ampmselect {
+  border : 1px solid #4c5a67;
   padding: 2px;
-  width: 60px; }
+  width  : 60px;
+}
 
-.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
+.daterangepicker .ranges li.active,
+.daterangepicker .ranges li:hover {
   background-color: #5d9cec;
-  border: 1px solid #5d9cec;
-  color: #ffffff; }
+  border          : 1px solid #5d9cec;
+  color           : #ffffff;
+}
 
-.daterangepicker td.available:hover, .daterangepicker th.available:hover,
-.datepicker table tr td.day.focused, .datepicker table tr td.day:hover,
-.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
-  background-color: #4c5a67; }
+.daterangepicker td.available:hover,
+.daterangepicker th.available:hover,
+.datepicker table tr td.day.focused,
+.datepicker table tr td.day:hover,
+.datepicker .datepicker-switch:hover,
+.datepicker .next:hover,
+.datepicker .prev:hover,
+.datepicker tfoot tr th:hover {
+  background-color: #4c5a67;
+}
 
-.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
-  background-color: transparent; }
+.daterangepicker td.off,
+.daterangepicker td.off.in-range,
+.daterangepicker td.off.start-date,
+.daterangepicker td.off.end-date {
+  background-color: transparent;
+}
 
 .daterangepicker .calendar-table {
-  border: none;
-  background-color: transparent; }
+  border          : none;
+  background-color: transparent;
+}
 
 .search-input {
-  margin-bottom: 10px; }
+  margin-bottom: 10px;
+}
 
 .ms-selectable {
   box-shadow: none;
-  outline: none !important; }
+  outline   : none !important;
+}
 
 .ms-container .ms-list.ms-focus {
-  box-shadow: none; }
+  box-shadow: none;
+}
+
 .ms-container .ms-selectable li.ms-hover {
-  background-color: #5d9cec; }
+  background-color: #5d9cec;
+}
+
 .ms-container .ms-selection li.ms-hover {
-  background-color: #5d9cec; }
+  background-color: #5d9cec;
+}
 
 /* ==============
   Summernote
 ===================*/
-.note-btn-group .dropdown-menu > li > a {
-  display: block;
-  padding: 5px 20px;
-  clear: both;
+.note-btn-group .dropdown-menu>li>a {
+  display    : block;
+  padding    : 5px 20px;
+  clear      : both;
   font-weight: normal;
   line-height: 1.42857143;
-  color: #ffffff;
-  white-space: nowrap; }
-  .note-btn-group .dropdown-menu > li > a:hover {
-    background-color: #3a4550; }
+  color      : #ffffff;
+  white-space: nowrap;
+}
 
-.note-image-popover, .note-air-popover, .note-link-popover {
-  display: none; }
-  .note-image-popover .dropdown-toggle::after, .note-air-popover .dropdown-toggle::after, .note-link-popover .dropdown-toggle::after {
-    margin-left: 0; }
+.note-btn-group .dropdown-menu>li>a:hover {
+  background-color: #3a4550;
+}
+
+.note-image-popover,
+.note-air-popover,
+.note-link-popover {
+  display: none;
+}
+
+.note-image-popover .dropdown-toggle::after,
+.note-air-popover .dropdown-toggle::after,
+.note-link-popover .dropdown-toggle::after {
+  margin-left: 0;
+}
 
 .note-icon-caret {
-  display: none; }
+  display: none;
+}
 
 .note-editor {
-  position: relative; }
-  .note-editor .btn-default {
-    background-color: transparent;
-    border-color: transparent;
-    color: #ffffff; }
-  .note-editor .btn-group-sm > .btn, .note-editor .btn-sm {
-    padding: 8px 12px; }
-  .note-editor .note-toolbar {
-    background-color: #45525f;
-    border-bottom: 1px solid #45525f;
-    margin: 0; }
-  .note-editor .note-statusbar {
-    background-color: #45525f !important; }
-    .note-editor .note-statusbar .note-resizebar {
-      border-top: none; }
+  position: relative;
+}
+
+.note-editor .btn-default {
+  background-color: transparent;
+  border-color    : transparent;
+  color           : #ffffff;
+}
+
+.note-editor .btn-group-sm>.btn,
+.note-editor .btn-sm {
+  padding: 8px 12px;
+}
+
+.note-editor .note-toolbar {
+  background-color: #45525f;
+  border-bottom   : 1px solid #45525f;
+  margin          : 0;
+}
+
+.note-editor .note-statusbar {
+  background-color: #45525f !important;
+}
+
+.note-editor .note-statusbar .note-resizebar {
+  border-top: none;
+}
 
 .note-editor.note-frame {
-  border: 1px solid #45525f; }
+  border: 1px solid #45525f;
+}
 
 .note-popover .popover .popover-content {
-  padding: 5px 0 10px 5px; }
+  padding: 5px 0 10px 5px;
+}
+
 .note-popover .btn-default {
   background-color: transparent;
-  border-color: transparent; }
-.note-popover .btn-group-sm > .btn, .note-popover .btn-sm {
-  padding: 8px 12px; }
+  border-color    : transparent;
+}
+
+.note-popover .btn-group-sm>.btn,
+.note-popover .btn-sm {
+  padding: 8px 12px;
+}
 
 .note-toolbar {
-  padding: 5px 0 10px 5px; }
+  padding: 5px 0 10px 5px;
+}
 
 .note-editor.note-frame .note-editing-area .note-editable {
-  padding: 10px;
-  overflow: auto;
-  color: #98a6ad;
-  background-color: #414d59; }
+  padding         : 10px;
+  overflow        : auto;
+  color           : #98a6ad;
+  background-color: #414d59;
+}
 
 .code-edit-wrap {
-  padding: 0 !important; }
+  padding: 0 !important;
+}
 
 .cm-s-ambiance .CodeMirror-linenumber {
-  color: #bcbcbc; }
+  color: #bcbcbc;
+}
+
 .cm-s-ambiance .CodeMirror-gutters {
   background-color: #4c5667 !important;
-  box-shadow: none; }
+  box-shadow      : none;
+}
 
 .cm-s-ambiance.CodeMirror {
   background-color: #4c5667 !important;
-  box-shadow: none; }
+  box-shadow      : none;
+}
 
 /* Timepicker */
 .bootstrap-timepicker-widget table td a:hover {
   background-color: transparent;
-  border-color: transparent;
-  border-radius: 4px;
-  color: #5d9cec;
-  text-decoration: none; }
+  border-color    : transparent;
+  border-radius   : 4px;
+  color           : #5d9cec;
+  text-decoration : none;
+}
 
 .editor-horizontal .popover-content {
-  padding: 9px 30px; }
+  padding: 9px 30px;
+}
 
 /* Bootstrap select */
-.bootstrap-select.show > .dropdown-menu > .dropdown-menu {
-  display: block; }
-
-.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden {
-  display: none; }
-
-.bootstrap-select > .dropdown-menu > .dropdown-menu li a {
+.bootstrap-select.show>.dropdown-menu>.dropdown-menu {
   display: block;
-  width: 100%;
-  padding: 3px 1.5rem;
-  clear: both;
+}
+
+.bootstrap-select>.dropdown-menu>.dropdown-menu li.hidden {
+  display: none;
+}
+
+.bootstrap-select>.dropdown-menu>.dropdown-menu li a {
+  display    : block;
+  width      : 100%;
+  padding    : 3px 1.5rem;
+  clear      : both;
   font-weight: 400;
-  color: #98a6ad;
-  text-align: inherit;
+  color      : #98a6ad;
+  text-align : inherit;
   white-space: nowrap;
-  background: 0 0;
-  border: 0; }
-  .bootstrap-select > .dropdown-menu > .dropdown-menu li a:hover {
-    color: #ffffff; }
+  background : 0 0;
+  border     : 0;
+}
+
+.bootstrap-select>.dropdown-menu>.dropdown-menu li a:hover {
+  color: #ffffff;
+}
 
 .bootstrap-select .check-mark::after {
-  content: "\f299";
-  font-family: "Material Design Iconic Font"; }
+  content    : "\f299";
+  font-family: "Material Design Iconic Font";
+}
 
 .bootstrap-select button {
-  overflow: hidden;
-  text-overflow: ellipsis; }
+  overflow     : hidden;
+  text-overflow: ellipsis;
+}
 
 .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
-  margin-top: 0; }
+  margin-top: 0;
+}
 
 .bootstrap-filestyle .form-control {
-  max-height: 39px; }
+  max-height: 39px;
+}
 
 /* ===========
    Form Uploads
  =============*/
 .dropzone {
-  min-height: 230px;
-  border: 2px dashed #4c5a67;
-  border-radius: 6px;
-  background-color: #3a4550; }
-  .dropzone .dz-message {
-    font-size: 30px; }
+  min-height      : 230px;
+  border          : 2px dashed #4c5a67;
+  border-radius   : 6px;
+  background-color: #3a4550;
+}
+
+.dropzone .dz-message {
+  font-size: 30px;
+}
 
 /* X-Editable */
-.editable-click, a.editable-click, a.editable-click:hover {
-  border: none; }
+.editable-click,
+a.editable-click,
+a.editable-click:hover {
+  border: none;
+}
 
 /* AUTOCOMPLETE */
 .autocomplete-suggestions {
-  border: 1px solid #4c5a67;
-  background-color: #414d59;
-  cursor: default;
-  overflow: auto;
+  border            : 1px solid #4c5a67;
+  background-color  : #414d59;
+  cursor            : default;
+  overflow          : auto;
   -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
-  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
-  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); }
+  -moz-box-shadow   : 0 2px 2px rgba(0, 0, 0, 0.15);
+  box-shadow        : 0 2px 2px rgba(0, 0, 0, 0.15);
+}
 
 .autocomplete-suggestion {
-  padding: 2px 5px;
+  padding    : 2px 5px;
   white-space: nowrap;
-  overflow: hidden; }
+  overflow   : hidden;
+}
 
 .autocomplete-no-suggestion {
-  padding: 2px 5px; }
+  padding: 2px 5px;
+}
 
 .autocomplete-selected {
   background: rgba(152, 166, 173, 0.15);
-  cursor: pointer; }
+  cursor    : pointer;
+}
 
 .autocomplete-group {
-  padding: 2px 5px; }
+  padding: 2px 5px;
+}
 
 .autocomplete-group strong {
   font-weight: bold;
-  font-size: 16px;
-  color: #ffffff;
-  display: block; }
+  font-size  : 16px;
+  color      : #ffffff;
+  display    : block;
+}
 
 /* Image crop */
 .img-container,
 .img-preview {
   background-color: #f7f7f7;
-  overflow: hidden;
-  width: 100%;
-  text-align: center; }
+  overflow        : hidden;
+  width           : 100%;
+  text-align      : center;
+}
 
 .img-container {
-  min-height: 200px;
-  max-height: 466px;
-  margin-bottom: 20px; }
+  min-height   : 200px;
+  max-height   : 466px;
+  margin-bottom: 20px;
+}
 
 @media (min-width: 768px) {
   .img-container {
-    min-height: 466px; } }
-.img-container > img {
-  max-width: 100%; }
+    min-height: 466px;
+  }
+}
+
+.img-container>img {
+  max-width: 100%;
+}
 
 .docs-preview {
-  margin-right: -15px;
-  margin-bottom: 10px; }
+  margin-right : -15px;
+  margin-bottom: 10px;
+}
 
 .img-preview {
-  float: left;
-  margin-right: 10px;
-  margin-bottom: 10px; }
+  float        : left;
+  margin-right : 10px;
+  margin-bottom: 10px;
+}
 
-.img-preview > img {
-  max-width: 100%; }
+.img-preview>img {
+  max-width: 100%;
+}
 
 #showDataURL img {
-  width: 100%; }
+  width: 100%;
+}
 
 /* bootstrap tag input */
 .bootstrap-tagsinput {
-  box-shadow: none;
-  padding: 3px 7px;
-  border: 1px solid #4c5a67;
+  box-shadow      : none;
+  padding         : 3px 7px;
+  border          : 1px solid #4c5a67;
   background-color: #414d59;
+  color           : #ffffff;
+  width           : 100%;
+}
+
+.bootstrap-tagsinput .label-info {
+  background-color: #5fbeaa !important;
+  display         : inline-block;
+  padding         : 6px 10px;
+  border-radius   : 3px;
+  font-size       : 14px;
+  margin          : 2px;
+  font-weight     : normal;
+}
+
+.bootstrap-tagsinput input {
   color: #ffffff;
-  width: 100%; }
-  .bootstrap-tagsinput .label-info {
-    background-color: #5fbeaa !important;
-    display: inline-block;
-    padding: 6px 10px;
-    border-radius: 3px;
-    font-size: 14px;
-    margin: 2px;
-    font-weight: normal; }
-  .bootstrap-tagsinput input {
-    color: #ffffff; }
+}
 
 /* Multiple select*/
 .ms-container {
-  background: transparent url("../images/multiple-arrow.png") no-repeat 50% 50%; }
-  .ms-container .ms-selectable, .ms-container .ms-selection {
-    background-color: #3c4853; }
-  .ms-container .ms-list {
-    box-shadow: none;
-    border: 1px solid #4c5a67; }
-  .ms-container .ms-list.ms-focus {
-    box-shadow: none;
-    border: 1px solid #505f6d; }
-  .ms-container .ms-selectable li.ms-elem-selectable {
-    border: none;
-    padding: 5px 10px;
-    color: #98a6ad; }
-  .ms-container .ms-selection li.ms-elem-selection {
-    border: none;
-    padding: 5px 10px;
-    color: #98a6ad; }
+  background: transparent url("../images/multiple-arrow.png") no-repeat 50% 50%;
+}
+
+.ms-container .ms-selectable,
+.ms-container .ms-selection {
+  background-color: #3c4853;
+}
+
+.ms-container .ms-list {
+  box-shadow: none;
+  border    : 1px solid #4c5a67;
+}
+
+.ms-container .ms-list.ms-focus {
+  box-shadow: none;
+  border    : 1px solid #505f6d;
+}
+
+.ms-container .ms-selectable li.ms-elem-selectable {
+  border : none;
+  padding: 5px 10px;
+  color  : #98a6ad;
+}
+
+.ms-container .ms-selection li.ms-elem-selection {
+  border : none;
+  padding: 5px 10px;
+  color  : #98a6ad;
+}
 
 .search-input {
-  margin-bottom: 10px; }
+  margin-bottom: 10px;
+}
 
 .ms-selectable {
   box-shadow: none;
-  outline: none !important; }
+  outline   : none !important;
+}
 
 .ms-container .ms-list.ms-focus {
-  box-shadow: none; }
+  box-shadow: none;
+}
+
 .ms-container .ms-selectable li.ms-hover {
   background-color: #33b5e5;
-  color: #ffffff; }
+  color           : #ffffff;
+}
+
 .ms-container .ms-selection li.ms-hover {
   background-color: #33b5e5;
-  color: #ffffff; }
+  color           : #ffffff;
+}
 
 /* Select 2 */
 .select2-container {
-  width: 100% !important; }
-  .select2-container .select2-selection--single {
-    border: 1px solid #4c5a67 !important;
-    height: 38px !important;
-    background-color: #414d59; }
-    .select2-container .select2-selection--single .select2-selection__rendered {
-      line-height: 36px !important;
-      padding-left: 12px !important;
-      color: #98a6ad; }
-    .select2-container .select2-selection--single .select2-selection__arrow {
-      height: 34px;
-      width: 34px;
-      right: 3px; }
-      .select2-container .select2-selection--single .select2-selection__arrow b {
-        border-color: #999 transparent transparent transparent;
-        border-width: 6px 6px 0 6px; }
+  width: 100% !important;
+}
+
+.select2-container .select2-selection--single {
+  border          : 1px solid #4c5a67 !important;
+  height          : 38px !important;
+  background-color: #414d59;
+}
+
+.select2-container .select2-selection--single .select2-selection__rendered {
+  line-height : 36px !important;
+  padding-left: 12px !important;
+  color       : #98a6ad;
+}
+
+.select2-container .select2-selection--single .select2-selection__arrow {
+  height: 34px;
+  width : 34px;
+  right : 3px;
+}
+
+.select2-container .select2-selection--single .select2-selection__arrow b {
+  border-color: #999 transparent transparent transparent;
+  border-width: 6px 6px 0 6px;
+}
 
 .select2-container--open .select2-selection--single .select2-selection__arrow b {
   border-color: transparent transparent #999 transparent !important;
-  border-width: 0 6px 6px 6px !important; }
+  border-width: 0 6px 6px 6px !important;
+}
 
 .select2-container--default .select2-results__option--highlighted[aria-selected] {
-  background-color: #33b5e5; }
+  background-color: #33b5e5;
+}
 
 .select2-results__option {
-  padding: 6px 12px; }
+  padding: 6px 12px;
+}
 
 .select2-dropdown {
-  border: 1px solid #4c5a67 !important;
+  border          : 1px solid #4c5a67 !important;
   background-color: #414d59;
-  padding-top: 5px;
-  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); }
+  padding-top     : 5px;
+  box-shadow      : 0 2px 2px rgba(0, 0, 0, 0.15);
+}
 
 .select2-search input {
-  border: 1px solid #4c5a67 !important;
+  border          : 1px solid #4c5a67 !important;
   background-color: #414d59;
-  color: #ffffff; }
+  color           : #ffffff;
+}
 
 .select2-container--default .select2-results__option[aria-selected=true] {
-  background-color: #475462; }
+  background-color: #475462;
+}
 
 .select2-container .select2-selection--multiple {
-  border: 1px solid #4c5a67 !important;
-  height: 38px !important;
-  background-color: #414d59; }
-  .select2-container .select2-selection--multiple .select2-selection__rendered {
-    padding: 2px 10px; }
-  .select2-container .select2-selection--multiple .select2-search__field {
-    margin-top: 7px;
-    border: 0 !important; }
-  .select2-container .select2-selection--multiple .select2-selection__choice {
-    background-color: #33b5e5;
-    border: 1px solid #33b5e5;
-    border-radius: 1px;
-    padding: 0 7px; }
+  border          : 1px solid #4c5a67 !important;
+  height          : 38px !important;
+  background-color: #414d59;
+}
+
+.select2-container .select2-selection--multiple .select2-selection__rendered {
+  padding: 2px 10px;
+}
+
+.select2-container .select2-selection--multiple .select2-search__field {
+  margin-top: 7px;
+  border    : 0 !important;
+}
+
+.select2-container .select2-selection--multiple .select2-selection__choice {
+  background-color: #33b5e5;
+  border          : 1px solid #33b5e5;
+  border-radius   : 1px;
+  padding         : 0 7px;
+}
 
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
-  color: #ffffff; }
+  color: #ffffff;
+}
 
 /* Bootstrap-select */
 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
-  width: 100% !important; }
+  width: 100% !important;
+}
 
 .bootstrap-select .dropdown-toggle:focus {
-  outline: none !important; }
+  outline: none !important;
+}
+
 .bootstrap-select .glyphicon {
-  padding-right: 6px; }
+  padding-right: 6px;
+}
 
 /* Bootstrap filestyle */
 .icon-span-filestyle {
-  padding-right: 5px; }
+  padding-right: 5px;
+}
 
 /* Bootstrap-touchSpin */
 .bootstrap-touchspin .input-group-btn-vertical .btn {
-  padding: 9px 12px; }
+  padding: 9px 12px;
+}
+
 .bootstrap-touchspin .input-group-btn-vertical i {
-  top: 4px;
-  left: 8px; }
+  top : 4px;
+  left: 8px;
+}
 
 /* == Bootstrap Switch == */
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
-  background: #5d9cec; }
+  background: #5d9cec;
+}
 
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
-  background: #34d3eb; }
+  background: #34d3eb;
+}
 
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
-  background: #81c868; }
+  background: #81c868;
+}
 
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
-  background: #ffbd4a; }
+  background: #ffbd4a;
+}
 
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
-  background: #f05050; }
+  background: #f05050;
+}
 
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
-  background: #eeeeee; }
+  background: #eeeeee;
+}
 
 .bootstrap-switch.bootstrap-switch-focused {
   border-color: #98a6ad;
-  box-shadow: none; }
+  box-shadow  : none;
+}
 
 /* == X editable == */
 .editable-checklist label {
-  display: block !important; }
+  display: block !important;
+}
 
-.bootstrap-timepicker-widget.dropdown-menu:after, .colorpicker:after, .daterangepicker:after {
-  border-bottom: 6px solid #434f5c; }
+.bootstrap-timepicker-widget.dropdown-menu:after,
+.colorpicker:after,
+.daterangepicker:after {
+  border-bottom: 6px solid #434f5c;
+}
 
 .bootstrap-timepicker-widget.timepicker-orient-bottom:before {
-  border-top: 7px solid #434f5c; }
+  border-top: 7px solid #434f5c;
+}
 
-.bootstrap-timepicker-widget.timepicker-orient-bottom:after, .datepicker-dropdown.datepicker-orient-top:after {
-  border-top: 6px solid #434f5c; }
+.bootstrap-timepicker-widget.timepicker-orient-bottom:after,
+.datepicker-dropdown.datepicker-orient-top:after {
+  border-top: 6px solid #434f5c;
+}
 
 .daterangepicker:before {
-  border-bottom: 7px solid #4c5a67; }
+  border-bottom: 7px solid #4c5a67;
+}
 
 /* ===========
    Wizard
  =============*/
-.wizard > .content {
+.wizard>.content {
   background: #36404a;
   min-height: 240px;
-  padding: 20px; }
+  padding   : 20px;
+}
 
-.wizard > .content > .body {
-  padding: 0;
-  position: relative; }
-  .wizard > .content > .body input {
-    border: 1px solid #505f6d; }
-  .wizard > .content > .body ul > li {
-    display: block;
-    line-height: 30px; }
-  .wizard > .content > .body label.error {
-    color: #f05050;
-    margin-left: 0; }
-  .wizard > .content > .body label {
-    display: inline-block;
-    margin-top: 10px; }
+.wizard>.content>.body {
+  padding : 0;
+  position: relative;
+}
 
-.wizard > .steps .number {
-  border-radius: 50%;
-  background-color: rgba(255, 255, 255, 0.3);
-  display: inline-block;
+.wizard>.content>.body input {
+  border: 1px solid #505f6d;
+}
+
+.wizard>.content>.body ul>li {
+  display    : block;
   line-height: 30px;
-  margin-right: 10px;
-  width: 30px;
-  text-align: center; }
-.wizard > .steps .disabled a {
+}
+
+.wizard>.content>.body label.error {
+  color      : #f05050;
+  margin-left: 0;
+}
+
+.wizard>.content>.body label {
+  display   : inline-block;
+  margin-top: 10px;
+}
+
+.wizard>.steps .number {
+  border-radius   : 50%;
+  background-color: rgba(255, 255, 255, 0.3);
+  display         : inline-block;
+  line-height     : 30px;
+  margin-right    : 10px;
+  width           : 30px;
+  text-align      : center;
+}
+
+.wizard>.steps .disabled a {
   background: #4c5a67;
-  color: #ffffff;
-  cursor: default;
-  border: 1px solid #4c5a67; }
-  .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
-    background: #505f6d;
-    cursor: default;
-    color: #ffffff;
-    border: 1px solid #4c5a67; }
-.wizard > .steps .current a {
-  background: #33b5e5; }
-  .wizard > .steps .current a:hover {
-    background: #33b5e5; }
-    .wizard > .steps .current a:hover .number {
-      color: #ffffff; }
-  .wizard > .steps .current a:active {
-    background: #33b5e5; }
-    .wizard > .steps .current a:active .number {
-      color: #ffffff; }
-  .wizard > .steps .current a .number {
-    color: #ffffff; }
-.wizard > .steps .done a {
-  background: #505f6d; }
-  .wizard > .steps .done a:hover {
-    background: #505f6d; }
-  .wizard > .steps .done a:active {
-    background: #505f6d; }
+  color     : #ffffff;
+  cursor    : default;
+  border    : 1px solid #4c5a67;
+}
 
-.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active, .wizard > .content {
-  border-radius: 2px; }
-
-.wizard > .actions a {
-  background: #33b5e5;
-  border-radius: 2px;
-  color: #ffffff; }
-  .wizard > .actions a:hover {
-    background: #33b5e5;
-    border-radius: 2px;
-    color: #ffffff; }
-  .wizard > .actions a:active {
-    background: #33b5e5;
-    border-radius: 2px;
-    color: #ffffff; }
-.wizard > .actions .disabled a {
+.wizard>.steps .disabled a:hover,
+.wizard>.steps .disabled a:active {
   background: #505f6d;
+  cursor    : default;
+  color     : #ffffff;
+  border    : 1px solid #4c5a67;
+}
+
+.wizard>.steps .current a {
+  background: #33b5e5;
+}
+
+.wizard>.steps .current a:hover {
+  background: #33b5e5;
+}
+
+.wizard>.steps .current a:hover .number {
   color: #ffffff;
-  cursor: default;
-  border: 1px solid #505f6d; }
-  .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {
-    background: #505f6d;
-    color: #ffffff;
-    cursor: default;
-    border: 1px solid #505f6d; }
+}
+
+.wizard>.steps .current a:active {
+  background: #33b5e5;
+}
+
+.wizard>.steps .current a:active .number {
+  color: #ffffff;
+}
+
+.wizard>.steps .current a .number {
+  color: #ffffff;
+}
+
+.wizard>.steps .done a {
+  background: #505f6d;
+}
+
+.wizard>.steps .done a:hover {
+  background: #505f6d;
+}
+
+.wizard>.steps .done a:active {
+  background: #505f6d;
+}
+
+.wizard>.steps a,
+.wizard>.steps a:hover,
+.wizard>.steps a:active,
+.wizard>.content {
+  border-radius: 2px;
+}
+
+.wizard>.actions a {
+  background   : #33b5e5;
+  border-radius: 2px;
+  color        : #ffffff;
+}
+
+.wizard>.actions a:hover {
+  background   : #33b5e5;
+  border-radius: 2px;
+  color        : #ffffff;
+}
+
+.wizard>.actions a:active {
+  background   : #33b5e5;
+  border-radius: 2px;
+  color        : #ffffff;
+}
+
+.wizard>.actions .disabled a {
+  background: #505f6d;
+  color     : #ffffff;
+  cursor    : default;
+  border    : 1px solid #505f6d;
+}
+
+.wizard>.actions .disabled a:hover,
+.wizard>.actions .disabled a:active {
+  background: #505f6d;
+  color     : #ffffff;
+  cursor    : default;
+  border    : 1px solid #505f6d;
+}
 
 @media (max-width: 767px) {
-  .wizard > .steps > ul > li {
-    width: 100%; }
-
-  .wizard > .content {
-    padding: 0 !important; }
-
-  .wizard > .content > .body {
-    float: none;
-    position: relative;
+  .wizard>.steps>ul>li {
     width: 100%;
-    height: 100%;
-    padding: 0; }
+  }
 
-  .wizard.vertical > .steps {
-    display: inline;
-    float: none;
-    width: 100%; }
+  .wizard>.content {
+    padding: 0 !important;
+  }
 
-  .wizard.vertical > .content {
+  .wizard>.content>.body {
+    float   : none;
+    position: relative;
+    width   : 100%;
+    height  : 100%;
+    padding : 0;
+  }
+
+  .wizard.vertical>.steps {
     display: inline;
-    float: none;
-    margin: 0;
-    width: 100%; } }
+    float  : none;
+    width  : 100%;
+  }
+
+  .wizard.vertical>.content {
+    display: inline;
+    float  : none;
+    margin : 0;
+    width  : 100%;
+  }
+}
+
 /* ===========
    Calendar
  =============*/
 .calendar {
-  float: left;
-  margin-bottom: 0; }
+  float        : left;
+  margin-bottom: 0;
+}
 
 .none-border .modal-footer {
-  border-top: none; }
+  border-top: none;
+}
 
 .fc-toolbar {
-  margin-bottom: 5px; }
-  .fc-toolbar h2 {
-    font-size: 18px;
-    font-weight: 600;
-    line-height: 30px;
-    text-transform: uppercase; }
+  margin-bottom: 5px;
+}
+
+.fc-toolbar h2 {
+  font-size     : 18px;
+  font-weight   : 600;
+  line-height   : 30px;
+  text-transform: uppercase;
+}
 
 .fc-day {
-  background: #414d59; }
+  background: #414d59;
+}
 
 .fc-unthemed .fc-today {
-  background: #475462 !important; }
+  background: #475462 !important;
+}
 
-.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
-  border-color: #4c5a67; }
+.fc-unthemed .fc-content,
+.fc-unthemed .fc-divider,
+.fc-unthemed .fc-popover,
+.fc-unthemed .fc-row,
+.fc-unthemed tbody,
+.fc-unthemed td,
+.fc-unthemed th,
+.fc-unthemed thead {
+  border-color: #4c5a67;
+}
 
-.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header {
-  background: #4c5a67; }
+.fc-unthemed .fc-divider,
+.fc-unthemed .fc-popover .fc-header {
+  background: #4c5a67;
+}
 
-.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active,
-.fc-toolbar button:focus, .fc-toolbar button:hover,
+.fc-toolbar .fc-state-active,
+.fc-toolbar .ui-state-active,
+.fc-toolbar button:focus,
+.fc-toolbar button:hover,
 .fc-toolbar .ui-state-hover {
-  z-index: 0; }
+  z-index: 0;
+}
 
 .fc-widget-header {
-  border: 1px solid #d5d5d5; }
+  border: 1px solid #d5d5d5;
+}
 
 .fc-widget-content {
-  border: 1px solid #d5d5d5; }
+  border: 1px solid #d5d5d5;
+}
 
 .fc th.fc-widget-header {
-  background: #4c5a67;
-  font-size: 14px;
-  line-height: 20px;
-  padding: 10px 0;
-  text-transform: uppercase; }
+  background    : #4c5a67;
+  font-size     : 14px;
+  line-height   : 20px;
+  padding       : 10px 0;
+  text-transform: uppercase;
+}
 
 .fc-button {
-  background: #4c5a67;
-  border: 1px solid #4c5a67;
-  color: #ffffff;
-  text-transform: capitalize; }
+  background    : #4c5a67;
+  border        : 1px solid #4c5a67;
+  color         : #ffffff;
+  text-transform: capitalize;
+}
 
 .fc-text-arrow {
   font-family: arial;
-  font-size: 16px; }
+  font-size  : 16px;
+}
 
 .fc-state-hover {
-  background: #4c5a67; }
+  background: #4c5a67;
+}
 
 .fc-state-highlight {
-  background: #f0f0f0; }
+  background: #f0f0f0;
+}
 
 .fc-cell-overlay {
-  background: #f0f0f0; }
+  background: #f0f0f0;
+}
 
 .fc-unthemed .fc-today {
-  background: #ffffff; }
+  background: #ffffff;
+}
 
 .fc-event {
   border-radius: 2px;
-  border: none;
-  cursor: move;
-  font-size: 13px;
-  margin: 5px 7px;
-  padding: 5px 5px;
-  text-align: center; }
-  .fc-event .fc-content {
-    color: #ffffff; }
+  border       : none;
+  cursor       : move;
+  font-size    : 13px;
+  margin       : 5px 7px;
+  padding      : 5px 5px;
+  text-align   : center;
+}
+
+.fc-event .fc-content {
+  color: #ffffff;
+}
 
 .external-event {
-  color: #ffffff;
-  cursor: move;
-  margin: 10px 0;
-  padding: 6px 10px; }
+  color  : #ffffff;
+  cursor : move;
+  margin : 10px 0;
+  padding: 6px 10px;
+}
 
 .fc-basic-view td.fc-week-number span {
-  padding-right: 5px; }
+  padding-right: 5px;
+}
+
 .fc-basic-view td.fc-day-number {
-  padding-right: 5px; }
+  padding-right: 5px;
+}
 
 /* Wysiwig */
 .mce-content-body p {
-  color: #9398a0;
-  font-size: 14px;
-  font-weight: 300; }
+  color      : #9398a0;
+  font-size  : 14px;
+  font-weight: 300;
+}
 
 .mce-popover .mce-arrow:after {
-  border-bottom-color: red; }
+  border-bottom-color: red;
+}
 
 .mce-popover .mce-colorbutton-grid {
-  margin: 0;
-  border: 1px solid #d7dce5 !important;
-  padding: 4px; }
+  margin : 0;
+  border : 1px solid #d7dce5 !important;
+  padding: 4px;
+}
 
 .mce-reset .mce-window-head {
-  border-bottom: 1px solid #d7dce5; }
+  border-bottom: 1px solid #d7dce5;
+}
 
 .mce-reset .mce-window-head .mce-title {
-  color: #707780;
-  font-size: 16px;
-  font-weight: 400; }
+  color      : #707780;
+  font-size  : 16px;
+  font-weight: 400;
+}
 
 .mce-reset .mce-textbox {
   border-radius: 0;
-  box-shadow: none;
-  outline: 0;
-  border-color: #d7dce5;
-  height: 30px;
-  font-weight: 300;
-  line-height: 30px;
-  color: #aaaaaa;
-  font-size: 14px; }
+  box-shadow   : none;
+  outline      : 0;
+  border-color : #d7dce5;
+  height       : 30px;
+  font-weight  : 300;
+  line-height  : 30px;
+  color        : #aaaaaa;
+  font-size    : 14px;
+}
 
 .mce-reset .mce-textbox:focus {
-  box-shadow: none;
-  border-color: #33b5e5; }
+  box-shadow  : none;
+  border-color: #33b5e5;
+}
 
 .mce-reset .mce-checkbox .mce-ico {
   background-image: none;
   background-color: #ffffff;
-  border-radius: 0;
-  border: 1px solid #d7dce5; }
+  border-radius   : 0;
+  border          : 1px solid #d7dce5;
+}
 
 .mce-reset .mce-checkbox .mce-label {
-  color: #707780;
-  font-size: 12px;
-  font-weight: 400; }
+  color      : #707780;
+  font-size  : 12px;
+  font-weight: 400;
+}
 
 .mce-container {
   border-radius: 0 !important;
-  border-width: 0 !important; }
+  border-width : 0 !important;
+}
 
 .mce-container .mce-menubar {
   background-color: #f2f4f7 !important;
-  border: 1px solid #d7dce5 !important;
-  padding: 2px; }
+  border          : 1px solid #d7dce5 !important;
+  padding         : 2px;
+}
 
 .mce-container .mce-menubar .mce-btn button span {
-  color: #707780;
-  font-size: 14px;
-  font-weight: 400;
-  text-transform: capitalize; }
+  color         : #707780;
+  font-size     : 14px;
+  font-weight   : 400;
+  text-transform: capitalize;
+}
 
 .mce-container .mce-menubar .mce-btn button .mce-caret {
-  border-top-color: #707780; }
+  border-top-color: #707780;
+}
 
 .mce-container .mce-menubar .mce-btn button:hover {
-  background-color: #e8ebf1; }
+  background-color: #e8ebf1;
+}
 
 .mce-container .mce-menubar .mce-btn.mce-active button {
-  background-color: #e8ebf1; }
+  background-color: #e8ebf1;
+}
 
 .mce-container .mce-btn {
   background-color: #d7dce5;
   background-image: none;
-  outline: 0;
-  border: 0;
-  border-radius: 0; }
+  outline         : 0;
+  border          : 0;
+  border-radius   : 0;
+}
 
 .mce-container .mce-btn button {
-  color: #ffffff;
-  font-size: 14px;
+  color      : #ffffff;
+  font-size  : 14px;
   font-weight: 400;
-  text-shadow: none; }
+  text-shadow: none;
+}
 
 .mce-container .mce-btn:hover {
   background-color: #b8c1d1;
-  background-image: none; }
+  background-image: none;
+}
 
 .mce-container .mce-primary {
   background-color: #33b5e5;
   background-image: none;
-  outline: 0;
-  border: 0;
-  border-radius: 0; }
+  outline         : 0;
+  border          : 0;
+  border-radius   : 0;
+}
 
 .mce-container .mce-primary button {
-  color: #ffffff;
-  font-size: 14px;
+  color      : #ffffff;
+  font-size  : 14px;
   font-weight: 400;
-  text-shadow: none; }
+  text-shadow: none;
+}
 
 .mce-container .mce-primary:hover {
   background-color: #0c7cd5;
-  background-image: none; }
+  background-image: none;
+}
 
 .mce-container .mce-toolbar-grp {
   background-color: #f2f4f7 !important;
-  border: 1px solid #d7dce5 !important;
+  border          : 1px solid #d7dce5 !important;
   border-top-width: 0 !important;
-  padding: 6px; }
+  padding         : 6px;
+}
 
 .mce-container .mce-edit-area {
-  border: 1px solid #d7dce5 !important;
-  border-width: 0px 1px !important; }
+  border      : 1px solid #d7dce5 !important;
+  border-width: 0px 1px !important;
+}
 
 .mce-container .mce-statusbar {
   background-color: #f2f4f7 !important;
-  border: 1px solid #d7dce5 !important; }
+  border          : 1px solid #d7dce5 !important;
+}
 
 .mce-container .mce-statusbar .mce-path .mce-path-item {
-  color: #707780;
-  font-size: 14px;
-  font-weight: 400; }
+  color      : #707780;
+  font-size  : 14px;
+  font-weight: 400;
+}
 
 .mce-container .mce-widget {
-  color: #9398a0;
-  font-size: 14px;
+  color      : #9398a0;
+  font-size  : 14px;
   font-weight: 400;
-  border-left: 1px solid transparent; }
+  border-left: 1px solid transparent;
+}
 
 .mce-container .mce-btn-group {
-  border: 1px solid #e9ecf2 !important; }
+  border: 1px solid #e9ecf2 !important;
+}
 
 .mce-container .mce-btn-group .mce-btn {
-  box-shadow: none;
+  box-shadow      : none;
   background-image: none;
   background-color: #ffffff;
-  border-width: 0;
-  border-radius: 0 !important; }
+  border-width    : 0;
+  border-radius   : 0 !important;
+}
 
 .mce-container .mce-btn-group .mce-btn:hover,
 .mce-container .mce-btn-group .mce-btn:focus {
-  box-shadow: none;
+  box-shadow      : none;
   background-image: none;
-  background-color: #ffffff; }
+  background-color: #ffffff;
+}
 
 .mce-container .mce-btn-group .mce-btn button span {
-  color: #707780;
-  font-size: 14px;
-  font-weight: 300; }
+  color      : #707780;
+  font-size  : 14px;
+  font-weight: 300;
+}
 
 .mce-container .mce-btn-group .mce-btn button .mce-caret {
-  color: #707780;
-  font-size: 14px; }
+  color    : #707780;
+  font-size: 14px;
+}
 
 .mce-container .mce-ico {
-  color: #707780;
-  font-size: 14px; }
+  color    : #707780;
+  font-size: 14px;
+}
 
 .mce-container .mce-panel {
-  background-image: none; }
+  background-image: none;
+}
 
 .mce-container.mce-menu {
-  border: 1px solid #d7dce5 !important; }
+  border: 1px solid #d7dce5 !important;
+}
 
 .mce-container.mce-menu .mce-menu-item {
-  background-image: none; }
+  background-image: none;
+}
 
 .mce-container.mce-menu .mce-menu-item .mce-ico {
-  color: #33b5e5;
-  font-size: 14px; }
+  color    : #33b5e5;
+  font-size: 14px;
+}
 
 .mce-container.mce-menu .mce-menu-item .mce-text {
-  color: #707780;
-  font-size: 14px;
-  font-weight: 400;
-  text-transform: capitalize; }
+  color         : #707780;
+  font-size     : 14px;
+  font-weight   : 400;
+  text-transform: capitalize;
+}
 
 .mce-container.mce-menu .mce-menu-item .mce-menu-shortcut {
-  color: #aaaaaa;
-  font-size: 12px;
-  font-weight: 300;
-  text-transform: capitalize; }
+  color         : #aaaaaa;
+  font-size     : 12px;
+  font-weight   : 300;
+  text-transform: capitalize;
+}
 
 .mce-container.mce-menu .mce-menu-item:hover,
 .mce-container.mce-menu .mce-menu-item:focus,
 .mce-container.mce-menu .mce-menu-item.mce-selected {
-  background-color: #33b5e5; }
+  background-color: #33b5e5;
+}
 
 .mce-container.mce-menu .mce-menu-item:hover .mce-ico,
 .mce-container.mce-menu .mce-menu-item:focus .mce-ico,
@@ -4169,17 +5905,20 @@ ul.ColVis_collection {
 .mce-container.mce-menu .mce-menu-item:hover .mce-menu-shortcut,
 .mce-container.mce-menu .mce-menu-item:focus .mce-menu-shortcut,
 .mce-container.mce-menu .mce-menu-item.mce-selected .mce-menu-shortcut {
-  color: #ffffff; }
+  color: #ffffff;
+}
 
 .mce-container.mce-menu .mce-menu-item.mce-disabled .mce-ico,
 .mce-container.mce-menu .mce-menu-item.mce-disabled .mce-text,
 .mce-container.mce-menu .mce-menu-item.mce-disabled .mce-menu-shortcut {
-  color: #aaaaaa; }
+  color: #aaaaaa;
+}
 
 .mce-container.mce-menu .mce-menu-item.mce-disabled:hover,
 .mce-container.mce-menu .mce-menu-item.mce-disabled:focus,
 .mce-container.mce-menu .mce-menu-item.mce-disabled.mce-selected {
-  background-color: #d7dce5; }
+  background-color: #d7dce5;
+}
 
 .mce-container.mce-menu .mce-menu-item.mce-disabled:hover .mce-ico,
 .mce-container.mce-menu .mce-menu-item.mce-disabled:focus .mce-ico,
@@ -4190,192 +5929,263 @@ ul.ColVis_collection {
 .mce-container.mce-menu .mce-menu-item.mce-disabled:hover .mce-menu-shortcut,
 .mce-container.mce-menu .mce-menu-item.mce-disabled:focus .mce-menu-shortcut,
 .mce-container.mce-menu .mce-menu-item.mce-disabled.mce-selected .mce-menu-shortcut {
-  color: #ffffff; }
+  color: #ffffff;
+}
 
 .mce-container.mce-menu .mce-menu-item-sep {
-  background-color: #d7dce5; }
+  background-color: #d7dce5;
+}
 
 .mce-container.mce-menu .mce-menu-item-sep:hover {
-  background-color: #d7dce5; }
+  background-color: #d7dce5;
+}
 
 .mce-menubtn button {
-  color: #36404a !important; }
+  color: #36404a !important;
+}
 
 .mce-menu-item-normal.mce-active {
-  background-color: #5fbeaa !important; }
-  .mce-menu-item-normal.mce-active .mce-text {
-    color: #ffffff !important; }
+  background-color: #5fbeaa !important;
+}
+
+.mce-menu-item-normal.mce-active .mce-text {
+  color: #ffffff !important;
+}
 
 /* =============
    Notification
 ============= */
 .notifyjs-metro-base {
-  position: relative;
-  min-height: 52px;
-  min-width: 250px;
-  color: #444;
-  border-radius: 3px;
+  position             : relative;
+  min-height           : 52px;
+  min-width            : 250px;
+  color                : #444;
+  border-radius        : 3px;
   -webkit-border-radius: 3px;
-  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
-  -webkit-animation: dropdownOpen 0.3s ease-out;
-  -o-animation: dropdownOpen 0.3s ease-out;
-  animation: dropdownOpen 0.3s ease-out; }
+  box-shadow           : 0 1px 0 rgba(0, 0, 0, 0.2);
+  -webkit-animation    : dropdownOpen 0.3s ease-out;
+  -o-animation         : dropdownOpen 0.3s ease-out;
+  animation            : dropdownOpen 0.3s ease-out;
+}
 
 .notifyjs-metro-base .image {
-  display: table;
-  position: absolute;
-  height: auto;
-  width: auto;
-  left: 25px;
-  top: 50%;
-  font-size: 24px;
-  -moz-transform: translate(-50%, -50%);
-  -ms-transform: translate(-50%, -50%);
-  -o-transform: translate(-50%, -50%);
+  display          : table;
+  position         : absolute;
+  height           : auto;
+  width            : auto;
+  left             : 25px;
+  top              : 50%;
+  font-size        : 24px;
+  -moz-transform   : translate(-50%, -50%);
+  -ms-transform    : translate(-50%, -50%);
+  -o-transform     : translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
-  transform: translate(-50%, -50%); }
+  transform        : translate(-50%, -50%);
+}
 
 .notifyjs-metro-base .text-wrapper {
-  display: inline-block;
+  display       : inline-block;
   vertical-align: top;
-  text-align: left;
-  margin: 10px 10px 10px 52px;
-  clear: both; }
+  text-align    : left;
+  margin        : 10px 10px 10px 52px;
+  clear         : both;
+}
 
 .notifyjs-metro-base .title {
-  font-size: 15px;
-  line-height: 20px;
+  font-size    : 15px;
+  line-height  : 20px;
   margin-bottom: 5px;
-  font-weight: bold; }
+  font-weight  : bold;
+}
 
 .notifyjs-metro-base .text {
-  font-size: 12px;
-  font-weight: normal;
-  max-width: 360px;
-  vertical-align: middle; }
+  font-size     : 12px;
+  font-weight   : normal;
+  max-width     : 360px;
+  vertical-align: middle;
+}
 
 .notifyjs-metro-cool {
-  color: #fafafa !important;
+  color           : #fafafa !important;
   background-color: #4A525F;
-  border: 1px solid #4A525F; }
+  border          : 1px solid #4A525F;
+}
 
 /* =============
    Bootstrap Range slider
 ============= */
 .slider .slider-horizontal {
-  margin: 10px 0; }
+  margin: 10px 0;
+}
+
 .slider .slider-vertical {
-  margin: 0 10px; }
+  margin: 0 10px;
+}
 
 .slider-handle.round {
-  position: absolute;
-  width: 20px;
-  height: 20px;
-  border: 1px solid #EFF2F7;
+  position  : absolute;
+  width     : 20px;
+  height    : 20px;
+  border    : 1px solid #EFF2F7;
   background: #fff;
-  cursor: pointer; }
+  cursor    : pointer;
+}
 
 .slider-default .slider-selection {
   background-image: none;
-  background-color: #909aa0; }
+  background-color: #909aa0;
+}
 
 .slider-primary .slider-selection {
   background-image: none;
-  background-color: #5d9cec; }
+  background-color: #5d9cec;
+}
 
 .slider-success .slider-selection {
   background-image: none;
-  background-color: #81c868; }
+  background-color: #81c868;
+}
 
 .slider-info .slider-selection {
   background-image: none;
-  background-color: #34d3eb; }
+  background-color: #34d3eb;
+}
 
 .slider-warning .slider-selection {
   background-image: none;
-  background-color: #ffbd4a; }
+  background-color: #ffbd4a;
+}
 
 .slider-danger .slider-selection {
   background-image: none;
-  background-color: #f05050; }
+  background-color: #f05050;
+}
 
 .slider-custom .slider-selection {
   background-image: none;
-  background-color: #33b5e5; }
+  background-color: #33b5e5;
+}
 
 .slider-pink .slider-selection {
   background-image: none;
-  background-color: #fb6d9d; }
+  background-color: #fb6d9d;
+}
 
 .slider-purple .slider-selection {
   background-image: none;
-  background-color: #7266ba; }
+  background-color: #7266ba;
+}
 
 .slider-inverse .slider-selection {
   background-image: none;
-  background-color: #4c5667; }
+  background-color: #4c5667;
+}
 
 /* =========== */
 /* Sweet Alert */
 /* =========== */
 .sweet-alert {
-  background-color: #4c5a67; }
-  .sweet-alert p {
-    font-size: 14px;
-    line-height: 22px; }
-  .sweet-alert .icon.success .placeholder {
-    border: 4px solid rgba(129, 200, 104, 0.3); }
-  .sweet-alert .icon.success .line {
-    background-color: #81c868; }
-  .sweet-alert .icon.warning {
-    border-color: #ffbd4a; }
-  .sweet-alert .icon.info {
-    border-color: #34d3eb; }
-  .sweet-alert .btn-warning:focus, .sweet-alert .btn-info:focus, .sweet-alert .btn-success:focus, .sweet-alert .btn-danger:focus, .sweet-alert .btn-default:focus {
-    box-shadow: none; }
-  .sweet-alert .btn-lg {
-    font-size: 15px !important; }
+  background-color: #4c5a67;
+}
 
-.sweet-alert .icon.success::before, .sweet-alert .icon.success::after, .sweet-alert .icon.success .fix {
-  background-color: #4c5a67; }
+.sweet-alert p {
+  font-size  : 14px;
+  line-height: 22px;
+}
+
+.sweet-alert .icon.success .placeholder {
+  border: 4px solid rgba(129, 200, 104, 0.3);
+}
+
+.sweet-alert .icon.success .line {
+  background-color: #81c868;
+}
+
+.sweet-alert .icon.warning {
+  border-color: #ffbd4a;
+}
+
+.sweet-alert .icon.info {
+  border-color: #34d3eb;
+}
+
+.sweet-alert .btn-warning:focus,
+.sweet-alert .btn-info:focus,
+.sweet-alert .btn-success:focus,
+.sweet-alert .btn-danger:focus,
+.sweet-alert .btn-default:focus {
+  box-shadow: none;
+}
+
+.sweet-alert .btn-lg {
+  font-size: 15px !important;
+}
+
+.sweet-alert .icon.success::before,
+.sweet-alert .icon.success::after,
+.sweet-alert .icon.success .fix {
+  background-color: #4c5a67;
+}
 
 /* =========== */
 /* Sweet Alert 2*/
 /* =========== */
 .swal2-modal .swal2-title {
-  font-size: 28px; }
+  font-size: 28px;
+}
+
 .swal2-modal .swal2-content {
-  font-size: 16px; }
-.swal2-modal .swal2-spacer {
-  margin: 10px 0; }
-.swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-textarea {
-  border: 2px solid #98a6ad;
   font-size: 16px;
-  box-shadow: none !important; }
+}
+
+.swal2-modal .swal2-spacer {
+  margin: 10px 0;
+}
+
+.swal2-modal .swal2-file,
+.swal2-modal .swal2-input,
+.swal2-modal .swal2-textarea {
+  border    : 2px solid #98a6ad;
+  font-size : 16px;
+  box-shadow: none !important;
+}
 
 .swal2-icon.swal2-question {
-  color: #33b5e5;
-  border-color: #33b5e5; }
+  color       : #33b5e5;
+  border-color: #33b5e5;
+}
 
 .swal2-icon.swal2-success {
-  border-color: #81c868; }
-  .swal2-icon.swal2-success .line {
-    background-color: #81c868; }
-  .swal2-icon.swal2-success .placeholder {
-    border-color: #81c868; }
+  border-color: #81c868;
+}
+
+.swal2-icon.swal2-success .line {
+  background-color: #81c868;
+}
+
+.swal2-icon.swal2-success .placeholder {
+  border-color: #81c868;
+}
 
 .swal2-icon.swal2-warning {
-  color: #ffbd4a;
-  border-color: #ffbd4a; }
+  color       : #ffbd4a;
+  border-color: #ffbd4a;
+}
 
 .swal2-icon.swal2-error {
-  border-color: #f05050; }
-  .swal2-icon.swal2-error .line {
-    background-color: #f05050; }
+  border-color: #f05050;
+}
 
-.swal2-modal .swal2-file:focus, .swal2-modal .swal2-input:focus, .swal2-modal .swal2-textarea:focus {
+.swal2-icon.swal2-error .line {
+  background-color: #f05050;
+}
+
+.swal2-modal .swal2-file:focus,
+.swal2-modal .swal2-input:focus,
+.swal2-modal .swal2-textarea:focus {
   outline: 0;
-  border: 2px solid #33b5e5; }
+  border : 2px solid #33b5e5;
+}
 
 /* =============
    Charts
@@ -4383,1442 +6193,1936 @@ ul.ColVis_collection {
 /* Morris chart */
 .morris-hover.morris-default-style {
   border-radius: 5px;
-  padding: 10px 12px;
-  background: #ffffff;
-  border: none;
-  color: #36404a !important; }
-  .morris-hover.morris-default-style .morris-hover-point {
-    color: #36404a !important; }
+  padding      : 10px 12px;
+  background   : #ffffff;
+  border       : none;
+  color        : #36404a !important;
+}
+
+.morris-hover.morris-default-style .morris-hover-point {
+  color: #36404a !important;
+}
 
 .chart-detail-list li {
-  margin: 0 10px; }
-  .chart-detail-list li h5 {
-    font-size: 15px; }
+  margin: 0 10px;
+}
+
+.chart-detail-list li h5 {
+  font-size: 15px;
+}
 
 .pieLabel div {
-  font-size: 14px !important; }
+  font-size: 14px !important;
+}
 
 .jqstooltip {
   -webkit-box-sizing: content-box;
-  -moz-box-sizing: content-box;
-  box-sizing: content-box; }
+  -moz-box-sizing   : content-box;
+  box-sizing        : content-box;
+}
 
 .chart {
-  position: relative;
-  display: inline-block;
-  width: 110px;
-  height: 110px;
-  margin-top: 20px;
+  position     : relative;
+  display      : inline-block;
+  width        : 110px;
+  height       : 110px;
+  margin-top   : 20px;
   margin-bottom: 20px;
-  text-align: center; }
-  .chart canvas {
-    position: absolute;
-    top: 0;
-    left: 0; }
+  text-align   : center;
+}
+
+.chart canvas {
+  position: absolute;
+  top     : 0;
+  left    : 0;
+}
 
 .chart.chart-widget-pie {
-  margin-top: 5px;
-  margin-bottom: 5px; }
+  margin-top   : 5px;
+  margin-bottom: 5px;
+}
 
 .percent {
-  display: inline-block;
+  display    : inline-block;
   line-height: 110px;
-  z-index: 2;
+  z-index    : 2;
   font-weight: 600;
-  font-size: 18px;
-  color: #ffffff; }
-  .percent:after {
-    content: '%';
-    margin-left: 0.1em;
-    font-size: .8em; }
+  font-size  : 18px;
+  color      : #ffffff;
+}
+
+.percent:after {
+  content    : '%';
+  margin-left: 0.1em;
+  font-size  : .8em;
+}
 
 #flotTip {
-  padding: 8px 12px;
-  background-color: #ffffff;
-  z-index: 100;
-  color: #36404a;
-  opacity: 0.9;
-  font-size: 13px;
+  padding              : 8px 12px;
+  background-color     : #ffffff;
+  z-index              : 100;
+  color                : #36404a;
+  opacity              : 0.9;
+  font-size            : 13px;
   -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px; }
+  -moz-border-radius   : 3px;
+  border-radius        : 3px;
+}
 
 .legend tr {
-  height: 20px; }
+  height: 20px;
+}
 
 .legend div:first-of-type {
-  background-color: transparent !important; }
+  background-color: transparent !important;
+}
 
 .legendLabel {
-  padding-left: 5px !important;
-  line-height: 10px;
+  padding-left : 5px !important;
+  line-height  : 10px;
   padding-right: 10px;
-  color: #98a6ad; }
+  color        : #98a6ad;
+}
 
 /* Sparkline chart */
 .jqstooltip {
   background-color: #ffffff !important;
-  padding: 5px 10px !important;
-  border-radius: 3px; }
+  padding         : 5px 10px !important;
+  border-radius   : 3px;
+}
 
 .jqsfield {
-  font-size: 12px !important;
+  font-size  : 12px !important;
   line-height: 18px !important;
-  color: #36404a !important; }
+  color      : #36404a !important;
+}
 
 /* C3 chart */
-.c3-tooltip td > span {
-  background: #36404a; }
+.c3-tooltip td>span {
+  background: #36404a;
+}
 
 .c3-tooltip td {
-  border-left: none; }
+  border-left: none;
+}
 
 .c3-tooltip {
   box-shadow: 0 0 8px 0 #777;
-  opacity: 1; }
+  opacity   : 1;
+}
 
 .c3-chart-arcs-title {
-  font-size: 18px;
-  font-weight: 600; }
+  font-size  : 18px;
+  font-weight: 600;
+}
 
 .c3-tooltip tr {
-  border: none !important; }
+  border: none !important;
+}
 
 .c3-tooltip th {
-  background-color: #36404a; }
+  background-color: #36404a;
+}
 
 .c3 text {
-  fill: rgba(255, 255, 255, 0.5);
-  font-size: 14px; }
+  fill     : rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+}
 
 .c3 line,
 .c3 path {
-  stroke: rgba(255, 255, 255, 0.5); }
+  stroke: rgba(255, 255, 255, 0.5);
+}
 
 /* Chartist chart */
 .ct-golden-section:before {
-  float: none; }
+  float: none;
+}
 
 .ct-grid {
-  stroke: rgba(255, 255, 255, 0.2); }
+  stroke: rgba(255, 255, 255, 0.2);
+}
 
 .ct-chart {
-  height: 300px; }
-  .ct-chart .ct-label {
-    fill: #a3afb7;
-    color: #a3afb7;
-    font-size: 12px;
-    line-height: 1; }
+  height: 300px;
+}
+
+.ct-chart .ct-label {
+  fill       : #a3afb7;
+  color      : #a3afb7;
+  font-size  : 12px;
+  line-height: 1;
+}
 
 .ct-chart.simple-pie-chart-chartist .ct-label {
-  color: #ffffff;
-  fill: #ffffff;
-  font-size: 16px; }
+  color    : #ffffff;
+  fill     : #ffffff;
+  font-size: 16px;
+}
 
-.ct-chart .ct-series.ct-series-a .ct-bar, .ct-chart .ct-series.ct-series-a .ct-line, .ct-chart .ct-series.ct-series-a .ct-point, .ct-chart .ct-series.ct-series-a .ct-slice-donut {
-  stroke: #5d9cec; }
+.ct-chart .ct-series.ct-series-a .ct-bar,
+.ct-chart .ct-series.ct-series-a .ct-line,
+.ct-chart .ct-series.ct-series-a .ct-point,
+.ct-chart .ct-series.ct-series-a .ct-slice-donut {
+  stroke: #5d9cec;
+}
 
-.ct-chart .ct-series.ct-series-b .ct-bar, .ct-chart .ct-series.ct-series-b .ct-line, .ct-chart .ct-series.ct-series-b .ct-point, .ct-chart .ct-series.ct-series-b .ct-slice-donut {
-  stroke: #fb6d9d; }
+.ct-chart .ct-series.ct-series-b .ct-bar,
+.ct-chart .ct-series.ct-series-b .ct-line,
+.ct-chart .ct-series.ct-series-b .ct-point,
+.ct-chart .ct-series.ct-series-b .ct-slice-donut {
+  stroke: #fb6d9d;
+}
 
-.ct-chart .ct-series.ct-series-c .ct-bar, .ct-chart .ct-series.ct-series-c .ct-line, .ct-chart .ct-series.ct-series-c .ct-point, .ct-chart .ct-series.ct-series-c .ct-slice-donut {
-  stroke: #34d3eb; }
+.ct-chart .ct-series.ct-series-c .ct-bar,
+.ct-chart .ct-series.ct-series-c .ct-line,
+.ct-chart .ct-series.ct-series-c .ct-point,
+.ct-chart .ct-series.ct-series-c .ct-slice-donut {
+  stroke: #34d3eb;
+}
 
-.ct-chart .ct-series.ct-series-d .ct-bar, .ct-chart .ct-series.ct-series-d .ct-line, .ct-chart .ct-series.ct-series-d .ct-point, .ct-chart .ct-series.ct-series-d .ct-slice-donut {
-  stroke: #33b5e5; }
+.ct-chart .ct-series.ct-series-d .ct-bar,
+.ct-chart .ct-series.ct-series-d .ct-line,
+.ct-chart .ct-series.ct-series-d .ct-point,
+.ct-chart .ct-series.ct-series-d .ct-slice-donut {
+  stroke: #33b5e5;
+}
 
-.ct-chart .ct-series.ct-series-e .ct-bar, .ct-chart .ct-series.ct-series-e .ct-line, .ct-chart .ct-series.ct-series-e .ct-point, .ct-chart .ct-series.ct-series-e .ct-slice-donut {
-  stroke: #36404a; }
+.ct-chart .ct-series.ct-series-e .ct-bar,
+.ct-chart .ct-series.ct-series-e .ct-line,
+.ct-chart .ct-series.ct-series-e .ct-point,
+.ct-chart .ct-series.ct-series-e .ct-slice-donut {
+  stroke: #36404a;
+}
 
-.ct-chart .ct-series.ct-series-f .ct-bar, .ct-chart .ct-series.ct-series-f .ct-line, .ct-chart .ct-series.ct-series-f .ct-point, .ct-chart .ct-series.ct-series-f .ct-slice-donut {
-  stroke: #7266ba; }
+.ct-chart .ct-series.ct-series-f .ct-bar,
+.ct-chart .ct-series.ct-series-f .ct-line,
+.ct-chart .ct-series.ct-series-f .ct-point,
+.ct-chart .ct-series.ct-series-f .ct-slice-donut {
+  stroke: #7266ba;
+}
 
-.ct-chart .ct-series.ct-series-g .ct-bar, .ct-chart .ct-series.ct-series-g .ct-line, .ct-chart .ct-series.ct-series-g .ct-point, .ct-chart .ct-series.ct-series-g .ct-slice-donut {
-  stroke: #81c868; }
+.ct-chart .ct-series.ct-series-g .ct-bar,
+.ct-chart .ct-series.ct-series-g .ct-line,
+.ct-chart .ct-series.ct-series-g .ct-point,
+.ct-chart .ct-series.ct-series-g .ct-slice-donut {
+  stroke: #81c868;
+}
 
-.ct-series-a .ct-area, .ct-series-a .ct-slice-pie {
-  fill: #5d9cec; }
+.ct-series-a .ct-area,
+.ct-series-a .ct-slice-pie {
+  fill: #5d9cec;
+}
 
-.ct-series-b .ct-area, .ct-series-b .ct-slice-pie {
-  fill: #fb6d9d; }
+.ct-series-b .ct-area,
+.ct-series-b .ct-slice-pie {
+  fill: #fb6d9d;
+}
 
-.ct-series-c .ct-area, .ct-series-c .ct-slice-pie {
-  fill: #34d3eb; }
+.ct-series-c .ct-area,
+.ct-series-c .ct-slice-pie {
+  fill: #34d3eb;
+}
 
-.ct-series-d .ct-area, .ct-series-d .ct-slice-pie {
-  fill: #33b5e5; }
+.ct-series-d .ct-area,
+.ct-series-d .ct-slice-pie {
+  fill: #33b5e5;
+}
 
 .chartist-tooltip {
-  position: absolute;
-  display: inline-block;
-  opacity: 0;
-  min-width: 10px;
-  padding: 2px 10px;
-  border-radius: 3px;
-  background: #ffffff;
-  color: #36404a;
-  text-align: center;
-  pointer-events: none;
-  z-index: 1;
+  position          : absolute;
+  display           : inline-block;
+  opacity           : 0;
+  min-width         : 10px;
+  padding           : 2px 10px;
+  border-radius     : 3px;
+  background        : #ffffff;
+  color             : #36404a;
+  text-align        : center;
+  pointer-events    : none;
+  z-index           : 1;
   -webkit-transition: opacity .2s linear;
-  -moz-transition: opacity .2s linear;
-  -o-transition: opacity .2s linear;
-  transition: opacity .2s linear; }
+  -moz-transition   : opacity .2s linear;
+  -o-transition     : opacity .2s linear;
+  transition        : opacity .2s linear;
+}
 
 .chartist-tooltip.tooltip-show {
-  opacity: 1; }
+  opacity: 1;
+}
 
 /* Circliful charts */
 .circliful-chart {
-  margin: 0 auto; }
+  margin: 0 auto;
+}
 
-.circle-text, .circle-info, .circle-text-half, .circle-info-half {
-  font-size: 12px;
-  font-weight: 600; }
+.circle-text,
+.circle-info,
+.circle-text-half,
+.circle-info-half {
+  font-size  : 12px;
+  font-weight: 600;
+}
 
 /* === Nvd3 Charts === */
 .nvd3 text {
-  fill: rgba(255, 255, 255, 0.3); }
+  fill: rgba(255, 255, 255, 0.3);
+}
 
 .nvd3 .nv-axis line,
 .nvd3 .nv-axis path {
-  stroke: rgba(255, 255, 255, 0.1); }
+  stroke: rgba(255, 255, 255, 0.1);
+}
 
 .nvd3 .nv-discretebar .nv-groups text,
 .nvd3 .nv-multibarHorizontal .nv-groups text {
-  fill: rgba(255, 255, 255, 0.5); }
+  fill: rgba(255, 255, 255, 0.5);
+}
 
 .multi-chart .nv-legend-symbol {
-  fill: #ffffff !important;
+  fill        : #ffffff !important;
   fill-opacity: 0;
-  stroke: #ffffff !important; }
+  stroke      : #ffffff !important;
+}
 
 /* Ricksaw Charts */
 #legend {
   background: #36404a;
-  position: absolute;
-  top: 0;
-  right: 15px; }
+  position  : absolute;
+  top       : 0;
+  right     : 15px;
+}
 
 #legend .line {
-  color: #333; }
+  color: #333;
+}
 
 .rickshaw_graph .detail .x_label {
-  color: #36404a; }
+  color: #36404a;
+}
 
 .rickshaw_graph .detail {
-  background: rgba(255, 255, 255, 0.1); }
+  background: rgba(255, 255, 255, 0.1);
+}
 
 .rickshaw_graph svg {
-  max-width: 100%; }
+  max-width: 100%;
+}
 
 .rickshaw_legend .label {
-  font-family: inherit;
+  font-family   : inherit;
   letter-spacing: 0.01em;
-  font-weight: 600;
-  color: #ffffff; }
+  font-weight   : 600;
+  color         : #ffffff;
+}
 
 /* =============
    Count Down
 ============= */
 .home-wrapper {
-  margin: 10% 0; }
+  margin: 10% 0;
+}
 
 .home-text {
-  font-weight: 600; }
+  font-weight: 600;
+}
 
 .u-countdown {
   margin-top: 40px;
-  text-align: center; }
-  .u-countdown div {
-    display: inline-block; }
-    .u-countdown div span {
-      display: block;
-      width: 150px; }
-      .u-countdown div span:first-child {
-        font-size: 3em;
-        font-weight: 700;
-        height: 48px;
-        line-height: 48px; }
-      .u-countdown div span:last-child {
-        color: #ffffff;
-        font-size: 0.9em;
-        height: 25px;
-        line-height: 25px; }
+  text-align: center;
+}
 
-.u-countdown > * {
-  text-align: center; }
+.u-countdown div {
+  display: inline-block;
+}
+
+.u-countdown div span {
+  display: block;
+  width  : 150px;
+}
+
+.u-countdown div span:first-child {
+  font-size  : 3em;
+  font-weight: 700;
+  height     : 48px;
+  line-height: 48px;
+}
+
+.u-countdown div span:last-child {
+  color      : #ffffff;
+  font-size  : 0.9em;
+  height     : 25px;
+  line-height: 25px;
+}
+
+.u-countdown>* {
+  text-align: center;
+}
 
 .cd-text {
-  font-size: 15px;
+  font-size  : 15px;
   line-height: 24px;
-  font-style: italic; }
+  font-style : italic;
+}
 
 /* =============
    Timeline
 ============= */
 .cd-container {
-  width: 90%;
+  width    : 90%;
   max-width: 1170px;
-  margin: 0 auto; }
+  margin   : 0 auto;
+}
 
 .cd-container::after {
   content: '';
   display: table;
-  clear: both; }
+  clear  : both;
+}
 
 #cd-timeline {
   margin-bottom: 2em;
-  margin-top: 2em;
-  padding: 2em 0;
-  position: relative; }
-  #cd-timeline::before {
-    background: #3c4853;
-    content: '';
-    height: 100%;
-    left: 18px;
-    position: absolute;
-    top: 0;
-    width: 4px; }
+  margin-top   : 2em;
+  padding      : 2em 0;
+  position     : relative;
+}
+
+#cd-timeline::before {
+  background: #3c4853;
+  content   : '';
+  height    : 100%;
+  left      : 18px;
+  position  : absolute;
+  top       : 0;
+  width     : 4px;
+}
 
 @media only screen and (min-width: 1170px) {
   #cd-timeline {
     margin-bottom: 3em;
-    margin-top: 3em; }
-    #cd-timeline::before {
-      left: 50%;
-      margin-left: -2px; } }
+    margin-top   : 3em;
+  }
+
+  #cd-timeline::before {
+    left       : 50%;
+    margin-left: -2px;
+  }
+}
+
 .cd-timeline-block {
-  margin: 2em 0;
-  position: relative; }
-  .cd-timeline-block:after {
-    clear: both;
-    content: "";
-    display: table; }
+  margin  : 2em 0;
+  position: relative;
+}
+
+.cd-timeline-block:after {
+  clear  : both;
+  content: "";
+  display: table;
+}
 
 .cd-timeline-block:first-child {
-  margin-top: 0; }
+  margin-top: 0;
+}
 
 .cd-timeline-block:last-child {
-  margin-bottom: 0; }
+  margin-bottom: 0;
+}
 
 @media only screen and (min-width: 1170px) {
   .cd-timeline-block {
-    margin: 4em 0; }
+    margin: 4em 0;
+  }
 
   .cd-timeline-block:first-child {
-    margin-top: 0; }
+    margin-top: 0;
+  }
 
   .cd-timeline-block:last-child {
-    margin-bottom: 0; } }
+    margin-bottom: 0;
+  }
+}
+
 .cd-timeline-img {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 40px;
-  height: 40px;
+  position     : absolute;
+  top          : 0;
+  left         : 0;
+  width        : 40px;
+  height       : 40px;
   border-radius: 50%;
-  box-shadow: 0 0 0 4px #414d59, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  line-height: 40px;
-  font-size: 20px;
-  color: #ffffff; }
+  box-shadow   : 0 0 0 4px #414d59, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
+  text-align   : center;
+  line-height  : 40px;
+  font-size    : 20px;
+  color        : #ffffff;
+}
 
 .cd-timeline-img.cd-success {
-  background: #81c868; }
+  background: #81c868;
+}
 
 .cd-timeline-img.cd-info {
-  background: #34d3eb; }
+  background: #34d3eb;
+}
 
 .cd-timeline-img.cd-pink {
-  background: #fb6d9d; }
+  background: #fb6d9d;
+}
 
 .cd-timeline-img.cd-danger {
-  background: #f05050; }
+  background: #f05050;
+}
 
 .cd-timeline-img.cd-primary {
-  background: #5d9cec; }
+  background: #5d9cec;
+}
 
 .cd-timeline-img.cd-warning {
-  background: #ffbd4a; }
+  background: #ffbd4a;
+}
 
 @media only screen and (min-width: 1170px) {
   .cd-timeline-img {
-    width: 60px;
-    height: 60px;
-    line-height: 60px;
-    left: 50%;
-    margin-left: -30px;
-    -webkit-transform: translateZ(0);
-    -webkit-backface-visibility: hidden; }
+    width                      : 60px;
+    height                     : 60px;
+    line-height                : 60px;
+    left                       : 50%;
+    margin-left                : -30px;
+    -webkit-transform          : translateZ(0);
+    -webkit-backface-visibility: hidden;
+  }
 
   .cssanimations .cd-timeline-img.is-hidden {
-    visibility: hidden; }
+    visibility: hidden;
+  }
 
   .cssanimations .cd-timeline-img.bounce-in {
-    visibility: visible;
+    visibility       : visible;
     -webkit-animation: cd-bounce-1 0.6s;
-    -moz-animation: cd-bounce-1 0.6s;
-    animation: cd-bounce-1 0.6s; } }
-.cd-timeline-content {
-  -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
-  -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
-  background: #3c4853;
-  border-radius: 0;
-  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
-  margin-left: 60px;
-  padding: 1em;
-  position: relative; }
-  .cd-timeline-content img {
-    display: block;
-    width: 100%; }
-  .cd-timeline-content:after {
-    clear: both;
-    content: "";
-    display: table; }
-  .cd-timeline-content h2 {
-    margin-top: 0; }
-  .cd-timeline-content p {
-    font-size: 14px;
-    margin: 10px 0 10px 0; }
-  .cd-timeline-content .cd-read-more {
-    background: #acb7c0;
-    border-radius: 0.25em;
-    color: white;
-    display: inline-block;
-    float: right;
-    font-size: 14px;
-    padding: .8em 1em; }
-  .cd-timeline-content .cd-date {
-    display: inline-block;
-    font-size: 14px; }
-  .cd-timeline-content h3 {
-    font-size: 21px;
-    margin: 0; }
+    -moz-animation   : cd-bounce-1 0.6s;
+    animation        : cd-bounce-1 0.6s;
+  }
+}
 
-.no-touch .cd-timeline-content .cd-read-more:hover {
-  background-color: #bac4cb; }
+.cd-timeline-content {
+  -moz-box-shadow   : 0 5px 5px -5px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
+  background        : #3c4853;
+  border-radius     : 0;
+  box-shadow        : 0 5px 5px -5px rgba(0, 0, 0, 0.1);
+  margin-left       : 60px;
+  padding           : 1em;
+  position          : relative;
+}
+
+.cd-timeline-content img {
+  display: block;
+  width  : 100%;
+}
+
+.cd-timeline-content:after {
+  clear  : both;
+  content: "";
+  display: table;
+}
+
+.cd-timeline-content h2 {
+  margin-top: 0;
+}
+
+.cd-timeline-content p {
+  font-size: 14px;
+  margin   : 10px 0 10px 0;
+}
+
+.cd-timeline-content .cd-read-more {
+  background   : #acb7c0;
+  border-radius: 0.25em;
+  color        : white;
+  display      : inline-block;
+  float        : right;
+  font-size    : 14px;
+  padding      : .8em 1em;
+}
 
 .cd-timeline-content .cd-date {
-  float: left;
+  display  : inline-block;
+  font-size: 14px;
+}
+
+.cd-timeline-content h3 {
+  font-size: 21px;
+  margin   : 0;
+}
+
+.no-touch .cd-timeline-content .cd-read-more:hover {
+  background-color: #bac4cb;
+}
+
+.cd-timeline-content .cd-date {
+  float  : left;
   padding: .8em 0;
-  opacity: .7; }
+  opacity: .7;
+}
 
 .cd-timeline-content::before {
-  content: '';
-  position: absolute;
-  top: 16px;
-  right: 100%;
-  height: 0;
-  width: 0;
-  border: 7px solid transparent;
-  border-right: 7px solid #3c4853; }
+  content     : '';
+  position    : absolute;
+  top         : 16px;
+  right       : 100%;
+  height      : 0;
+  width       : 0;
+  border      : 7px solid transparent;
+  border-right: 7px solid #3c4853;
+}
 
 @media only screen and (min-width: 1170px) {
   .cd-timeline-content {
     margin-left: 0;
-    padding: 1.6em;
-    width: 45%; }
+    padding    : 1.6em;
+    width      : 45%;
+  }
 
   .cd-timeline-content::before {
-    top: 24px;
-    left: 100%;
-    border-color: transparent;
-    border-left-color: #3c4853; }
+    top              : 24px;
+    left             : 100%;
+    border-color     : transparent;
+    border-left-color: #3c4853;
+  }
 
   .cd-timeline-content .cd-read-more {
-    float: left; }
+    float: left;
+  }
 
   .cd-timeline-content .cd-date {
     position: absolute;
-    width: 100%;
-    left: 122%;
-    top: 6px; }
+    width   : 100%;
+    left    : 122%;
+    top     : 6px;
+  }
 
   .cd-timeline-block:nth-child(even) .cd-timeline-content {
-    float: right; }
+    float: right;
+  }
 
   .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
-    top: 24px;
-    left: auto;
-    right: 100%;
-    border-color: transparent;
-    border-right-color: #3c4853; }
+    top               : 24px;
+    left              : auto;
+    right             : 100%;
+    border-color      : transparent;
+    border-right-color: #3c4853;
+  }
 
   .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
-    float: right; }
+    float: right;
+  }
 
   .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
-    left: auto;
-    right: 122%;
-    text-align: right; }
+    left      : auto;
+    right     : 122%;
+    text-align: right;
+  }
 
   .cssanimations .cd-timeline-content.is-hidden {
-    visibility: hidden; }
+    visibility: hidden;
+  }
 
   .cssanimations .cd-timeline-content.bounce-in {
-    visibility: visible;
+    visibility       : visible;
     -webkit-animation: cd-bounce-2 0.6s;
-    -moz-animation: cd-bounce-2 0.6s;
-    animation: cd-bounce-2 0.6s; } }
+    -moz-animation   : cd-bounce-2 0.6s;
+    animation        : cd-bounce-2 0.6s;
+  }
+}
+
 @media only screen and (min-width: 1170px) {
   .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
     -webkit-animation: cd-bounce-2-inverse 0.6s;
-    -moz-animation: cd-bounce-2-inverse 0.6s;
-    animation: cd-bounce-2-inverse 0.6s; } }
+    -moz-animation   : cd-bounce-2-inverse 0.6s;
+    animation        : cd-bounce-2-inverse 0.6s;
+  }
+}
+
 /* Time line 2 */
 .timeline-2 {
   border-left: 2px solid #98a6ad;
-  position: relative; }
-  .timeline-2 .time-item:after {
-    background-color: #36404a;
-    border-color: #98a6ad;
-    border-radius: 10px;
-    border-style: solid;
-    border-width: 2px;
-    bottom: 0;
-    content: '';
-    height: 14px;
-    left: 0;
-    margin-left: -8px;
-    position: absolute;
-    top: 5px;
-    width: 14px; }
+  position   : relative;
+}
+
+.timeline-2 .time-item:after {
+  background-color: #36404a;
+  border-color    : #98a6ad;
+  border-radius   : 10px;
+  border-style    : solid;
+  border-width    : 2px;
+  bottom          : 0;
+  content         : '';
+  height          : 14px;
+  left            : 0;
+  margin-left     : -8px;
+  position        : absolute;
+  top             : 5px;
+  width           : 14px;
+}
 
 .time-item {
-  border-color: #dee5e7;
+  border-color  : #dee5e7;
   padding-bottom: 1px;
-  position: relative; }
-  .time-item:before {
-    content: " ";
-    display: table; }
-  .time-item:after {
-    background-color: #ffffff;
-    border-color: #98a6ad;
-    border-radius: 10px;
-    border-style: solid;
-    border-width: 2px;
-    bottom: 0;
-    content: '';
-    height: 14px;
-    left: 0;
-    margin-left: -8px;
-    position: absolute;
-    top: 5px;
-    width: 14px; }
+  position      : relative;
+}
+
+.time-item:before {
+  content: " ";
+  display: table;
+}
+
+.time-item:after {
+  background-color: #ffffff;
+  border-color    : #98a6ad;
+  border-radius   : 10px;
+  border-style    : solid;
+  border-width    : 2px;
+  bottom          : 0;
+  content         : '';
+  height          : 14px;
+  left            : 0;
+  margin-left     : -8px;
+  position        : absolute;
+  top             : 5px;
+  width           : 14px;
+}
 
 .time-item-item:after {
   content: " ";
-  display: table; }
+  display: table;
+}
 
 .item-info {
   margin-bottom: 15px;
-  margin-left: 15px; }
-  .item-info p {
-    margin-bottom: 10px !important; }
+  margin-left  : 15px;
+}
+
+.item-info p {
+  margin-bottom: 10px !important;
+}
 
 /* =============
    Email
 ============= */
 .mails a {
-  color: rgba(255, 255, 255, 0.7); }
+  color: rgba(255, 255, 255, 0.7);
+}
+
 .mails td {
   vertical-align: middle !important;
-  position: relative; }
-  .mails td:last-of-type {
-    width: 100px;
-    padding-right: 20px; }
+  position      : relative;
+}
+
+.mails td:last-of-type {
+  width        : 100px;
+  padding-right: 20px;
+}
+
 .mails tr:hover .text-white {
-  display: none; }
+  display: none;
+}
+
 .mails .mail-select {
-  padding: 12px 20px;
-  min-width: 134px; }
+  padding  : 12px 20px;
+  min-width: 134px;
+}
+
 .mails .checkbox {
-  margin-bottom: 0;
-  margin-top: 0;
+  margin-bottom : 0;
+  margin-top    : 0;
   vertical-align: middle;
-  display: inline-block;
-  height: 17px; }
-  .mails .checkbox label {
-    min-height: 16px; }
+  display       : inline-block;
+  height        : 17px;
+}
+
+.mails .checkbox label {
+  min-height: 16px;
+}
 
 .mail-list .list-group-item {
   background-color: transparent;
-  color: #ffffff; }
-  .mail-list .list-group-item:hover, .mail-list .list-group-item:focus {
-    background-color: transparent; }
+  color           : #ffffff;
+}
+
+.mail-list .list-group-item:hover,
+.mail-list .list-group-item:focus {
+  background-color: transparent;
+}
+
 .mail-list .list-group-item.active {
-  color: #f05050; }
+  color: #f05050;
+}
 
 .unread a {
   font-weight: 600;
-  color: #98a6ad; }
+  color      : #98a6ad;
+}
 
 /* =============
    Gallery
 ============= */
 .port {
-  padding-bottom: 20px; }
+  padding-bottom: 20px;
+}
 
 .portfolioFilter a {
-  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-  -moz-transition: all 0.3s ease-out;
-  -ms-transition: all 0.3s ease-out;
-  -o-transition: all 0.3s ease-out;
-  transition: all 0.3s ease-out;
+  -moz-box-shadow   : 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+  -moz-transition   : all 0.3s ease-out;
+  -ms-transition    : all 0.3s ease-out;
+  -o-transition     : all 0.3s ease-out;
+  transition        : all 0.3s ease-out;
   -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
   -webkit-transition: all 0.3s ease-out;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-  color: #98a6ad;
-  border-radius: 3px;
-  padding: 5px 10px;
-  display: inline-block;
-  margin-bottom: 5px; }
-  .portfolioFilter a:hover {
-    background-color: #33b5e5;
-    color: #ffffff; }
+  box-shadow        : 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+  color             : #98a6ad;
+  border-radius     : 3px;
+  padding           : 5px 10px;
+  display           : inline-block;
+  margin-bottom     : 5px;
+}
+
+.portfolioFilter a:hover {
+  background-color: #33b5e5;
+  color           : #ffffff;
+}
+
 .portfolioFilter a.current {
   background-color: #33b5e5;
-  color: #ffffff; }
+  color           : #ffffff;
+}
 
 .gallery-second a {
-  box-shadow: none !important;
-  font-weight: 600; }
-  .gallery-second a:hover {
-    background-color: transparent;
-    color: #33b5e5; }
+  box-shadow : none !important;
+  font-weight: 600;
+}
+
+.gallery-second a:hover {
+  background-color: transparent;
+  color           : #33b5e5;
+}
 
 .thumb {
   background-color: #3c4853;
-  border-radius: 3px;
-  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
-  margin-top: 30px;
-  padding-bottom: 10px;
-  padding-left: 10px;
-  padding-right: 10px;
-  padding-top: 10px;
-  width: 100%; }
+  border-radius   : 3px;
+  box-shadow      : 0 1px 1px 0 rgba(0, 0, 0, 0.1);
+  margin-top      : 30px;
+  padding-bottom  : 10px;
+  padding-left    : 10px;
+  padding-right   : 10px;
+  padding-top     : 10px;
+  width           : 100%;
+}
 
 .thumb-img {
   border-radius: 2px;
-  overflow: hidden;
-  width: 100%; }
+  overflow     : hidden;
+  width        : 100%;
+}
 
 .gal-detail h4 {
-  margin-top: 16px; }
+  margin-top: 16px;
+}
 
 /* Gallery Second */
 .portfolio-masonry-box {
-  overflow: hidden;
+  overflow  : hidden;
+  position  : relative;
+  padding   : 0;
+  margin-top: 20px;
+}
+
+.portfolio-masonry-box .portfolio-masonry-img {
   position: relative;
-  padding: 0;
-  margin-top: 20px; }
-  .portfolio-masonry-box .portfolio-masonry-img {
-    position: relative;
-    overflow: hidden; }
-    .portfolio-masonry-box .portfolio-masonry-img:after {
-      content: " ";
-      display: block;
-      width: 100%;
-      height: 100%;
-      position: absolute;
-      top: 0;
-      left: 0;
-      background: rgba(250, 250, 250, 0);
-      -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
-      -moz-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
-      -o-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
-      transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); }
-  .portfolio-masonry-box .portfolio-masonry-img > img {
-    -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
-    -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
-    -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
-    transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
-    border-radius: 0; }
-  .portfolio-masonry-box .portfolio-masonry-detail {
-    opacity: 0;
-    width: 100%;
-    padding: 20px 20px 0 20px;
-    box-sizing: border-box;
-    position: absolute;
-    left: 0;
-    text-align: center;
-    overflow: hidden;
-    -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
-    -moz-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
-    -o-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
-    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); }
-    .portfolio-masonry-box .portfolio-masonry-detail h4 {
-      margin-bottom: 3px;
-      color: #ffffff !important;
-      font-weight: bold; }
-    .portfolio-masonry-box .portfolio-masonry-detail p {
-      color: #ffffff !important;
-      text-transform: uppercase;
-      font-size: 12px; }
+  overflow: hidden;
+}
+
+.portfolio-masonry-box .portfolio-masonry-img:after {
+  content           : " ";
+  display           : block;
+  width             : 100%;
+  height            : 100%;
+  position          : absolute;
+  top               : 0;
+  left              : 0;
+  background        : rgba(250, 250, 250, 0);
+  -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
+  -moz-transition   : all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
+  -o-transition     : all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
+  transition        : all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
+}
+
+.portfolio-masonry-box .portfolio-masonry-img>img {
+  -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
+  -moz-transition   : all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
+  -o-transition     : all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
+  transition        : all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
+  border-radius     : 0;
+}
+
+.portfolio-masonry-box .portfolio-masonry-detail {
+  opacity           : 0;
+  width             : 100%;
+  padding           : 20px 20px 0 20px;
+  box-sizing        : border-box;
+  position          : absolute;
+  left              : 0;
+  text-align        : center;
+  overflow          : hidden;
+  -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
+  -moz-transition   : all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
+  -o-transition     : all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
+  transition        : all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
+}
+
+.portfolio-masonry-box .portfolio-masonry-detail h4 {
+  margin-bottom: 3px;
+  color        : #ffffff !important;
+  font-weight  : bold;
+}
+
+.portfolio-masonry-box .portfolio-masonry-detail p {
+  color         : #ffffff !important;
+  text-transform: uppercase;
+  font-size     : 12px;
+}
 
 .portfolio-masonry-box:hover .portfolio-masonry-detail {
   -webkit-transform: translateY(-100%);
-  -moz-transform: translateY(-100%);
-  transform: translateY(-100%);
-  z-index: 3;
-  opacity: 1; }
+  -moz-transform   : translateY(-100%);
+  transform        : translateY(-100%);
+  z-index          : 3;
+  opacity          : 1;
+}
+
 .portfolio-masonry-box:hover .portfolio-masonry-img:after {
-  background: rgba(54, 64, 74, 0.7); }
-.portfolio-masonry-box:hover .portfolio-masonry-img > img {
+  background: rgba(54, 64, 74, 0.7);
+}
+
+.portfolio-masonry-box:hover .portfolio-masonry-img>img {
   -webkit-transform: scale(1.05);
-  -moz-transform: scale(1.05);
-  -o-transform: scale(1.05);
-  -ms-transform: scale(1.05);
-  transform: scale(1.05); }
+  -moz-transform   : scale(1.05);
+  -o-transform     : scale(1.05);
+  -ms-transform    : scale(1.05);
+  transform        : scale(1.05);
+}
 
 /* =============
    Maintenance
 ============= */
 .icon-main {
-  font-size: 88px;
-  margin-bottom: 50px; }
+  font-size    : 88px;
+  margin-bottom: 50px;
+}
 
 .maintenance-page {
-  margin: 10% 0; }
+  margin: 10% 0;
+}
 
 /* =============
    Maps
 ============= */
-.gmaps, .gmaps-panaroma {
-  height: 300px;
-  background: #eeeeee;
-  border-radius: 3px; }
+.gmaps,
+.gmaps-panaroma {
+  height       : 300px;
+  background   : #eeeeee;
+  border-radius: 3px;
+}
 
 .gmaps-overlay {
-  display: block;
-  text-align: center;
-  color: #ffffff;
-  font-size: 16px;
-  line-height: 40px;
-  background: #5d9cec;
+  display      : block;
+  text-align   : center;
+  color        : #ffffff;
+  font-size    : 16px;
+  line-height  : 40px;
+  background   : #5d9cec;
   border-radius: 4px;
-  padding: 10px 20px; }
+  padding      : 10px 20px;
+}
 
 .gmaps-overlay_arrow {
-  left: 50%;
+  left       : 50%;
   margin-left: -16px;
-  width: 0;
-  height: 0;
-  position: absolute; }
+  width      : 0;
+  height     : 0;
+  position   : absolute;
+}
 
 .gmaps-overlay_arrow.above {
-  bottom: -15px;
-  border-left: 16px solid transparent;
+  bottom      : -15px;
+  border-left : 16px solid transparent;
   border-right: 16px solid transparent;
-  border-top: 16px solid #5d9cec; }
+  border-top  : 16px solid #5d9cec;
+}
 
 .gmaps-overlay_arrow.below {
-  top: -15px;
-  border-left: 16px solid transparent;
-  border-right: 16px solid transparent;
-  border-bottom: 16px solid #5d9cec; }
+  top          : -15px;
+  border-left  : 16px solid transparent;
+  border-right : 16px solid transparent;
+  border-bottom: 16px solid #5d9cec;
+}
 
-.jvectormap-zoomin, .jvectormap-zoomout {
-  width: 10px;
-  height: 10px;
-  line-height: 10px; }
+.jvectormap-zoomin,
+.jvectormap-zoomout {
+  width      : 10px;
+  height     : 10px;
+  line-height: 10px;
+}
 
 .jvectormap-zoomout {
-  top: 40px; }
+  top: 40px;
+}
 
 /* =============
    Nestable
 ============= */
 .custom-dd .dd-list .dd-item .dd-handle {
-  background: #414d59;
-  border: none;
-  padding: 8px 16px;
-  height: auto;
-  font-weight: 400;
+  background   : #414d59;
+  border       : none;
+  padding      : 8px 16px;
+  height       : auto;
+  font-weight  : 400;
   border-radius: 3px;
-  color: #98a6ad; }
-  .custom-dd .dd-list .dd-item .dd-handle:hover {
-    color: #33b5e5; }
+  color        : #98a6ad;
+}
+
+.custom-dd .dd-list .dd-item .dd-handle:hover {
+  color: #33b5e5;
+}
+
 .custom-dd .dd-list .dd-item button {
-  height: auto;
+  height   : auto;
   font-size: 17px;
-  margin: 8px auto;
-  color: #98a6ad;
-  width: 30px; }
+  margin   : 8px auto;
+  color    : #98a6ad;
+  width    : 30px;
+}
 
 .custom-dd-empty .dd-list .dd3-handle {
-  border: none;
+  border    : none;
   background: #414d59;
-  height: 36px;
-  width: 36px; }
-  .custom-dd-empty .dd-list .dd3-handle:before {
-    color: inherit;
-    top: 7px; }
-  .custom-dd-empty .dd-list .dd3-handle:hover {
-    color: #33b5e5; }
+  height    : 36px;
+  width     : 36px;
+}
+
+.custom-dd-empty .dd-list .dd3-handle:before {
+  color: inherit;
+  top  : 7px;
+}
+
+.custom-dd-empty .dd-list .dd3-handle:hover {
+  color: #33b5e5;
+}
+
 .custom-dd-empty .dd-list .dd3-content {
-  height: auto;
-  border: none;
-  padding: 8px 16px 8px 46px;
-  background: #414d59;
+  height     : auto;
+  border     : none;
+  padding    : 8px 16px 8px 46px;
+  background : #414d59;
   font-weight: 400;
-  color: #98a6ad; }
-  .custom-dd-empty .dd-list .dd3-content:hover {
-    color: #33b5e5; }
+  color      : #98a6ad;
+}
+
+.custom-dd-empty .dd-list .dd3-content:hover {
+  color: #33b5e5;
+}
+
 .custom-dd-empty .dd-list button {
-  width: 26px;
-  height: 26px;
-  font-size: 16px;
-  font-weight: 600; }
+  width      : 26px;
+  height     : 26px;
+  font-size  : 16px;
+  font-weight: 600;
+}
 
 /* =============
    Pricing
 ============= */
 .pricing-plan {
-  padding-bottom: 50px; }
+  padding-bottom: 50px;
+}
 
 .price_card {
-  -moz-border-radius: 5px;
-  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+  -moz-border-radius   : 5px;
+  -moz-box-shadow      : 0 1px 2px 0 rgba(0, 0, 0, 0.1);
   -webkit-border-radius: 5px;
-  background: #3c4853;
-  border-radius: 5px;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-  margin-bottom: 30px;
-  padding-bottom: 20px;
-  position: relative;
-  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); }
-  .price_card .name {
-    display: block;
-    font-size: 16px;
-    font-weight: 700;
-    padding: 0 0 30px;
-    text-align: center;
-    width: 100%; }
-  .price_card button {
-    margin-top: 20px; }
+  background           : #3c4853;
+  border-radius        : 5px;
+  box-shadow           : 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+  margin-bottom        : 30px;
+  padding-bottom       : 20px;
+  position             : relative;
+  -webkit-box-shadow   : 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+.price_card .name {
+  display    : block;
+  font-size  : 16px;
+  font-weight: 700;
+  padding    : 0 0 30px;
+  text-align : center;
+  width      : 100%;
+}
+
+.price_card button {
+  margin-top: 20px;
+}
 
 .pricing-header {
-  -moz-border-radius-topleft: 5px;
-  -moz-border-radius-topright: 5px;
-  -webkit-border-top-left-radius: 5px;
+  -moz-border-radius-topleft     : 5px;
+  -moz-border-radius-topright    : 5px;
+  -webkit-border-top-left-radius : 5px;
   -webkit-border-top-right-radius: 5px;
-  border-top-left-radius: 5px;
-  border-top-right-radius: 5px;
-  color: #ffffff; }
+  border-top-left-radius         : 5px;
+  border-top-right-radius        : 5px;
+  color                          : #ffffff;
+}
 
 .price {
-  display: block;
-  font-size: 48px;
+  display    : block;
+  font-size  : 48px;
   font-weight: 300;
-  padding: 30px 0 10px;
-  text-align: center;
-  width: 100%; }
+  padding    : 30px 0 10px;
+  text-align : center;
+  width      : 100%;
+}
 
 .price-features {
-  color: #98a6ad;
+  color     : #98a6ad;
   list-style: none;
-  margin: 0;
-  padding: 0;
-  text-align: center; }
-  .price-features li {
-    margin: 0 35px;
-    padding: 20px 15px; }
+  margin    : 0;
+  padding   : 0;
+  text-align: center;
+}
+
+.price-features li {
+  margin : 0 35px;
+  padding: 20px 15px;
+}
 
 .pricing-item {
-  margin: 0 0 30px;
-  position: relative;
-  text-align: center; }
+  margin    : 0 0 30px;
+  position  : relative;
+  text-align: center;
+}
 
 .pricing-item-inner {
-  -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
-  -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
-  -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
+  -moz-transition   : all 0.27s cubic-bezier(0, 0, 0.58, 1);
+  -ms-transition    : all 0.27s cubic-bezier(0, 0, 0.58, 1);
+  -o-transition     : all 0.27s cubic-bezier(0, 0, 0.58, 1);
   -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
-  border-radius: 7px;
-  border: 2px solid rgba(151, 160, 175, 0.2);
-  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
-  vertical-align: middle; }
+  border-radius     : 7px;
+  border            : 2px solid rgba(151, 160, 175, 0.2);
+  transition        : all 0.27s cubic-bezier(0, 0, 0.58, 1);
+  vertical-align    : middle;
+}
 
 .pricing-wrap {
-  -moz-box-sizing: border-box;
+  -moz-box-sizing   : border-box;
   -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  overflow: hidden;
-  padding: 30px 20px;
-  position: relative;
-  text-align: center; }
+  box-sizing        : border-box;
+  overflow          : hidden;
+  padding           : 30px 20px;
+  position          : relative;
+  text-align        : center;
+}
 
 .pricing-icon {
-  font-size: 32px;
+  font-size     : 32px;
   padding-bottom: 5px;
-  padding-top: 10px;
-  position: relative;
-  z-index: 1; }
+  padding-top   : 10px;
+  position      : relative;
+  z-index       : 1;
+}
 
 .pricing-title {
-  font-size: 16px;
-  font-weight: 700;
-  margin-bottom: 40px;
-  position: relative;
+  font-size     : 16px;
+  font-weight   : 700;
+  margin-bottom : 40px;
+  position      : relative;
   text-transform: uppercase;
-  z-index: 1; }
+  z-index       : 1;
+}
 
 .pr-list {
-  color: #97a0af;
-  font-size: 12px;
-  font-weight: 400;
-  margin: 0 -20px 30px;
-  padding: 0;
-  text-transform: uppercase; }
-  .pr-list li {
-    list-style: none;
-    padding: 12px 20px; }
+  color         : #97a0af;
+  font-size     : 12px;
+  font-weight   : 400;
+  margin        : 0 -20px 30px;
+  padding       : 0;
+  text-transform: uppercase;
+}
+
+.pr-list li {
+  list-style: none;
+  padding   : 12px 20px;
+}
 
 .pricing-num {
-  font-size: 40px;
+  font-size  : 40px;
   font-weight: 700;
-  line-height: 1; }
-  .pricing-num sup {
-    font-size: 18px;
-    font-weight: 400;
-    left: -3px;
-    margin-left: -7px;
-    position: relative;
-    top: -20px; }
+  line-height: 1;
+}
+
+.pricing-num sup {
+  font-size  : 18px;
+  font-weight: 400;
+  left       : -3px;
+  margin-left: -7px;
+  position   : relative;
+  top        : -20px;
+}
 
 .pr-per {
-  color: #97a0af;
-  font-size: 12px; }
+  color    : #97a0af;
+  font-size: 12px;
+}
 
 .pr-button {
-  margin-top: 30px; }
+  margin-top: 30px;
+}
 
 /* =============
    Profile
 ============= */
 .profile-detail {
   text-align: center;
-  padding: 30px 20px; }
-  .profile-detail img {
-    height: 120px;
-    width: 120px; }
-  .profile-detail .status-list li {
-    padding: 0 20px; }
+  padding   : 30px 20px;
+}
+
+.profile-detail img {
+  height: 120px;
+  width : 120px;
+}
+
+.profile-detail .status-list li {
+  padding: 0 20px;
+}
 
 .profile-tabs li a {
-  color: #36404a !important; }
+  color: #36404a !important;
+}
+
 .profile-tabs li.active a {
-  color: #ffffff !important; }
+  color: #ffffff !important;
+}
 
 .profile-pills li a {
-  color: rgba(255, 255, 255, 0.5) !important;
-  padding: 0 10px;
-  line-height: 30px !important; }
-  .profile-pills li a i {
-    font-size: 14px; }
+  color      : rgba(255, 255, 255, 0.5) !important;
+  padding    : 0 10px;
+  line-height: 30px !important;
+}
+
+.profile-pills li a i {
+  font-size: 14px;
+}
 
 .comment {
-  padding-top: 12px; }
-  .comment .comment-avatar {
-    position: relative;
-    -webkit-border-radius: 3px;
-    -webkit-background-clip: padding-box;
-    -moz-border-radius: 3px;
-    -moz-background-clip: padding;
-    border-radius: 3px;
-    background-clip: padding-box;
-    display: block;
-    float: left;
-    height: 32px;
-    width: 32px; }
-  .comment .comment-body {
-    float: none;
-    margin-left: 40px;
-    position: relative; }
-  .comment .comment-text {
-    border: 1px solid #414d59;
-    border-radius: 2px;
-    padding: 7px 12px 8px; }
-  .comment .comment-header {
-    font-size: 12px;
-    padding-bottom: 2px; }
-    .comment .comment-header a {
-      color: #98a6ad;
-      font-weight: bold; }
-    .comment .comment-header span {
-      color: #98a6ad;
-      display: inline-block;
-      font-size: 11px;
-      margin-left: 5px; }
-  .comment .comment-footer {
-    display: block;
-    font-size: 12px;
-    padding: 4px 12px 0; }
-    .comment .comment-footer i {
-      font-size: 13px;
-      margin-right: 7px; }
-  .comment .comment-footer, .comment .comment-footer a {
-    color: rgba(255, 255, 255, 0.5); }
-    .comment .comment-footer:hover, .comment .comment-footer a:hover {
-      color: #33b5e5; }
+  padding-top: 12px;
+}
 
-.comment > .comment {
-  margin-left: 32px !important; }
+.comment .comment-avatar {
+  position               : relative;
+  -webkit-border-radius  : 3px;
+  -webkit-background-clip: padding-box;
+  -moz-border-radius     : 3px;
+  -moz-background-clip   : padding;
+  border-radius          : 3px;
+  background-clip        : padding-box;
+  display                : block;
+  float                  : left;
+  height                 : 32px;
+  width                  : 32px;
+}
+
+.comment .comment-body {
+  float      : none;
+  margin-left: 40px;
+  position   : relative;
+}
+
+.comment .comment-text {
+  border       : 1px solid #414d59;
+  border-radius: 2px;
+  padding      : 7px 12px 8px;
+}
+
+.comment .comment-header {
+  font-size     : 12px;
+  padding-bottom: 2px;
+}
+
+.comment .comment-header a {
+  color      : #98a6ad;
+  font-weight: bold;
+}
+
+.comment .comment-header span {
+  color      : #98a6ad;
+  display    : inline-block;
+  font-size  : 11px;
+  margin-left: 5px;
+}
+
+.comment .comment-footer {
+  display  : block;
+  font-size: 12px;
+  padding  : 4px 12px 0;
+}
+
+.comment .comment-footer i {
+  font-size   : 13px;
+  margin-right: 7px;
+}
+
+.comment .comment-footer,
+.comment .comment-footer a {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.comment .comment-footer:hover,
+.comment .comment-footer a:hover {
+  color: #33b5e5;
+}
+
+.comment>.comment {
+  margin-left: 32px !important;
+}
 
 /* =============
   sitemap
 ============= */
 .sitemap-wrapper a {
-  color: #98a6ad; }
-  .sitemap-wrapper a:hover {
-    color: #33b5e5; }
+  color: #98a6ad;
+}
+
+.sitemap-wrapper a:hover {
+  color: #33b5e5;
+}
+
 .sitemap-wrapper h5 {
   font-weight: 600;
-  font-size: 16px;
-  line-height: 32px; }
-  .sitemap-wrapper h5 i {
-    padding-right: 10px; }
+  font-size  : 16px;
+  line-height: 32px;
+}
+
+.sitemap-wrapper h5 i {
+  padding-right: 10px;
+}
+
 .sitemap-wrapper ul {
-  padding-left: 30px; }
-  .sitemap-wrapper ul li a {
-    font-size: 15px;
-    line-height: 30px; }
+  padding-left: 30px;
+}
+
+.sitemap-wrapper ul li a {
+  font-size  : 15px;
+  line-height: 30px;
+}
 
 /* =============
   FAQ
 ============= */
 .faq-box {
-  padding: 24px 0;
-  border-bottom: 1px solid #4c5a67; }
-  .faq-box .question {
-    font-weight: 600;
-    font-size: 16px;
-    margin-top: 0; }
-  .faq-box .answer {
-    color: #98a6ad;
-    margin-bottom: 0; }
+  padding      : 24px 0;
+  border-bottom: 1px solid #4c5a67;
+}
+
+.faq-box .question {
+  font-weight: 600;
+  font-size  : 16px;
+  margin-top : 0;
+}
+
+.faq-box .answer {
+  color        : #98a6ad;
+  margin-bottom: 0;
+}
 
 /* =============
   Search result
 ============= */
 .search-result-box .tab-content {
-  padding: 30px 30px 10px 30px;
-  box-shadow: none; }
+  padding   : 30px 30px 10px 30px;
+  box-shadow: none;
+}
+
 .search-result-box .search-item {
   padding-bottom: 20px;
-  border-bottom: 1px solid #4c5a67;
-  margin-bottom: 30px; }
+  border-bottom : 1px solid #4c5a67;
+  margin-bottom : 30px;
+}
 
 /* =============
   Contact
 ============= */
 .contact-search .btn-white {
-  position: absolute;
-  top: 1px;
-  right: 16px;
+  position        : absolute;
+  top             : 1px;
+  right           : 16px;
   background-color: transparent !important;
-  border: none !important;
-  font-size: 16px;
-  box-shadow: none !important;
-  outline: none !important;
-  color: #98a6ad !important; }
+  border          : none !important;
+  font-size       : 16px;
+  box-shadow      : none !important;
+  outline         : none !important;
+  color           : #98a6ad !important;
+}
 
 .contact-card {
-  position: relative; }
-  .contact-card:hover .contact-action {
-    display: block; }
-  .contact-card img {
-    width: 80px;
-    height: 80px; }
-  .contact-card .member-info {
-    padding-left: 100px;
-    padding-bottom: 20px; }
-    .contact-card .member-info h4, .contact-card .member-info p {
-      display: block;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      width: 100%;
-      white-space: nowrap; }
-  .contact-card .contact-action {
-    position: absolute;
-    right: 0;
-    top: 0;
-    display: none; }
+  position: relative;
+}
+
+.contact-card:hover .contact-action {
+  display: block;
+}
+
+.contact-card img {
+  width : 80px;
+  height: 80px;
+}
+
+.contact-card .member-info {
+  padding-left  : 100px;
+  padding-bottom: 20px;
+}
+
+.contact-card .member-info h4,
+.contact-card .member-info p {
+  display      : block;
+  overflow     : hidden;
+  text-overflow: ellipsis;
+  width        : 100%;
+  white-space  : nowrap;
+}
+
+.contact-card .contact-action {
+  position: absolute;
+  right   : 0;
+  top     : 0;
+  display : none;
+}
 
 /* =============
   Opportunities
 ============= */
 .opport-box .checkbx-detail {
-  width: 30px; }
+  width: 30px;
+}
+
 .opport-box .lable-detail {
   text-align: center;
-  width: 20%; }
+  width     : 20%;
+}
+
 .opport-box .member-info {
-  padding-right: 10px; }
-  .opport-box .member-info h4 {
-    font-size: 16px;
-    display: block;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis; }
-  .opport-box .member-info p {
-    font-size: 13px;
-    display: block;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis; }
+  padding-right: 10px;
+}
+
+.opport-box .member-info h4 {
+  font-size    : 16px;
+  display      : block;
+  white-space  : nowrap;
+  overflow     : hidden;
+  text-overflow: ellipsis;
+}
+
+.opport-box .member-info p {
+  font-size    : 13px;
+  display      : block;
+  white-space  : nowrap;
+  overflow     : hidden;
+  text-overflow: ellipsis;
+}
 
 /* =============
   Product
 ============= */
 .product-list-box {
-  position: relative; }
-  .product-list-box img {
-    height: auto;
-    margin: 0 auto;
-    display: block; }
-  .product-list-box .product-action {
-    position: absolute;
-    right: 20px;
-    top: 20px;
-    display: none; }
-  .product-list-box .price-tag {
-    float: right;
-    height: 64px;
-    width: 64px;
-    text-align: center;
-    line-height: 64px;
-    background-color: rgba(152, 166, 173, 0.2);
-    border: 1px solid #98a6ad;
-    border-radius: 50%;
-    margin-top: 20px;
-    font-size: 18px;
-    font-weight: 600;
-    margin-right: 10px; }
-  .product-list-box .detail {
-    padding: 20px;
-    margin: 0px -10px -10px;
-    overflow: hidden; }
-    .product-list-box .detail h4 a {
-      white-space: nowrap;
-      display: block;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      font-weight: 600; }
-  .product-list-box:hover .product-action {
-    display: block; }
+  position: relative;
+}
+
+.product-list-box img {
+  height : auto;
+  margin : 0 auto;
+  display: block;
+}
+
+.product-list-box .product-action {
+  position: absolute;
+  right   : 20px;
+  top     : 20px;
+  display : none;
+}
+
+.product-list-box .price-tag {
+  float           : right;
+  height          : 64px;
+  width           : 64px;
+  text-align      : center;
+  line-height     : 64px;
+  background-color: rgba(152, 166, 173, 0.2);
+  border          : 1px solid #98a6ad;
+  border-radius   : 50%;
+  margin-top      : 20px;
+  font-size       : 18px;
+  font-weight     : 600;
+  margin-right    : 10px;
+}
+
+.product-list-box .detail {
+  padding : 20px;
+  margin  : 0px -10px -10px;
+  overflow: hidden;
+}
+
+.product-list-box .detail h4 a {
+  white-space  : nowrap;
+  display      : block;
+  overflow     : hidden;
+  text-overflow: ellipsis;
+  font-weight  : 600;
+}
+
+.product-list-box:hover .product-action {
+  display: block;
+}
 
 .rating ul {
-  margin-left: 0; }
-  .rating ul li {
-    padding: 0; }
-    .rating ul li a {
-      color: #ffbd4a;
-      font-size: 15px;
-      margin-bottom: 0; }
+  margin-left: 0;
+}
+
+.rating ul li {
+  padding: 0;
+}
+
+.rating ul li a {
+  color        : #ffbd4a;
+  font-size    : 15px;
+  margin-bottom: 0;
+}
 
 .product-search {
-  border-radius: 30px;
-  padding: 7px 22px;
+  border-radius   : 30px;
+  padding         : 7px 22px;
   background-color: transparent !important;
-  border: 2px solid #98a6ad !important; }
+  border          : 2px solid #98a6ad !important;
+}
 
 .product-detail-box .sp-wrap {
-  max-width: 100%; }
+  max-width: 100%;
+}
 
 /* =============
    Accounts pages
 ============= */
 .account-pages {
   position: absolute;
-  height: 100%;
-  width: 100%;
-  top: 0; }
+  height  : 100%;
+  width   : 100%;
+  top     : 0;
+}
 
 .wrapper-page {
-  margin: 5% auto;
+  margin  : 5% auto;
   position: relative;
-  width: 420px; }
-  .wrapper-page .card-box {
-    border: 1px solid rgba(54, 64, 74, 0.1); }
+  width   : 420px;
+}
+
+.wrapper-page .card-box {
+  border: 1px solid rgba(54, 64, 74, 0.1);
+}
 
 .panel-pages {
-  border-radius: 6px; }
-  .panel-pages .panel-body {
-    padding: 30px; }
-  .panel-pages .panel-heading {
-    -moz-border-radius: 6px 6px 0 0;
-    -webkit-border-radius: 6px 6px 0 0;
-    border-radius: 6px 6px 0 0;
-    padding: 40px 20px;
-    position: relative; }
-    .panel-pages .panel-heading h3 {
-      position: relative;
-      z-index: 999; }
+  border-radius: 6px;
+}
+
+.panel-pages .panel-body {
+  padding: 30px;
+}
+
+.panel-pages .panel-heading {
+  -moz-border-radius   : 6px 6px 0 0;
+  -webkit-border-radius: 6px 6px 0 0;
+  border-radius        : 6px 6px 0 0;
+  padding              : 40px 20px;
+  position             : relative;
+}
+
+.panel-pages .panel-heading h3 {
+  position: relative;
+  z-index : 999;
+}
 
 .user-thumb {
   position: relative;
-  z-index: 999; }
-  .user-thumb img {
-    height: 88px;
-    margin: 0 auto;
-    width: 88px; }
+  z-index : 999;
+}
+
+.user-thumb img {
+  height: 88px;
+  margin: 0 auto;
+  width : 88px;
+}
 
 .ex-page-content .text-error {
-  color: #252932;
-  font-size: 98px;
+  color      : #252932;
+  font-size  : 98px;
   font-weight: 700;
-  line-height: 150px; }
-  .ex-page-content .text-error i {
-    font-size: 78px;
-    padding: 0 10px; }
+  line-height: 150px;
+}
+
+.ex-page-content .text-error i {
+  font-size: 78px;
+  padding  : 0 10px;
+}
 
 /* signup-signin-page */
 .signup-signin-page {
-  width: auto; }
+  width: auto;
+}
 
 /* =============
    Tree view page
 ============= */
 .jstree-default .jstree-clicked {
   background: rgba(95, 190, 170, 0.4);
-  box-shadow: none; }
+  box-shadow: none;
+}
+
 .jstree-default .jstree-hovered {
   background: rgba(95, 190, 170, 0.2);
-  box-shadow: none; }
+  box-shadow: none;
+}
+
 .jstree-default .jstree-wholerow-clicked {
-  background: rgba(95, 190, 170, 0.4); }
+  background: rgba(95, 190, 170, 0.4);
+}
+
 .jstree-default .jstree-wholerow-hovered {
-  background: rgba(95, 190, 170, 0.2); }
+  background: rgba(95, 190, 170, 0.2);
+}
+
 .jstree-default .zmdi {
-  font-size: 16px; }
+  font-size: 16px;
+}
 
 /* =============
    Tour page
 ============= */
 div.hopscotch-bubble {
-  border: 3px solid #5d9cec;
-  border-radius: 5px; }
-  div.hopscotch-bubble .hopscotch-next {
-    background-color: #5d9cec !important;
-    background-image: none !important;
-    border-color: #5d9cec !important;
-    text-shadow: none !important;
-    margin: 0 0 0 5px !important; }
-  div.hopscotch-bubble .hopscotch-prev {
-    background-color: #5d9cec !important;
-    background-image: none !important;
-    border-color: #5d9cec !important;
-    text-shadow: none !important;
-    color: #ffffff !important; }
+  border       : 3px solid #5d9cec;
+  border-radius: 5px;
+}
+
+div.hopscotch-bubble .hopscotch-next {
+  background-color: #5d9cec !important;
+  background-image: none !important;
+  border-color    : #5d9cec !important;
+  text-shadow     : none !important;
+  margin          : 0 0 0 5px !important;
+}
+
+div.hopscotch-bubble .hopscotch-prev {
+  background-color: #5d9cec !important;
+  background-image: none !important;
+  border-color    : #5d9cec !important;
+  text-shadow     : none !important;
+  color           : #ffffff !important;
+}
 
 div.hopscotch-bubble .hopscotch-bubble-number {
-  background: #33b5e5;
-  padding: 0;
-  border-radius: 50%; }
+  background   : #33b5e5;
+  padding      : 0;
+  border-radius: 50%;
+}
 
 div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
-  border-right: 19px solid #5d9cec; }
+  border-right: 19px solid #5d9cec;
+}
 
 div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
   border-left: 19px solid #5d9cec;
-  left: -2px; }
+  left       : -2px;
+}
 
 div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
-  border: none; }
+  border: none;
+}
 
 div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
-  border-left: 0 solid #5d9cec; }
+  border-left: 0 solid #5d9cec;
+}
 
 div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
   border-bottom: 19px solid #5d9cec;
-  top: 0; }
+  top          : 0;
+}
 
 div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
-  border-bottom: 0 solid rgba(0, 0, 0, 0.5); }
+  border-bottom: 0 solid rgba(0, 0, 0, 0.5);
+}
 
 div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
   border-top: 19px solid #5d9cec;
-  top: -2px; }
+  top       : -2px;
+}
 
 div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
-  border-top: 0 solid rgba(0, 0, 0, 0.5); }
+  border-top: 0 solid rgba(0, 0, 0, 0.5);
+}
 
 /* =============
   Task board
 ============= */
 .taskList li {
-  background-color: #3c4853;
-  border: 1px solid rgba(152, 166, 173, 0.2);
+  background-color : #3c4853;
+  border           : 1px solid rgba(152, 166, 173, 0.2);
   border-left-width: 3px;
-  border-radius: 3px;
-  padding: 10px;
-  margin-bottom: 15px; }
+  border-radius    : 3px;
+  padding          : 10px;
+  margin-bottom    : 15px;
+}
+
 .taskList .task-success {
-  border-left-color: #81c868; }
+  border-left-color: #81c868;
+}
+
 .taskList .task-info {
-  border-left-color: #34d3eb; }
+  border-left-color: #34d3eb;
+}
+
 .taskList .task-warning {
-  border-left-color: #ffbd4a; }
+  border-left-color: #ffbd4a;
+}
+
 .taskList .task-danger {
-  border-left-color: #f05050; }
+  border-left-color: #f05050;
+}
+
 .taskList a {
-  font-size: 13px; }
+  font-size: 13px;
+}
+
 .taskList .checkbox {
-  margin-left: 20px; }
+  margin-left: 20px;
+}
 
 .task-placeholder {
-  border: 1px dashed rgba(152, 166, 173, 0.5) !important;
+  border          : 1px dashed rgba(152, 166, 173, 0.5) !important;
   background-color: rgba(152, 166, 173, 0.2) !important;
-  padding: 20px; }
+  padding         : 20px;
+}
 
 @media only screen and (max-width: 6000px) and (min-width: 700px) {
   .wrapper.right-bar-enabled .right-bar {
-    right: 0;
-    z-index: 99; } }
+    right  : 0;
+    z-index: 99;
+  }
+}
+
 @media (min-width: 768px) and (max-width: 1024px) {
   .email-msg {
-    display: none; } }
+    display: none;
+  }
+}
+
 @media (min-width: 768px) and (max-width: 991px) {
   body {
-    overflow-x: hidden; } }
+    overflow-x: hidden;
+  }
+}
+
 @media (max-width: 767px) {
   body {
-    overflow-x: hidden; }
+    overflow-x: hidden;
+  }
 
   .app-search {
-    display: none; }
+    display: none;
+  }
 
-  .left.side-menu, .sidebar-inner.slimscrollleft {
-    overflow: auto !important; }
+  .left.side-menu,
+  .sidebar-inner.slimscrollleft {
+    overflow: auto !important;
+  }
 
   .enlarged .left.side-menu {
-    margin-left: -75px; }
+    margin-left: -75px;
+  }
 
   .content-page {
-    margin-left: 0px !important; }
+    margin-left: 0px !important;
+  }
 
   .footer {
-    left: 0px !important; }
+    left: 0px !important;
+  }
 
   .mobile-sidebar {
-    left: 0px; }
+    left: 0px;
+  }
 
   .mobile-content {
-    left: 250px;
-    right: -250px; }
+    left : 250px;
+    right: -250px;
+  }
 
   .wrapper-page {
-    width: 90%; }
+    width: 90%;
+  }
 
-  .wizard > .steps > ul > li {
-    width: 100%; }
-
-  .wizard > .content {
-    padding: 0px !important; }
-
-  .wizard > .content > .body {
-    float: none;
-    position: relative;
+  .wizard>.steps>ul>li {
     width: 100%;
-    height: 100%;
-    padding: 0%; }
+  }
 
-  .wizard.vertical > .steps {
-    display: inline;
-    float: none;
-    width: 100%; }
+  .wizard>.content {
+    padding: 0px !important;
+  }
 
-  .wizard.vertical > .content {
+  .wizard>.content>.body {
+    float   : none;
+    position: relative;
+    width   : 100%;
+    height  : 100%;
+    padding : 0%;
+  }
+
+  .wizard.vertical>.steps {
     display: inline;
-    float: none;
-    margin: 0%;
-    width: 100%; }
+    float  : none;
+    width  : 100%;
+  }
+
+  .wizard.vertical>.content {
+    display: inline;
+    float  : none;
+    margin : 0%;
+    width  : 100%;
+  }
 
   .navbar-nav .open .dropdown-menu {
     background-color: #ffffff;
-    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
-    left: auto;
-    position: absolute;
-    right: 0; }
+    box-shadow      : 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+    left            : auto;
+    position        : absolute;
+    right           : 0;
+  }
 
   .todo-send {
-    margin-top: 10px;
-    padding-left: 15px; }
+    margin-top  : 10px;
+    padding-left: 15px;
+  }
 
   .chat-inputbar {
-    padding-left: 15px; }
+    padding-left: 15px;
+  }
 
   .chat-send {
-    margin-top: 10px;
-    padding-left: 15px;
-    padding-right: 15px; }
+    margin-top   : 10px;
+    padding-left : 15px;
+    padding-right: 15px;
+  }
 
   .dataTables_wrapper .col-xs-6 {
-    width: 100%;
-    text-align: left; }
+    width     : 100%;
+    text-align: left;
+  }
 
   .product-search {
-    margin-bottom: 30px; }
+    margin-bottom: 30px;
+  }
 
   .top-menu-item-xs {
-    display: inline-flex !important; }
+    display: inline-flex !important;
+  }
 
   .dropdown-menu-lg {
-    width: 240px !important; } }
+    width: 240px !important;
+  }
+}
+
 @media (max-width: 480px) {
   .navbar-custom {
-    margin-left: 70px !important; }
+    margin-left: 70px !important;
+  }
 
   .side-menu {
-    z-index: 10 !important; }
+    z-index: 10 !important;
+  }
 
   .button-menu-mobile {
-    display: block; }
+    display: block;
+  }
 
   .search-bar {
-    display: none !important; }
+    display: none !important;
+  }
 
   .ms-container {
-    width: 100%; }
+    width: 100%;
+  }
 
   #btn-fullscreen {
-    display: none; } }
+    display: none;
+  }
+}
+
 @media (max-width: 420px) {
   .hide-phone {
-    display: none !important; } }
+    display: none !important;
+  }
+}
+
 /* Container-alt */
 @media (min-width: 768px) {
   .container-alt {
-    width: 750px; } }
+    width: 750px;
+  }
+}
+
 @media (min-width: 992px) {
   .container-alt {
-    width: 970px; } }
+    width: 970px;
+  }
+}
+
 @media (min-width: 1200px) {
   .container-alt {
-    width: 1170px; } }
+    width: 1170px;
+  }
+}
+
 @media (max-width: 419px) {
   .topbar-left {
-    width: 70px !important; }
+    width: 70px !important;
+  }
 
   .logo .icon-c-logo {
-    display: inline-block !important;
-    line-height: 58px !important; }
+    display    : inline-block !important;
+    line-height: 58px !important;
+  }
+
   .logo span {
-    display: none !important; }
+    display: none !important;
+  }
 
   .content-page {
-    margin-left: 70px; }
+    margin-left: 70px;
+  }
 
   .forced .side-menu.left {
-    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.1); }
+    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.1);
+  }
 
   .enlarged .side-menu.left {
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important; }
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
+  }
 
-  .conversation-list .conversation-text, .conversation-list .odd .conversation-text {
-    width: 100% !important; } }
+  .conversation-list .conversation-text,
+  .conversation-list .odd .conversation-text {
+    width: 100% !important;
+  }
+}
 
-/*# sourceMappingURL=style.css.map */
+/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/Monitor/wwwroot/assets/js/circlos.js b/Monitor/wwwroot/assets/js/circlos.js
new file mode 100644
index 0000000..ea43c03
--- /dev/null
+++ b/Monitor/wwwroot/assets/js/circlos.js
@@ -0,0 +1,62 @@
+/*
+jQuery-Circle-Plugin v0.1 by Jamal hassouni
+https://github.com/jamalhassouni
+*/
+(function ($) {
+
+	// circle animation pluqins by jamal hassouni 
+	$.fn.circlos = function () {
+		// deafualt options 
+		var DEFAULTS = {
+			backgroundColor: '#b3cef6', // default background color 
+			progressColor: '#4b86db', // default progress color 
+			percent: 75, // default percent value
+			duration: 2000 // default duration value 
+		};	
+		
+		$(this).each(function () {
+			var $target  = $(this);
+              // options of circle 	
+			var options = {
+             // if isset value of background if not use the default value of background color 
+			backgroundColor: $target.data('color') ? $target.data('color').split(',')[0] : DEFAULTS.backgroundColor,
+		     // if isset value of progress if not use the default value of progress color 
+			progressColor: $target.data('color') ? $target.data('color').split(',')[1] : DEFAULTS.progressColor,
+			  // if isset value of percent  if not use the default value of percent  
+			percent: $target.data('percent') ? $target.data('percent') : DEFAULTS.percent,
+			 // if isset value of duration if not use the default value of duration
+			duration: $target.data('duration') ? $target.data('duration') : DEFAULTS.duration
+			};
+			 console.log(options);
+	         // add divs for structure
+			$target.append('<div class="background"></div><div class="rotate"></div><div class="left"></div><div class="right"></div><div class=""><span>' + options.percent + '%</span></div>');
+	         // change style of the circle with the options values 
+			$target.find('.background').css('background-color', options.backgroundColor);
+			$target.find('.left').css('background-color', options.backgroundColor);
+			$target.find('.rotate').css('background-color', options.progressColor);
+			$target.find('.right').css('background-color', options.progressColor);
+	
+			var $rotate = $target.find('.rotate');
+			setTimeout(function () {	
+				$rotate.css({
+					'transition': 'transform ' + options.duration + 'ms linear',
+					'transform': 'rotate(' + options.percent * 3.6 + 'deg)'
+				});
+			},1);		
+
+			if (options.percent > 50) {
+				// add animation for the right class and left class 
+				var animationRight = 'toggle ' + (options.duration / options.percent * 50) + 'ms step-end';
+				var animationLeft = 'toggle ' + (options.duration / options.percent * 50) + 'ms step-start';  
+				$target.find('.right').css({
+					animation: animationRight,
+					opacity: 1
+				});
+				$target.find('.left').css({
+					animation: animationLeft,
+					opacity: 0
+				});
+			} 
+		});
+	}
+})(jQuery);