From 00ced6c79f912976f18072ae56b340b5335ab9fa Mon Sep 17 00:00:00 2001
From: alekseybobkov <aleksey.bobkov@gmail.com>
Date: Sun, 28 Feb 2016 19:52:21 -0800
Subject: [PATCH] UI update

---
 modules/backend/ServiceProvider.php           |    8 +-
 modules/backend/assets/css/october.css        | 5547 +++--------------
 .../assets/less/controls/filelist.less        |   16 +-
 .../assets/less/controls/treeview.less        |   18 +-
 .../assets/less/layout/fancylayout.less       |  123 +-
 .../backend/assets/less/layout/mainmenu.less  |    2 +-
 .../assets/less/layout/outerlayout.less       |   21 +
 .../backend/assets/less/layout/sidenav.less   |    4 -
 .../backend/assets/less/layout/sidepanel.less |   32 +-
 .../codeeditor/assets/css/codeeditor.css      |    4 +-
 .../richeditor/assets/css/richeditor.css      |   20 +-
 modules/backend/lang/en/lang.php              |    2 +-
 modules/cms/ServiceProvider.php               |    2 +-
 modules/cms/assets/css/october.components.css |    7 +-
 .../cms/assets/css/october.theme-selector.css |    2 +-
 .../cms/assets/less/october.components.less   |    7 +-
 modules/cms/widgets/TemplateList.php          |    4 +
 .../assetlist/assets/css/assetlist.css        |   45 +-
 .../widgets/assetlist/assets/js/assetlist.js  |    3 +
 .../assetlist/assets/less/assetlist.less      |   31 +-
 .../widgets/assetlist/partials/_toolbar.htm   |    6 +-
 .../mediamanager/partials/_rename-form.htm    |    2 +-
 .../templatelist/partials/_toolbar.htm        |    6 +-
 modules/system/ServiceProvider.php            |    2 +-
 modules/system/assets/css/styles.css          |   38 +-
 modules/system/assets/css/updates/details.css |   20 +-
 modules/system/assets/css/updates/updates.css |    2 +-
 .../system/assets/less/updates/details.less   |    1 -
 .../system/assets/ui/js/inspector.surface.js  |    2 +-
 modules/system/assets/ui/less/breadcrumb.less |   52 +-
 .../system/assets/ui/less/button.base.less    |    2 +-
 .../system/assets/ui/less/button.mixins.less  |    6 +-
 .../assets/ui/less/button.variables.less      |    4 +-
 modules/system/assets/ui/less/dropdown.less   |   10 +-
 .../system/assets/ui/less/flashmessage.less   |    4 +-
 modules/system/assets/ui/less/form.base.less  |    2 +-
 modules/system/assets/ui/less/form.less       |    4 +-
 modules/system/assets/ui/less/inspector.less  |   10 +-
 modules/system/assets/ui/less/list.less       |    2 +-
 modules/system/assets/ui/less/popover.less    |   12 +-
 modules/system/assets/ui/less/select.less     |    5 +-
 modules/system/assets/ui/less/tab.less        |   20 +-
 modules/system/assets/ui/less/toolbar.less    |   43 +
 modules/system/assets/ui/storm-min.js         |    2 +-
 modules/system/assets/ui/storm.css            |   77 +-
 45 files changed, 1370 insertions(+), 4862 deletions(-)

diff --git a/modules/backend/ServiceProvider.php b/modules/backend/ServiceProvider.php
index 464a371d5..0651565d5 100644
--- a/modules/backend/ServiceProvider.php
+++ b/modules/backend/ServiceProvider.php
@@ -66,13 +66,13 @@ class ServiceProvider extends ModuleServiceProvider
     protected function registerAssetBundles()
     {
         CombineAssets::registerCallback(function($combiner) {
-            // $combiner->registerBundle('~/modules/backend/assets/less/october.less');
+            $combiner->registerBundle('~/modules/backend/assets/less/october.less');
             $combiner->registerBundle('~/modules/backend/assets/js/october.js');
             $combiner->registerBundle('~/modules/backend/widgets/table/assets/js/build.js');
-            // $combiner->registerBundle('~/modules/backend/formwidgets/datepicker/assets/js/build.js');
-            // $combiner->registerBundle('~/modules/backend/formwidgets/richeditor/assets/less/richeditor.less');
+            $combiner->registerBundle('~/modules/backend/formwidgets/datepicker/assets/js/build.js');
+            $combiner->registerBundle('~/modules/backend/formwidgets/richeditor/assets/less/richeditor.less');
             $combiner->registerBundle('~/modules/backend/formwidgets/richeditor/assets/js/build.js');
-            // $combiner->registerBundle('~/modules/backend/formwidgets/codeeditor/assets/less/codeeditor.less');
+            $combiner->registerBundle('~/modules/backend/formwidgets/codeeditor/assets/less/codeeditor.less');
             $combiner->registerBundle('~/modules/backend/formwidgets/codeeditor/assets/js/build.js');
             $combiner->registerBundle('~/modules/backend/formwidgets/fileupload/assets/less/fileupload.less');
         });
diff --git a/modules/backend/assets/css/october.css b/modules/backend/assets/css/october.css
index fc228c49a..fb789c2de 100644
--- a/modules/backend/assets/css/october.css
+++ b/modules/backend/assets/css/october.css
@@ -1,4623 +1,924 @@
-@import "../vendor/jcrop/css/jquery.Jcrop.min.css";
-@import "../../../system/assets/vendor/prettify/prettify.css";
-@import "../../../system/assets/vendor/prettify/theme-desert.css";
-@-webkit-keyframes showSweetAlert {
-  0% {
-    transform: scale(0.7);
-    -webkit-transform: scale(0.7);
-  }
-  45% {
-    transform: scale(1.05);
-    -webkit-transform: scale(1.05);
-  }
-  80% {
-    transform: scale(0.95);
-    -webkit-tranform: scale(0.95);
-  }
-  100% {
-    transform: scale(1);
-    -webkit-transform: scale(1);
-  }
-}
-@keyframes showSweetAlert {
-  0% {
-    transform: scale(0.7);
-    -webkit-transform: scale(0.7);
-  }
-  45% {
-    transform: scale(1.05);
-    -webkit-transform: scale(1.05);
-  }
-  80% {
-    transform: scale(0.95);
-    -webkit-tranform: scale(0.95);
-  }
-  100% {
-    transform: scale(1);
-    -webkit-transform: scale(1);
-  }
-}
-@-webkit-keyframes hideSweetAlert {
-  0% {
-    transform: scale(1);
-    -webkit-transform: scale(1);
-  }
-  100% {
-    transform: scale(0.5);
-    -webkit-transform: scale(0.5);
-  }
-}
-@keyframes hideSweetAlert {
-  0% {
-    transform: scale(1);
-    -webkit-transform: scale(1);
-  }
-  100% {
-    transform: scale(0.5);
-    -webkit-transform: scale(0.5);
-  }
-}
-.showSweetAlert {
-  -webkit-animation: showSweetAlert 0.3s;
-  animation: showSweetAlert 0.3s;
-}
-.hideSweetAlert {
-  -webkit-animation: hideSweetAlert 0.2s;
-  animation: hideSweetAlert 0.2s;
-}
-@-webkit-keyframes animateSuccessTip {
-  0% {
-    width: 0;
-    left: 1px;
-    top: 19px;
-  }
-  54% {
-    width: 0;
-    left: 1px;
-    top: 19px;
-  }
-  70% {
-    width: 50px;
-    left: -8px;
-    top: 37px;
-  }
-  84% {
-    width: 17px;
-    left: 21px;
-    top: 48px;
-  }
-  100% {
-    width: 25px;
-    left: 14px;
-    top: 45px;
-  }
-}
-@keyframes animateSuccessTip {
-  0% {
-    width: 0;
-    left: 1px;
-    top: 19px;
-  }
-  54% {
-    width: 0;
-    left: 1px;
-    top: 19px;
-  }
-  70% {
-    width: 50px;
-    left: -8px;
-    top: 37px;
-  }
-  84% {
-    width: 17px;
-    left: 21px;
-    top: 48px;
-  }
-  100% {
-    width: 25px;
-    left: 14px;
-    top: 45px;
-  }
-}
-@-webkit-keyframes animateSuccessLong {
-  0% {
-    width: 0;
-    right: 46px;
-    top: 54px;
-  }
-  65% {
-    width: 0;
-    right: 46px;
-    top: 54px;
-  }
-  84% {
-    width: 55px;
-    right: 0px;
-    top: 35px;
-  }
-  100% {
-    width: 47px;
-    right: 8px;
-    top: 38px;
-  }
-}
-@keyframes animateSuccessLong {
-  0% {
-    width: 0;
-    right: 46px;
-    top: 54px;
-  }
-  65% {
-    width: 0;
-    right: 46px;
-    top: 54px;
-  }
-  84% {
-    width: 55px;
-    right: 0px;
-    top: 35px;
-  }
-  100% {
-    width: 47px;
-    right: 8px;
-    top: 38px;
-  }
-}
-@-webkit-keyframes rotatePlaceholder {
-  0% {
-    transform: rotate(-45deg);
-    -webkit-transform: rotate(-45deg);
-  }
-  5% {
-    transform: rotate(-45deg);
-    -webkit-transform: rotate(-45deg);
-  }
-  12% {
-    transform: rotate(-405deg);
-    -webkit-transform: rotate(-405deg);
-  }
-  100% {
-    transform: rotate(-405deg);
-    -webkit-transform: rotate(-405deg);
-  }
-}
-@keyframes rotatePlaceholder {
-  0% {
-    transform: rotate(-45deg);
-    -webkit-transform: rotate(-45deg);
-  }
-  5% {
-    transform: rotate(-45deg);
-    -webkit-transform: rotate(-45deg);
-  }
-  12% {
-    transform: rotate(-405deg);
-    -webkit-transform: rotate(-405deg);
-  }
-  100% {
-    transform: rotate(-405deg);
-    -webkit-transform: rotate(-405deg);
-  }
-}
-.animateSuccessTip {
-  -webkit-animation: animateSuccessTip 0.75s;
-  animation: animateSuccessTip 0.75s;
-}
-.animateSuccessLong {
-  -webkit-animation: animateSuccessLong 0.75s;
-  animation: animateSuccessLong 0.75s;
-}
-.icon.success.animate::after {
-  -webkit-animation: rotatePlaceholder 4.25s ease-in;
-  animation: rotatePlaceholder 4.25s ease-in;
-}
-@-webkit-keyframes animateErrorIcon {
-  0% {
-    transform: rotateX(100deg);
-    -webkit-transform: rotateX(100deg);
-    opacity: 0;
-  }
-  100% {
-    transform: rotateX(0deg);
-    -webkit-transform: rotateX(0deg);
-    opacity: 1;
-  }
-}
-@keyframes animateErrorIcon {
-  0% {
-    transform: rotateX(100deg);
-    -webkit-transform: rotateX(100deg);
-    opacity: 0;
-  }
-  100% {
-    transform: rotateX(0deg);
-    -webkit-transform: rotateX(0deg);
-    opacity: 1;
-  }
-}
-.animateErrorIcon {
-  -webkit-animation: animateErrorIcon 0.5s;
-  animation: animateErrorIcon 0.5s;
-}
-@-webkit-keyframes animateXMark {
-  0% {
-    transform: scale(0.4);
-    -webkit-transform: scale(0.4);
-    margin-top: 26px;
-    opacity: 0;
-  }
-  50% {
-    transform: scale(0.4);
-    -webkit-transform: scale(0.4);
-    margin-top: 26px;
-    opacity: 0;
-  }
-  80% {
-    transform: scale(1.15);
-    -webkit-transform: scale(1.15);
-    margin-top: -6px;
-  }
-  100% {
-    transform: scale(1);
-    -webkit-transform: scale(1);
-    margin-top: 0;
-    opacity: 1;
-  }
-}
-@keyframes animateXMark {
-  0% {
-    transform: scale(0.4);
-    -webkit-transform: scale(0.4);
-    margin-top: 26px;
-    opacity: 0;
-  }
-  50% {
-    transform: scale(0.4);
-    -webkit-transform: scale(0.4);
-    margin-top: 26px;
-    opacity: 0;
-  }
-  80% {
-    transform: scale(1.15);
-    -webkit-transform: scale(1.15);
-    margin-top: -6px;
-  }
-  100% {
-    transform: scale(1);
-    -webkit-transform: scale(1);
-    margin-top: 0;
-    opacity: 1;
-  }
-}
-.animateXMark {
-  -webkit-animation: animateXMark 0.5s;
-  animation: animateXMark 0.5s;
-}
-@-webkit-keyframes pulseWarning {
-  0% {
-    border-color: #F8D486;
-  }
-  100% {
-    border-color: #F8BB86;
-  }
-}
-@keyframes pulseWarning {
-  0% {
-    border-color: #F8D486;
-  }
-  100% {
-    border-color: #F8BB86;
-  }
-}
-.pulseWarning {
-  -webkit-animation: pulseWarning 0.75s infinite alternate;
-  animation: pulseWarning 0.75s infinite alternate;
-}
-@-webkit-keyframes pulseWarningIns {
-  0% {
-    background-color: #F8D486;
-  }
-  100% {
-    background-color: #F8BB86;
-  }
-}
-@keyframes pulseWarningIns {
-  0% {
-    background-color: #F8D486;
-  }
-  100% {
-    background-color: #F8BB86;
-  }
-}
-.pulseWarningIns {
-  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
-  animation: pulseWarningIns 0.75s infinite alternate;
-}
-.sweet-overlay {
-  background-color: rgba(0, 0, 0, 0.4);
-  position: fixed;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  display: none;
-  z-index: 8050;
-}
-.sweet-alert {
-  background-color: #f9f9f9;
-  width: 478px;
-  padding: 17px;
-  border-radius: 5px;
-  text-align: center;
-  position: fixed;
-  left: 50%;
-  top: 50%;
-  margin-left: -256px;
-  margin-top: -200px;
-  overflow: hidden;
-  display: none;
-  z-index: 9050;
-}
-@media all and (max-width: 767px) {
-  .sweet-alert {
-    width: auto;
-    margin-left: 0;
-    margin-right: 0;
-    left: 15px;
-    right: 15px;
-  }
-}
-.sweet-alert .icon {
-  width: 80px;
-  height: 80px;
-  border: 4px solid gray;
-  border-radius: 50%;
-  margin: 20px auto;
-  position: relative;
-  box-sizing: content-box;
-}
-.sweet-alert .icon.error {
-  border-color: #952518;
-}
-.sweet-alert .icon.error .x-mark {
-  position: relative;
-  display: block;
-}
-.sweet-alert .icon.error .line {
-  position: absolute;
-  height: 5px;
-  width: 47px;
-  background-color: #ab2a1c;
-  display: block;
-  top: 37px;
-  border-radius: 2px;
-}
-.sweet-alert .icon.error .line.left {
-  -webkit-transform: rotate(45deg);
-  transform: rotate(45deg);
-  left: 17px;
-}
-.sweet-alert .icon.error .line.right {
-  -webkit-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  right: 16px;
-}
-.sweet-alert .icon.warning {
-  border-color: #eea236;
-}
-.sweet-alert .icon.warning .body {
-  position: absolute;
-  width: 5px;
-  height: 47px;
-  left: 50%;
-  top: 10px;
-  border-radius: 2px;
-  margin-left: -2px;
-  background-color: #f0ad4e;
-}
-.sweet-alert .icon.warning .dot {
-  position: absolute;
-  width: 7px;
-  height: 7px;
-  border-radius: 50%;
-  margin-left: -3px;
-  left: 50%;
-  bottom: 10px;
-  background-color: #f0ad4e;
-}
-.sweet-alert .icon.info {
-  border-color: #46b8da;
-}
-.sweet-alert .icon.info::before {
-  content: "";
-  position: absolute;
-  width: 5px;
-  height: 29px;
-  left: 50%;
-  bottom: 17px;
-  border-radius: 2px;
-  margin-left: -2px;
-  background-color: #5bc0de;
-}
-.sweet-alert .icon.info::after {
-  content: "";
-  position: absolute;
-  width: 7px;
-  height: 7px;
-  border-radius: 50%;
-  margin-left: -3px;
-  top: 19px;
-  background-color: #5bc0de;
-}
-.sweet-alert .icon.success {
-  border-color: #2b9854;
-}
-.sweet-alert .icon.success::before,
-.sweet-alert .icon.success::after {
-  content: '';
-  border-radius: 50%;
-  position: absolute;
-  width: 60px;
-  height: 120px;
-  background: white;
-  -webkit-transform: rotate(45deg);
-  transform: rotate(45deg);
-}
-.sweet-alert .icon.success::before {
-  border-radius: 120px 0 0 120px;
-  top: -7px;
-  left: -33px;
-  -webkit-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  -webkit-transform-origin: 60px 60px;
-  transform-origin: 60px 60px;
-}
-.sweet-alert .icon.success::after {
-  border-radius: 0 120px 120px 0;
-  top: -11px;
-  left: 30px;
-  -webkit-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  -webkit-transform-origin: 0px 60px;
-  transform-origin: 0px 60px;
-}
-.sweet-alert .icon.success .placeholder {
-  width: 80px;
-  height: 80px;
-  border: 4px solid rgba(49, 172, 95, 0.2);
-  border-radius: 50%;
-  box-sizing: content-box;
-  position: absolute;
-  left: -4px;
-  top: -4px;
-  z-index: 2;
-}
-.sweet-alert .icon.success .fix {
-  width: 5px;
-  height: 90px;
-  background-color: #f9f9f9;
-  position: absolute;
-  left: 28px;
-  top: 8px;
-  z-index: 1;
-  -webkit-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-}
-.sweet-alert .icon.success .line {
-  height: 5px;
-  background-color: #31ac5f;
-  display: block;
-  border-radius: 2px;
-  position: absolute;
-  z-index: 2;
-}
-.sweet-alert .icon.success .line.tip {
-  width: 25px;
-  left: 14px;
-  top: 46px;
-  -webkit-transform: rotate(45deg);
-  transform: rotate(45deg);
-}
-.sweet-alert .icon.success .line.long {
-  width: 47px;
-  right: 8px;
-  top: 38px;
-  -webkit-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-}
-.sweet-alert .icon.custom {
-  background-size: contain;
-  border-radius: 0;
-  border: none;
-  background-position: center center;
-  background-repeat: no-repeat;
-}
-.sweet-alert .btn-default:focus {
-  border-color: #bdc3c7;
-  outline: 0;
-}
-.sweet-alert .btn-success:focus {
-  border-color: #2b9854;
-  outline: 0;
-}
-.sweet-alert .btn-info:focus {
-  border-color: #46b8da;
-  outline: 0;
-}
-.sweet-alert .btn-danger:focus {
-  border-color: #952518;
-  outline: 0;
-}
-.sweet-alert .btn-warning:focus {
-  border-color: #eea236;
-  outline: 0;
-}
-.sweet-alert button::-moz-focus-inner {
-  border: 0;
-}
-.sweet-alert {
-  text-align: right;
-}
-.sweet-alert h2 {
-  word-break: word-break;
-  word-wrap: break-word;
-  max-height: 350px;
-  overflow-y: auto;
-  margin: 10px 0 17px 0;
-  color: #2b3e50;
-  text-align: left;
-  font-size: 15px;
-  line-height: 23px;
-}
-.sweet-alert p {
-  margin: 0;
-}
-.sweet-alert p.text-muted {
-  margin-bottom: 20px;
-  color: #555555;
-}
-.control-simplelist {
-  font-size: 13px;
-  padding: 20px 20px 2px 20px;
-  margin-bottom: 25px;
-  background: #ffffff;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
-}
-.control-simplelist ul {
-  padding-left: 15px;
-}
-.control-simplelist.form-control ul {
-  margin-bottom: 0;
-}
-.control-simplelist.form-control li {
-  padding-top: 5px;
-  padding-bottom: 5px;
-}
-.control-simplelist.with-icons ul,
-.control-simplelist.with-checkboxes ul,
-.control-simplelist.is-divided ul,
-.control-simplelist.is-selectable ul {
-  list-style-type: none;
-  padding-left: 0;
-}
-.control-simplelist.with-checkboxes li {
-  margin-top: -5px;
-}
-.control-simplelist.with-checkboxes li:first-child {
-  margin-top: 0;
-}
-.control-simplelist.with-checkboxes li:last-child div.custom-checkbox {
-  margin-bottom: 0;
-}
-.control-simplelist.with-checkboxes li:last-child div.custom-checkbox label {
-  margin-bottom: 5px;
-}
-.control-simplelist.is-sortable li.placeholder {
-  position: relative;
-}
-.control-simplelist.is-sortable li.placeholder:before {
-  top: -10px;
-  position: absolute;
-  content: '';
-  display: block;
-  width: 0;
-  height: 0;
-  border-top: 4.5px solid transparent;
-  border-bottom: 4.5px solid transparent;
-  border-left: 5px solid #999999;
-}
-.control-simplelist.is-sortable li.dragged {
-  position: absolute;
-  opacity: 0.5;
-  filter: alpha(opacity=50);
-  z-index: 2000;
-  color: #e67e22;
-  width: auto !important;
-}
-.control-simplelist.is-scrollable {
-  height: 200px;
-}
-.control-simplelist.is-scrollable.size-tiny {
-  min-height: 250px;
-}
-.control-simplelist.is-scrollable.size-small {
-  min-height: 300px;
-}
-.control-simplelist.is-scrollable.size-large {
-  min-height: 400px;
-}
-.control-simplelist.is-scrollable.size-huge {
-  min-height: 450px;
-}
-.control-simplelist.is-scrollable.size-giant {
-  min-height: 550px;
-}
-.control-simplelist.is-divided li,
-.control-simplelist.is-selectable li {
-  padding: 5px 10px;
-  border-bottom: 1px solid #d4d8da;
-}
-.control-simplelist.is-divided li .heading,
-.control-simplelist.is-selectable li .heading {
-  font-size: 14px;
-  font-weight: bold;
-}
-.control-simplelist.is-divided li:last-child,
-.control-simplelist.is-selectable li:last-child {
-  border-bottom: none;
-}
-.control-simplelist.is-selectable li a {
-  padding: 5px 10px;
-  margin: -5px -10px;
-  display: block;
-  color: #333333;
-}
-.control-simplelist.is-selectable li:hover {
-  background: #4da7e8;
-  cursor: pointer;
-}
-.control-simplelist.is-selectable li:hover,
-.control-simplelist.is-selectable li:hover a {
-  color: white;
-}
-.control-simplelist.is-selectable li:hover a {
-  text-decoration: none;
-}
-.control-simplelist.is-selectable li.active a {
-  background: #f0f0f0;
-}
-.control-simplelist.is-selectable li.active a:hover {
-  background: #4da7e8;
-}
-.list-preview .control-simplelist.is-selectable ul {
-  margin-bottom: 0;
-}
-.drag-noselect {
-  user-select: none;
-  -o-user-select: none;
-  -moz-user-select: none;
-  -khtml-user-select: none;
-  -webkit-user-select: none;
-}
-.control-scrollbar {
-  position: relative;
-  overflow: hidden;
-  height: 100%;
-  -webkit-transform: translateZ(0);
-  -ms-transform: translateZ(0);
-  transform: translateZ(0);
-}
-.control-scrollbar > div {
-  -webkit-transform: translateZ(0);
-  -ms-transform: translateZ(0);
-  transform: translateZ(0);
-}
-.control-scrollbar > .scrollbar-scrollbar {
-  position: absolute;
-  z-index: 100;
-}
-.control-scrollbar > .scrollbar-scrollbar .scrollbar-track {
-  background-color: transparent;
-  position: relative;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
-}
-.control-scrollbar > .scrollbar-scrollbar .scrollbar-track .scrollbar-thumb {
-  background-color: #aaaaaa;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
-  cursor: pointer;
-  overflow: hidden;
-  position: absolute;
-}
-.control-scrollbar > .scrollbar-scrollbar.disabled {
-  display: none!important;
-}
-.control-scrollbar.vertical > .scrollbar-scrollbar {
-  right: 0;
-  width: 4px;
-}
-.control-scrollbar.vertical > .scrollbar-scrollbar .scrollbar-track {
-  height: 100%;
-  width: 4px;
-}
-.control-scrollbar.vertical > .scrollbar-scrollbar .scrollbar-track .scrollbar-thumb {
-  height: 20px;
-  width: 4px;
-  top: 0;
-  left: 0;
-}
-.control-scrollbar.vertical > .scrollbar-scrollbar:active,
-.control-scrollbar.vertical > .scrollbar-scrollbar:hover {
-  width: 6px;
-  -webkit-transition: width 0.3s;
-  transition: width 0.3s;
-}
-.control-scrollbar.vertical > .scrollbar-scrollbar:active .scrollbar-track,
-.control-scrollbar.vertical > .scrollbar-scrollbar:hover .scrollbar-track,
-.control-scrollbar.vertical > .scrollbar-scrollbar:active .scrollbar-thumb,
-.control-scrollbar.vertical > .scrollbar-scrollbar:hover .scrollbar-thumb {
-  width: 6px;
-  -webkit-transition: width 0.3s;
-  transition: width 0.3s;
-}
-.control-scrollbar.horizontal > .scrollbar-scrollbar {
-  margin: 0 0 5px;
-  clear: both;
-  height: 4px;
-}
-.control-scrollbar.horizontal > .scrollbar-scrollbar .scrollbar-track {
-  width: 100%;
-  height: 4px;
-}
-.control-scrollbar.horizontal > .scrollbar-scrollbar .scrollbar-track .scrollbar-thumb {
-  height: 4px;
-  margin: 2px 0;
-  left: 0;
-  top: 0;
-}
-.control-scrollbar.horizontal > .scrollbar-scrollbar:active,
-.control-scrollbar.horizontal > .scrollbar-scrollbar:hover {
-  height: 6px;
-  -webkit-transition: height 0.3s;
-  transition: height 0.3s;
-}
-.control-scrollbar.horizontal > .scrollbar-scrollbar:active .scrollbar-track,
-.control-scrollbar.horizontal > .scrollbar-scrollbar:hover .scrollbar-track,
-.control-scrollbar.horizontal > .scrollbar-scrollbar:active .scrollbar-thumb,
-.control-scrollbar.horizontal > .scrollbar-scrollbar:hover .scrollbar-thumb {
-  height: 6px;
-  -webkit-transition: height 0.3s;
-  transition: height 0.3s;
-}
-.no-touch .control-scrollbar > .scrollbar-scrollbar {
-  opacity: 0;
-  -webkit-transition: opacity 0.3s;
-  transition: opacity 0.3s;
-}
-.no-touch .control-scrollbar:active > .scrollbar-scrollbar,
-.no-touch .control-scrollbar:hover > .scrollbar-scrollbar {
-  opacity: 1;
-}
-@media (max-width: 768px) {
-  .responsive-sidebar > .layout-cell:last-child .control-scrollbar {
-    overflow: visible;
-    height: auto;
-  }
-  .responsive-sidebar > .layout-cell:last-child .control-scrollbar .scrollbar-scrollbar {
-    display: none!important;
-  }
-}
-.control-filelist p.no-data {
-  padding: 18px 0;
-  margin: 0;
-  color: #666666;
-  font-size: 12px;
-  text-align: center;
-  font-weight: normal;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
-}
-.control-filelist ul {
-  padding: 0;
-  margin: 0;
-}
-.control-filelist ul li {
-  font-weight: normal;
-  line-height: 150%;
-  position: relative;
-  list-style: none;
-}
-.control-filelist ul li a:hover {
-  background: #dddddd;
-}
-.control-filelist ul li.active > a {
-  background: #dddddd;
-  position: relative;
-}
-.control-filelist ul li.active > a:after {
-  position: absolute;
-  height: 100%;
-  width: 4px;
-  left: 0;
-  top: 0;
-  background: #e67e22;
-  display: block;
-  content: ' ';
-}
-.control-filelist ul li a {
-  display: block;
-  padding: 10px 45px 10px 20px;
-  outline: none;
-}
-.control-filelist ul li a:hover,
-.control-filelist ul li a:focus,
-.control-filelist ul li a:active {
-  text-decoration: none;
-}
-.control-filelist ul li a span {
-  display: block;
-}
-.control-filelist ul li a span.title {
-  font-weight: normal;
-  color: #405261;
-  font-size: 14px;
-}
-.control-filelist ul li a span.description {
-  color: #8f8f8f;
-  font-size: 13px;
-  white-space: nowrap;
-  font-weight: normal;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.control-filelist ul li a span.description strong {
-  color: #405261;
-  font-weight: normal;
-}
-.control-filelist ul li.group > h4,
-.control-filelist ul li.group > div.group > h4 {
-  font-weight: normal;
-  font-size: 14px;
-  margin-top: 0;
-  margin-bottom: 0;
-  position: relative;
-}
-.control-filelist ul li.group > h4 a,
-.control-filelist ul li.group > div.group > h4 a {
-  padding: 10px 20px 10px 53px;
-  color: #405261;
-  position: relative;
-  outline: none;
-}
-.control-filelist ul li.group > h4 a:hover,
-.control-filelist ul li.group > div.group > h4 a:hover {
-  background: transparent;
-}
-.control-filelist ul li.group > h4 a:before,
-.control-filelist ul li.group > div.group > h4 a:before,
-.control-filelist ul li.group > h4 a:after,
-.control-filelist ul li.group > div.group > h4 a:after {
-  width: 10px;
-  height: 10px;
-  display: block;
-  position: absolute;
-  top: 1px;
-}
-.control-filelist ul li.group > h4 a:after,
-.control-filelist ul li.group > div.group > h4 a:after {
-  left: 33px;
-  top: 9px;
-  font-family: FontAwesome;
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  -webkit-font-smoothing: antialiased;
-  *margin-right: .3em;
-  content: "\f07b";
-  color: #a1aab1;
-  font-size: 16px;
-}
-.control-filelist ul li.group > h4 a:before,
-.control-filelist ul li.group > div.group > h4 a:before {
-  left: 20px;
-  top: 9px;
-  color: #cfcfcf;
-  font-family: FontAwesome;
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  -webkit-font-smoothing: antialiased;
-  *margin-right: .3em;
-  content: "\f0da";
-  -webkit-transform: rotate(90deg) translate(5px, 0);
-  -ms-transform: rotate(90deg) translate(5px, 0);
-  transform: rotate(90deg) translate(5px, 0);
-  -webkit-transition: all 0.1s ease;
-  transition: all 0.1s ease;
-}
-.control-filelist ul li.group > ul > li > a {
-  padding-left: 52px;
-}
-.control-filelist ul li.group > ul > li.group {
-  padding-left: 20px;
-}
-.control-filelist ul li.group > ul > li.group > ul > li > a {
-  padding-left: 324px;
-  margin-left: -270px;
-}
-.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li > a {
-  padding-left: 297px;
-  margin-left: -243px;
-}
-.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
-  padding-left: 270px;
-  margin-left: -216px;
-}
-.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
-  padding-left: 243px;
-  margin-left: -189px;
-}
-.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
-  padding-left: 216px;
-  margin-left: -162px;
-}
-.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
-  padding-left: 189px;
-  margin-left: -135px;
-}
-.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
-  padding-left: 162px;
-  margin-left: -108px;
-}
-.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
-  padding-left: 135px;
-  margin-left: -81px;
-}
-.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
-  padding-left: 108px;
-  margin-left: -54px;
-}
-.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
-  padding-left: 81px;
-  margin-left: -27px;
-}
-.control-filelist ul li.group[data-status=collapsed] > h4 a:before,
-.control-filelist ul li.group[data-status=collapsed] > div.group > h4 a:before {
-  -webkit-transform: rotate(0deg) translate(3px, 0);
-  -ms-transform: rotate(0deg) translate(3px, 0);
-  transform: rotate(0deg) translate(3px, 0);
-}
-.control-filelist ul li.group[data-status=collapsed] > ul,
-.control-filelist ul li.group[data-status=collapsed] > div.subitems {
-  display: none;
-}
-.control-filelist ul li > div.controls {
-  position: absolute;
-  right: 19px;
-  top: 6px;
-}
-.control-filelist ul li > div.controls .dropdown {
-  width: 14px;
-  height: 21px;
-}
-.control-filelist ul li > div.controls .dropdown.open a.control {
-  display: block!important;
-}
-.control-filelist ul li > div.controls .dropdown.open a.control:before {
-  visibility: visible;
-  display: block;
-}
-.control-filelist ul li > div.controls a.control {
-  color: #405261;
-  font-size: 14px;
-  visibility: hidden;
-  overflow: hidden;
-  width: 14px;
-  height: 21px;
-  display: none;
-  text-decoration: none;
-  cursor: pointer;
-  padding: 0;
-  opacity: 0.5;
-  filter: alpha(opacity=50);
-}
-.control-filelist ul li > div.controls a.control:before {
-  visibility: visible;
-  display: block;
-  margin-right: 0;
-}
-.control-filelist ul li > div.controls a.control:hover {
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-.control-filelist ul li:hover > div.controls,
-.control-filelist ul li:hover > a.control {
-  display: block!important;
-}
-.control-filelist ul li:hover > div.controls > a.control,
-.control-filelist ul li:hover > a.control > a.control {
-  display: block!important;
-}
-.control-filelist ul li .checkbox {
-  position: absolute;
-  top: -3px;
-  right: 3px;
-}
-.control-filelist ul li .checkbox label {
-  margin-right: 0;
-}
-.control-filelist ul li .checkbox label:before {
-  border-color: #cccccc;
-}
-.control-filelist.single-line ul li a span.title {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-.control-filelist.hero ul li {
-  background: #ffffff;
-  border-bottom: none;
-}
-.control-filelist.hero ul li > a {
-  padding: 16px 45px 15px 50px;
-  font-size: 13px;
-  border-bottom: 1px solid #ecf0f1;
-}
-.control-filelist.hero ul li > a span.title {
-  font-size: 15px;
-  font-weight: normal;
-  color: #2b3e50;
-}
-.control-filelist.hero ul li > a .list-icon {
-  position: absolute;
-  left: 14px;
-  top: 20px;
-  font-size: 22px;
-  color: #b7c0c2;
-}
-.control-filelist.hero ul li > a:hover {
-  background: #58b6f7;
-  border-bottom: 1px solid #58b6f7 !important;
-}
-.control-filelist.hero ul li > a:hover span.title,
-.control-filelist.hero ul li > a:hover span.description {
-  color: #ffffff !important;
-}
-.control-filelist.hero ul li > a:hover .list-icon {
-  color: #ffffff !important;
-}
-.control-filelist.hero ul li .checkbox {
-  top: 17px;
-  right: 17px;
-}
-.control-filelist.hero ul li.active > a {
-  border-bottom: 1px solid #dddddd;
-}
-.control-filelist.hero ul li.active > a:after {
-  top: -1px;
-  bottom: -1px;
-  height: auto;
-}
-.control-filelist.hero ul li.active > a > span.borders:before {
-  content: ' ';
-  position: absolute;
-  width: 100%;
-  height: 1px;
-  display: block;
-  left: 0;
-  background-color: #dddddd;
-}
-.control-filelist.hero ul li.active > a > span.borders:before {
-  top: -1px;
-}
-.control-filelist.hero ul li.active > a:hover > span.borders:before {
-  background-color: #58b6f7;
-}
-.control-filelist.hero ul li > h4 {
-  padding-top: 7px;
-  padding-bottom: 6px;
-  border-bottom: 1px solid #ecf0f1;
-}
-.control-filelist.hero ul li > div.controls {
-  display: none;
-  position: absolute;
-  right: 16px;
-  top: 15px;
-}
-.control-filelist.hero ul li > div.controls > a.control {
-  width: 16px;
-  height: 23px;
-  background: transparent;
-  overflow: hidden;
-  display: inline-block;
-  color: #ffffff !important;
-  padding: 0;
-}
-.control-filelist.hero ul li > div.controls > a.control:before {
-  font-size: 17px;
-}
-.control-filelist.hero ul li:hover > div.controls {
-  display: block;
-}
-.control-filelist.hero ul li.separator {
-  position: relative;
-  border-bottom: 1px solid #95a5a6;
-  padding: 17px 15px 18px 15px;
-}
-.control-filelist.hero ul li.separator:before {
-  z-index: 31;
-  content: '';
-  display: block;
-  width: 0;
-  height: 0;
-  border-left: 9.5px solid transparent;
-  border-right: 9.5px solid transparent;
-  border-top: 11px solid #ffffff;
-  border-bottom-width: 0;
-  position: absolute;
-  left: 13px;
-  bottom: -8px;
-}
-.control-filelist.hero ul li.separator:after {
-  z-index: 30;
-  content: '';
-  display: block;
-  width: 0;
-  height: 0;
-  border-left: 8.5px solid transparent;
-  border-right: 8.5px solid transparent;
-  border-top: 9px solid #95a5a6;
-  border-bottom-width: 0;
-  position: absolute;
-  left: 14px;
-  bottom: -9px;
-}
-.control-filelist.hero ul li.separator h5 {
-  color: #2b3e50;
-  font-size: 15px;
-  margin: 0;
-  font-weight: bold;
-  padding: 0;
-}
-.control-filelist.hero ul > li.group > ul > li > a {
-  padding-left: 66px;
-}
-.control-filelist.hero.single-level ul li:hover {
-  background: #58b6f7;
-}
-.control-filelist.hero.single-level ul li:hover > a {
-  background: #58b6f7;
-  border-bottom: 1px solid #58b6f7 !important;
-}
-.control-filelist.hero.single-level ul li:hover > a span.title,
-.control-filelist.hero.single-level ul li:hover > a span.description {
-  color: #ffffff !important;
-}
-.control-filelist.hero.single-level ul li:hover > a .list-icon {
-  color: #ffffff !important;
-}
-.touch .control-filelist li:not(.active) a:hover {
-  background: transparent;
-}
-.control-scrollpanel {
-  position: relative;
-  background: #ecf0f1;
-}
-.control-scrollpanel .control-scrollbar.vertical > .scrollbar-scrollbar {
-  right: 0;
-}
-.tooltip .tooltip-inner {
-  text-align: left;
-  padding: 5px 8px;
-}
-.tooltip.in {
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-.oc-logo-white {
-  background-image: url(../images/october-logo-white.svg);
-  background-position: 50% 50%;
-  background-repeat: no-repeat;
-  background-size: contain;
-}
-.oc-bg-logo {
-  background-image: url(../images/october-logo-transparent.svg);
-  background-position: 50% 50%;
-  background-repeat: no-repeat;
-  background-size: 50% auto;
-}
-.report-widget {
-  padding: 15px;
-  background: white;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
-}
-.report-widget h3 {
-  font-size: 14px;
-  color: #7e8c8d;
-  text-transform: uppercase;
-  font-weight: 600;
-  margin-top: 0;
-  margin-bottom: 30px;
-}
-.report-widget .height-100 {
-  height: 100px;
-}
-.report-widget .height-200 {
-  height: 200px;
-}
-.report-widget .height-300 {
-  height: 300px;
-}
-.report-widget .height-400 {
-  height: 400px;
-}
-.report-widget .height-500 {
-  height: 500px;
-}
-.report-widget p.report-description {
-  margin-bottom: 0;
-  margin-top: 15px;
-  font-size: 12px;
-  line-height: 190%;
-  color: #7e8c8d;
-}
-.report-widget p.flash-message.static {
-  margin-bottom: 0;
-}
-.control-treelist ol {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-.control-treelist ol ol {
-  margin: 0;
-  margin-left: 15px;
-  padding-left: 15px;
-  border-left: 1px solid #dbdee0;
-}
-.control-treelist > ol > li > div.record:before {
-  display: none;
-}
-.control-treelist li {
-  margin: 0;
-  padding: 0;
-}
-.control-treelist li > div.record {
-  margin: 0;
-  font-size: 12px;
-  margin-bottom: 5px;
-  position: relative;
-  display: block;
-}
-.control-treelist li > div.record:before {
-  color: #bdc3c7;
-  font-family: FontAwesome;
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  -webkit-font-smoothing: antialiased;
-  *margin-right: .3em;
-  content: "\f111";
-  font-size: 6px;
-  position: absolute;
-  left: -18px;
-  top: 11px;
-}
-.control-treelist li > div.record > a.move {
-  display: inline-block;
-  padding: 7px 0 7px 10px;
-  text-decoration: none;
-  color: #bdc3c7;
-}
-.control-treelist li > div.record > a.move:hover {
-  color: #4da7e8;
-}
-.control-treelist li > div.record > a.move:before {
-  font-family: FontAwesome;
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  -webkit-font-smoothing: antialiased;
-  *margin-right: .3em;
-  content: "\f0c9";
-}
-.control-treelist li > div.record > span {
-  color: #666666;
-  display: inline-block;
-  padding: 7px 15px 7px 5px;
-}
-.control-treelist li.dragged {
-  position: absolute;
-  z-index: 2000;
-  width: auto !important;
-  height: auto !important;
-}
-.control-treelist li.dragged > div.record {
-  opacity: 0.5;
-  filter: alpha(opacity=50);
-  background: #4da7e8 !important;
-}
-.control-treelist li.dragged > div.record > a.move:before,
-.control-treelist li.dragged > div.record > span {
-  color: white;
-}
-.control-treelist li.dragged > div.record:before {
-  display: none;
-}
-.control-treelist li.placeholder {
-  display: inline-block;
-  position: relative;
-  background: #4da7e8 !important;
-  height: 25px;
-  margin-bottom: 5px;
-}
-.control-treelist li.placeholder:before {
-  display: block;
-  position: absolute;
-  font-family: FontAwesome;
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  -webkit-font-smoothing: antialiased;
-  *margin-right: .3em;
-  content: "\f053";
-  color: #d35714;
-  left: -10px;
-  top: 8px;
-  z-index: 2000;
-}
-.control-treeview {
-  margin-bottom: 40px;
-  /*
-     * Light version of the treeview - transparent background, no bottom borders,
-     * smaller paddings, inline submenu
-     */
-}
-.control-treeview ol {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  background: #ffffff;
-}
-.control-treeview ol > li {
-  -webkit-transition: width 1s;
-  transition: width 1s;
-}
-.control-treeview ol > li > div {
-  font-size: 13px;
-  font-weight: 600;
-  background: #ffffff;
-  border-bottom: 1px solid #ecf0f1;
-  position: relative;
-}
-.control-treeview ol > li > div > a {
-  color: #2b3e50;
-  padding: 16px 45px 15px 61px;
-  display: block;
-  line-height: 150%;
-  text-decoration: none;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-.control-treeview ol > li > div:before {
-  content: ' ';
-  background-image: url(../images/treeview-icons.png);
-  background-position: 0px -28px;
-  background-repeat: no-repeat;
-  background-size: 42px auto;
-  position: absolute;
-  width: 21px;
-  height: 22px;
-  left: 28px;
-  top: 20px;
-}
-.control-treeview ol > li > div span.comment {
-  display: block;
-  font-weight: 400;
-  color: #95a5a6;
-  font-size: 12px;
-  margin-top: 2px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.control-treeview ol > li > div > span.expand {
-  font: 0/0 a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-  display: none;
-  position: absolute;
-  left: 0;
-  width: 20px;
-  height: 20px;
-  top: 24px;
-  left: 2px;
-  cursor: pointer;
-  color: #bdc3c7;
-  -webkit-transition: transform 0.1s ease;
-  transition: transform 0.1s ease;
-}
-.control-treeview ol > li > div > span.expand:before {
-  font-family: FontAwesome;
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  -webkit-font-smoothing: antialiased;
-  *margin-right: .3em;
-  content: "\f0da";
-  line-height: 100%;
-  font-size: 15px;
-  position: relative;
-  left: 8px;
-  top: 2px;
-}
-.control-treeview ol > li > div > span.drag-handle {
-  font: 0/0 a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-  -webkit-transition: opacity 0.4s;
-  transition: opacity 0.4s;
-  position: absolute;
-  right: 24px;
-  bottom: 5px;
-  width: 14px;
-  height: 14px;
-  cursor: move;
-  color: #bdc3c7;
-  opacity: 0;
-  filter: alpha(opacity=0);
-}
-.control-treeview ol > li > div > span.drag-handle:before {
-  font-family: FontAwesome;
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  -webkit-font-smoothing: antialiased;
-  *margin-right: .3em;
-  content: "\f0c9";
-  font-size: 14px;
-}
-.control-treeview ol > li > div span.borders {
-  font-size: 0;
-}
-.control-treeview ol > li > div > ul.submenu {
-  position: absolute;
-  left: 20px;
-  bottom: -37px;
-  padding: 0;
-  list-style: none;
-  z-index: 200;
-  height: 37px;
-  display: none;
-  margin-left: 15px;
-  background: transparent url(../images/treeview-submenu-tabs.png) repeat-x left -39px;
-}
-.control-treeview ol > li > div > ul.submenu:before,
-.control-treeview ol > li > div > ul.submenu:after {
-  background: transparent url(../images/treeview-submenu-tabs.png) no-repeat left top;
-  content: ' ';
-  display: block;
-  width: 20px;
-  height: 37px;
-  position: absolute;
-  top: 0;
-}
-.control-treeview ol > li > div > ul.submenu:before {
-  left: -20px;
-}
-.control-treeview ol > li > div > ul.submenu:after {
-  background-position: -100px top;
-  right: -20px;
-}
-.control-treeview ol > li > div > ul.submenu li {
-  font-size: 12px;
-}
-.control-treeview ol > li > div > ul.submenu li a {
-  display: block;
-  padding: 4px 3px 0 3px;
-  color: #ffffff;
-  text-decoration: none;
-  outline: none;
-}
-.control-treeview ol > li > div > ul.submenu li a i {
-  margin-right: 5px;
-}
-.control-treeview ol > li > div:hover > ul.submenu {
-  display: block;
-}
-.control-treeview ol > li > div .checkbox {
-  position: absolute;
-  top: 19px;
-  right: 17px;
-}
-.control-treeview ol > li > div .checkbox label {
-  margin-right: 0;
-}
-.control-treeview ol > li > div .checkbox label:before {
-  border-color: #cccccc;
-}
-.control-treeview ol > li > div.popover-highlight {
-  background-color: #58b6f7 !important;
-}
-.control-treeview ol > li > div.popover-highlight:before {
-  background-position: 0px -80px;
-}
-.control-treeview ol > li > div.popover-highlight > a {
-  color: #ffffff !important;
-  cursor: default;
-}
-.control-treeview ol > li > div.popover-highlight span {
-  color: #ffffff !important;
-}
-.control-treeview ol > li > div.popover-highlight > ul.submenu,
-.control-treeview ol > li > div.popover-highlight > span.drag-handle {
-  display: none!important;
-}
-.control-treeview ol > li.dragged div,
-.control-treeview ol > li > div:hover {
-  background-color: #58b6f7 !important;
-}
-.control-treeview ol > li.dragged div > a,
-.control-treeview ol > li > div:hover > a {
-  color: #ffffff !important;
-}
-.control-treeview ol > li.dragged div:before,
-.control-treeview ol > li > div:hover:before {
-  background-position: 0px -80px;
-}
-.control-treeview ol > li.dragged div:after,
-.control-treeview ol > li > div:hover:after {
-  top: 0!important;
-  bottom: 0!important;
-}
-.control-treeview ol > li.dragged div span,
-.control-treeview ol > li > div:hover span {
-  color: #ffffff !important;
-}
-.control-treeview ol > li.dragged div span.drag-handle,
-.control-treeview ol > li > div:hover span.drag-handle {
-  cursor: move;
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-.control-treeview ol > li.dragged div span.borders,
-.control-treeview ol > li > div:hover span.borders {
-  display: none;
-}
-.control-treeview ol > li[data-no-drag-mode] div:hover span.drag-handle {
-  cursor: default!important;
-  opacity: 0.3 !important;
-  filter: alpha(opacity=30) !important;
-}
-.control-treeview ol > li.dragged li.has-subitems > div:before,
-.control-treeview ol > li.dragged.has-subitems > div:before {
-  background-position: 0px -52px;
-}
-.control-treeview ol > li.dragged div > ul.submenu {
-  display: none!important;
-}
-.control-treeview ol > li > ol {
-  padding-left: 20px;
-}
-.control-treeview ol > li[data-status=collapsed] > ol {
-  display: none;
-}
-.control-treeview ol > li.has-subitems > div:before {
-  background-position: 0 0;
-  width: 23px;
-  height: 26px;
-  left: 26px;
-}
-.control-treeview ol > li.has-subitems > div:hover:before,
-.control-treeview ol > li.has-subitems > div.popover-highlight:before {
-  background-position: 0px -52px;
-}
-.control-treeview ol > li.has-subitems > div span.expand {
-  display: block;
-}
-.control-treeview ol > li.placeholder {
-  height: 0;
-  position: relative;
-  border-bottom: 1px dotted #c03f31;
-}
-.control-treeview ol > li.placeholder:before {
-  font-family: FontAwesome;
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  -webkit-font-smoothing: antialiased;
-  *margin-right: .3em;
-  content: "\f0da";
-  font-size: 23px;
-  color: white;
-  position: absolute;
-  left: -11px;
-  top: -17px;
-  z-index: 1900;
-}
-.control-treeview ol > li.placeholder:after {
-  font-family: FontAwesome;
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  -webkit-font-smoothing: antialiased;
-  *margin-right: .3em;
-  content: "\f0da";
-  font-size: 21px;
-  color: #c03f31;
-  position: absolute;
-  left: -10px;
-  top: -14px;
-  z-index: 1901;
-}
-.control-treeview ol > li.dragged {
-  position: absolute;
-  z-index: 2000;
-  opacity: 0.5;
-  filter: alpha(opacity=50);
-}
-.control-treeview ol > li.dragged > div {
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-}
-.control-treeview ol > li.drop-target > div {
-  background-color: #2581b8!important;
-}
-.control-treeview ol > li.drop-target > div > a {
-  color: #ffffff;
-}
-.control-treeview ol > li.drop-target > div > a > span.comment {
-  color: #ffffff;
-}
-.control-treeview ol > li.drop-target > div:before {
-  background-position: 0px -80px;
-}
-.control-treeview ol > li.drop-target.has-subitems > div:before {
-  background-position: 0px -52px;
-}
-.control-treeview ol > li[data-status=expanded] > div > span.expand {
-  -webkit-transform: rotate(90deg) translate(0, 0);
-  -ms-transform: rotate(90deg) translate(0, 0);
-  transform: rotate(90deg) translate(0, 0);
-}
-.control-treeview ol > li.drag-ghost {
-  background-color: transparent;
-  box-sizing: content-box;
-}
-.control-treeview ol > li.active > div {
-  background: #dddddd;
-}
-.control-treeview ol > li.active > div:after {
-  position: absolute;
-  width: 4px;
-  left: 0;
-  top: -1px;
-  bottom: -1px;
-  background: #e67e22;
-  display: block;
-  content: ' ';
-}
-.control-treeview ol > li.active > div > span.comment,
-.control-treeview ol > li.active > div > span.expand {
-  color: #8f8f8f;
-}
-.control-treeview ol > li.active > div > span.borders:before,
-.control-treeview ol > li.active > div > span.borders:after {
-  content: ' ';
-  position: absolute;
-  width: 100%;
-  height: 1px;
-  display: block;
-  left: 0;
-  background-color: #dddddd;
-}
-.control-treeview ol > li.active > div > span.borders:before {
-  top: -1px;
-}
-.control-treeview ol > li.active > div > span.borders:after {
-  bottom: -1px;
-}
-.control-treeview ol > li.no-data {
-  padding: 18px 0;
-  margin: 0;
-  color: #666666;
-  font-size: 12px;
-  text-align: center;
-  font-weight: 400;
-}
-.control-treeview ol > li > ol > li > div {
-  margin-left: -20px;
-  padding-left: 71px;
-}
-.control-treeview ol > li > ol > li > div > a {
-  margin-left: -71px;
-  padding-left: 71px;
-}
-.control-treeview ol > li > ol > li > div:before {
-  margin-left: 10px;
-}
-.control-treeview ol > li > ol > li > div > span.expand {
-  left: 12px;
-}
-.control-treeview ol > li > ol > li > ol > li > div {
-  margin-left: -40px;
-  padding-left: 81px;
-}
-.control-treeview ol > li > ol > li > ol > li > div > a {
-  margin-left: -81px;
-  padding-left: 81px;
-}
-.control-treeview ol > li > ol > li > ol > li > div:before {
-  margin-left: 20px;
-}
-.control-treeview ol > li > ol > li > ol > li > div > span.expand {
-  left: 22px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > div {
-  margin-left: -60px;
-  padding-left: 91px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > div > a {
-  margin-left: -91px;
-  padding-left: 91px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > div:before {
-  margin-left: 30px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > div > span.expand {
-  left: 32px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > div {
-  margin-left: -80px;
-  padding-left: 101px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > div > a {
-  margin-left: -101px;
-  padding-left: 101px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > div:before {
-  margin-left: 40px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand {
-  left: 42px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div {
-  margin-left: -100px;
-  padding-left: 111px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > a {
-  margin-left: -111px;
-  padding-left: 111px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div:before {
-  margin-left: 50px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand {
-  left: 52px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div {
-  margin-left: -120px;
-  padding-left: 121px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > a {
-  margin-left: -121px;
-  padding-left: 121px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div:before {
-  margin-left: 60px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand {
-  left: 62px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div {
-  margin-left: -140px;
-  padding-left: 131px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > a {
-  margin-left: -131px;
-  padding-left: 131px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div:before {
-  margin-left: 70px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand {
-  left: 72px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div {
-  margin-left: -160px;
-  padding-left: 141px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > a {
-  margin-left: -141px;
-  padding-left: 141px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div:before {
-  margin-left: 80px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand {
-  left: 82px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div {
-  margin-left: -180px;
-  padding-left: 151px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > a {
-  margin-left: -151px;
-  padding-left: 151px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div:before {
-  margin-left: 90px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand {
-  left: 92px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div {
-  margin-left: -200px;
-  padding-left: 161px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > a {
-  margin-left: -161px;
-  padding-left: 161px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div:before {
-  margin-left: 100px;
-}
-.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand {
-  left: 102px;
-}
-.control-treeview p.no-data {
-  padding: 18px 0;
-  margin: 0;
-  color: #666666;
-  font-size: 12px;
-  text-align: center;
-  font-weight: 400;
-}
-.control-treeview a.menu-control {
-  display: block;
-  margin: 20px;
-  padding: 13px 15px;
-  border: dotted 2px #ebebeb;
-  color: #bdc3c7;
-  font-size: 12px;
-  font-weight: 600;
-  text-transform: uppercase;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
-  vertical-align: middle;
-}
-.control-treeview a.menu-control:hover {
-  text-decoration: none;
-  background-color: #58b6f7 !important;
-  color: #ffffff !important;
-  border: none;
-  padding: 15px 17px;
-}
-.control-treeview a.menu-control i {
-  margin-right: 10px;
-  font-size: 14px;
-}
-.control-treeview.light {
-  margin-bottom: 0;
-  margin-top: 20px;
-}
-.control-treeview.light ol {
-  background-color: transparent;
-}
-.control-treeview.light ol > li > div {
-  background-color: transparent;
-  border-bottom: none;
-}
-.control-treeview.light ol > li > div:before {
-  top: 15px;
-}
-.control-treeview.light ol > li > div > a {
-  padding-top: 10px;
-  padding-bottom: 10px;
-}
-.control-treeview.light ol > li > div span.expand {
-  top: 19px;
-}
-.control-treeview.light ol > li > div > span.drag-handle {
-  top: 0;
-  right: 0;
-  bottom: auto;
-  height: 100%;
-  width: 60px;
-  background: #2581b8;
-  -webkit-transition: none !important;
-  transition: none !important;
-}
-.control-treeview.light ol > li > div > span.drag-handle:before {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  margin-left: -6px;
-}
-.control-treeview.light ol > li > div > ul.submenu {
-  right: 60px;
-  left: auto;
-  bottom: auto;
-  top: 0;
-  height: 100%;
-  margin: 0;
-  background: transparent;
-  white-space: nowrap;
-  font-size: 0;
-}
-.control-treeview.light ol > li > div > ul.submenu:before,
-.control-treeview.light ol > li > div > ul.submenu:after {
-  display: none;
-}
-.control-treeview.light ol > li > div > ul.submenu li {
-  height: 100%;
-  display: inline-block;
-  background: #2581b8;
-  border-right: 1px solid #328ec8;
-}
-.control-treeview.light ol > li > div > ul.submenu li p {
-  display: table;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-}
-.control-treeview.light ol > li > div > ul.submenu li p a {
-  display: table-cell;
-  vertical-align: middle;
-  height: 100%;
-  padding: 0 20px;
-  font-size: 13px;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-.control-treeview.light ol > li > div > ul.submenu li p a i.control-icon {
-  font-size: 22px;
-  margin-right: 0;
-}
-@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
-  .control-treeview ol > li > div:before {
-    background-position: 0px -79px;
-    background-size: 21px auto;
-  }
-  .control-treeview ol > li.has-subitems > div:before {
-    background-position: 0px -52px;
-  }
-  .control-treeview ol > li.has-subitems > div:hover:before,
-  .control-treeview ol > li.has-subitems > div.popover-highlight:before {
-    background-position: 0px -102px;
-  }
-  .control-treeview ol > li.dragged > div:before,
-  .control-treeview ol > li.dragged li > div:before,
-  .control-treeview ol > li > div:hover:before,
-  .control-treeview ol > li > div.popover-highlight:before {
-    background-position: 0px -129px;
-  }
-  .control-treeview ol > li.dragged li.has-subitems > div:before,
-  .control-treeview ol > li.dragged.has-subitems > div:before {
-    background-position: 0px -102px;
-  }
-  .control-treeview ol > li.drop-target > div:before {
-    background-position: 0px -129px;
-  }
-  .control-treeview ol > li.drop-target.has-subitems > div:before {
-    background-position: 0px -102px;
-  }
-}
-.sidenav-tree {
-  width: 300px;
-  background: #31495f;
-}
-.sidenav-tree .control-toolbar {
-  padding: 0;
-}
-.sidenav-tree .control-toolbar .toolbar-item {
-  display: block;
-}
-.sidenav-tree .control-toolbar input.form-control {
-  border: none;
-  outline: none;
-  padding: 12px 13px 13px;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-  border-radius: 0;
-  -webkit-box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
-  box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
-}
-.sidenav-tree .control-toolbar input.form-control.search {
-  background-position: right -78px;
-}
-.sidenav-tree ul {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-.sidenav-tree div.scrollbar-thumb {
-  background: #2b3e50!important;
-}
-.sidenav-tree ul.top-level > li[data-status=collapsed] > div.group h3:before {
-  -webkit-transform: rotate(0deg) translate(2px, -2px);
-  -ms-transform: rotate(0deg) translate(2px, -2px);
-  transform: rotate(0deg) translate(2px, -2px);
-}
-.sidenav-tree ul.top-level > li[data-status=collapsed] > div.group h3:after {
-  display: none;
-}
-.sidenav-tree ul.top-level > li[data-status=collapsed] ul {
-  display: none;
-}
-.sidenav-tree ul.top-level > li > div.group {
-  position: relative;
-}
-.sidenav-tree ul.top-level > li > div.group:after {
-  content: '';
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 10px;
-  height: 100%;
-  -webkit-box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
-  box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
-}
-.sidenav-tree ul.top-level > li > div.group h3 {
-  background: #2a3e51;
-  color: #ecf0f1;
-  text-transform: uppercase;
-  font-size: 15px;
-  padding: 15px 15px 15px 40px;
-  margin: 0;
-  position: relative;
-  cursor: pointer;
-}
-.sidenav-tree ul.top-level > li > div.group h3:before {
-  display: block;
-  position: absolute;
-  width: 10px;
-  height: 10px;
-  left: 16px;
-  top: 15px;
-  color: #cfcfcf;
-  font-family: FontAwesome;
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  -webkit-font-smoothing: antialiased;
-  *margin-right: .3em;
-  content: "\f105";
-  -webkit-transform: rotate(90deg) translate(5px, -3px);
-  -ms-transform: rotate(90deg) translate(5px, -3px);
-  transform: rotate(90deg) translate(5px, -3px);
-  -webkit-transition: all 0.1s ease;
-  transition: all 0.1s ease;
-  font-size: 16px;
-}
-.sidenav-tree ul.top-level > li > div.group h3:after {
-  content: '';
-  display: block;
-  width: 0;
-  height: 0;
-  border-left: 7.5px solid transparent;
-  border-right: 7.5px solid transparent;
-  border-top: 8px solid #2a3e51;
-  border-bottom-width: 0;
-  position: absolute;
-  left: 15px;
-  bottom: -8px;
-  z-index: 101;
-}
-.sidenav-tree ul.top-level > li > ul li a {
-  display: block;
-  position: relative;
-  padding: 18px 25px 18px 55px;
-  background: transparent;
-  border-bottom: 1px solid #2a3e51;
-  color: #ffffff;
-  text-decoration: none!important;
-}
-.sidenav-tree ul.top-level > li > ul li a:after {
-  content: '';
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 10px;
-  height: 100%;
-  -webkit-box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
-  box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
-}
-.sidenav-tree ul.top-level > li > ul li a:hover {
-  text-decoration: none;
-}
-.sidenav-tree ul.top-level > li > ul li a i {
-  position: absolute;
-  left: 16px;
-  top: 18px;
-  font-size: 22px;
-}
-.sidenav-tree ul.top-level > li > ul li a span {
-  display: block;
-  line-height: 150%;
-}
-.sidenav-tree ul.top-level > li > ul li a span.header {
-  color: #ffffff;
-  font-size: 16px;
-  margin-bottom: 5px;
-}
-.sidenav-tree ul.top-level > li > ul li a span.description {
-  color: #bdc3c7;
-  font-size: 15px;
-}
-.sidenav-tree ul.top-level > li > ul li.active a,
-.sidenav-tree ul.top-level > li > ul li:hover a {
-  background: #1f99dc;
-  color: rgba(255, 255, 255, 0.91);
-}
-.sidenav-tree ul.top-level > li > ul li.active a span.header,
-.sidenav-tree ul.top-level > li > ul li:hover a span.header {
-  color: #ffffff;
-}
-.sidenav-tree ul.top-level > li > ul li.active a span.description,
-.sidenav-tree ul.top-level > li > ul li:hover a span.description {
-  color: rgba(255, 255, 255, 0.91);
-}
-.sidenav-tree ul.top-level > li > ul li:last-child a {
-  border-bottom: none;
-}
-.sidenav-tree .back-link {
-  display: none;
-}
-@media (max-width: 768px) {
-  .sidenav-tree {
-    width: 100%;
-    height: auto !important;
-    display: block !important;
-  }
-  .sidenav-tree > .layout {
-    display: none;
-  }
-  .sidenav-tree-root .sidenav-tree {
-    width: 100% !important;
-    height: 100% !important;
-    display: table-cell !important;
-  }
-  .sidenav-tree-root .sidenav-tree .back-link {
-    display: none !important;
-  }
-  .sidenav-tree-root .sidenav-tree > .layout {
-    display: table !important;
-  }
-  .sidenav-tree-root #layout-body {
-    display: none;
-  }
-  body.has-sidenav-tree .sidenav-tree .back-link {
-    display: block;
-    padding: 13px 15px;
-    background: #2b3e50;
-    color: #bdc3c7;
-    font-size: 14px;
-    line-height: 14px;
-    text-transform: uppercase;
-  }
-  body.has-sidenav-tree .sidenav-tree .back-link i {
-    display: inline-block;
-    margin-right: 10px;
-  }
-  body.has-sidenav-tree .sidenav-tree .back-link:hover {
-    text-decoration: none;
-  }
-  body.has-sidenav-tree #layout-body {
-    display: block !important;
-  }
-}
-div.panel {
-  padding: 20px;
-  /*
-     * Panel sections
-     */
-}
-div.panel.no-padding {
-  padding: 0;
-}
-div.panel.no-padding-bottom {
-  padding-bottom: 0;
-}
-div.panel.padding-top {
-  padding-top: 20px;
-}
-div.panel.padding-less {
-  padding: 15px;
-}
-div.panel.transparent {
-  background: transparent;
-}
-div.panel.border-left {
-  border-left: 1px solid #e8eaeb;
-}
-div.panel.border-right {
-  border-right: 1px solid #e8eaeb;
-}
-div.panel.border-bottom {
-  border-bottom: 1px solid #e8eaeb;
-}
-div.panel.border-top {
-  border-top: 1px solid #e8eaeb;
-}
-div.panel.triangle-down {
-  position: relative;
-}
-div.panel.triangle-down:after {
-  content: '';
-  display: block;
-  width: 0;
-  height: 0;
-  border-left: 7.5px solid transparent;
-  border-right: 7.5px solid transparent;
-  border-top: 8px solid #ffffff;
-  border-bottom-width: 0;
-  position: absolute;
-  left: 15px;
-  bottom: -8px;
-  z-index: 101;
-}
-div.panel.triangle-down:before {
-  content: '';
-  display: block;
-  width: 0;
-  height: 0;
-  border-left: 8.5px solid transparent;
-  border-right: 8.5px solid transparent;
-  border-top: 9px solid #e8eaeb;
-  border-bottom-width: 0;
-  position: absolute;
-  left: 14px;
-  bottom: -9px;
-  z-index: 100;
-}
-div.panel h3.section,
-div.panel > label {
-  text-transform: uppercase;
-  color: #95a5a6;
-  font-size: 13px;
-  font-weight: 600;
-  margin: 0 0 15px 0;
-}
-div.panel > label {
-  margin-bottom: 5px;
-}
-.nav.selector-group {
-  font-size: 13px;
-  letter-spacing: 0.01em;
-  margin-bottom: 20px;
-}
-.nav.selector-group li a {
-  padding: 7px 20px 7px 23px;
-  color: #95a5a6;
-}
-.nav.selector-group li.active {
-  border-left: 3px solid #e6802b;
-  padding-left: 0;
-}
-.nav.selector-group li.active a {
-  padding-left: 20px;
-  color: #2b3e50;
-}
-.nav.selector-group li i[class^="icon-"] {
-  font-size: 17px;
-  margin-right: 6px;
-  position: relative;
-  top: 1px;
-}
-div.panel .nav.selector-group {
-  margin: 0 -20px 20px -20px;
-}
-ul.tree-path {
-  list-style: none;
-  padding: 0;
-  margin-bottom: 0;
-}
-ul.tree-path li {
-  display: inline-block;
-  margin-right: 1px;
-  font-size: 13px;
-}
-ul.tree-path li:after {
-  font-family: FontAwesome;
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  -webkit-font-smoothing: antialiased;
-  *margin-right: .3em;
-  content: "\f105";
-  display: inline-block;
-  font-size: 13px;
-  margin-left: 5px;
-  position: relative;
-  top: 1px;
-  color: #95a5a6;
-}
-ul.tree-path li:last-child a {
-  cursor: default;
-}
-ul.tree-path li:last-child:after {
-  display: none;
-}
-ul.tree-path li.go-up {
-  font-size: 12px;
-  margin-right: 7px;
-}
-ul.tree-path li.go-up a {
-  color: #95a5a6;
-}
-ul.tree-path li.go-up a:hover {
-  color: #0181b9;
-}
-ul.tree-path li.go-up:after {
-  display: none;
-}
-ul.tree-path li.root a {
-  font-weight: 600;
-  color: #405261;
-}
-ul.tree-path li a {
-  color: #95a5a6;
-}
-ul.tree-path li a:hover {
-  text-decoration: none;
-}
-table.name-value-list {
-  border-collapse: collapse;
-  font-size: 13px;
-}
-table.name-value-list th,
-table.name-value-list td {
-  padding: 4px 0 4px 0;
-  vertical-align: top;
-}
-table.name-value-list tr:first-child th,
-table.name-value-list tr:first-child td {
-  padding-top: 0;
-}
-table.name-value-list th {
-  font-weight: 600;
-  color: #95a5a6;
-  padding-right: 15px;
-  text-transform: uppercase;
-}
-table.name-value-list td {
-  color: #2b3e50;
-  word-wrap: break-word;
-}
-.scrollpad-scrollbar-size-tester {
-  width: 50px;
-  height: 50px;
-  overflow-y: scroll;
-  position: absolute;
-  top: -200px;
-  left: -200px;
-}
-.scrollpad-scrollbar-size-tester div {
-  height: 100px;
-}
-.scrollpad-scrollbar-size-tester::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-}
-div.control-scrollpad {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-div.control-scrollpad > div {
-  overflow: hidden;
-  overflow-y: scroll;
-  height: 100%;
-}
-div.control-scrollpad > div::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-}
-div.control-scrollpad[data-direction=horizontal] > div {
-  overflow-x: scroll;
-  overflow-y: hidden;
-  width: 100%;
-}
-div.control-scrollpad[data-direction=horizontal] > div::-webkit-scrollbar {
-  width: auto;
-  height: 0;
-}
-div.control-scrollpad > .scrollpad-scrollbar {
-  z-index: 199;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: 11px;
-  background-color: transparent;
-  opacity: 0;
-  overflow: hidden;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
-  -webkit-transition: opacity 0.3s;
-  transition: opacity 0.3s;
-}
-div.control-scrollpad > .scrollpad-scrollbar .drag-handle {
-  position: absolute;
-  right: 2px;
-  min-height: 10px;
-  width: 7px;
-  background-color: #aaaaaa;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
-}
-div.control-scrollpad > .scrollpad-scrollbar:hover {
-  opacity: 0.7;
-  -webkit-transition: opacity 0 linear;
-  transition: opacity 0 linear;
-}
-div.control-scrollpad > .scrollpad-scrollbar[data-visible] {
-  opacity: 0.7;
-}
-div.control-scrollpad > .scrollpad-scrollbar[data-hidden] {
-  display: none;
-}
-div.control-scrollpad[data-direction=horizontal] > .scrollpad-scrollbar {
-  top: auto;
-  left: 0;
-  width: auto;
-  height: 11px;
-}
-div.control-scrollpad[data-direction=horizontal] > .scrollpad-scrollbar .drag-handle {
-  right: auto;
-  top: 2px;
-  height: 7px;
-  min-height: 0;
-  min-width: 10px;
-  width: auto;
-}
-.autocomplete.dropdown-menu {
-  background: white;
-}
-.autocomplete.dropdown-menu li a {
-  padding: 3px 12px;
-}
-.svg-icon-container img.svg-icon {
-  display: none;
-}
-.svg-icon-container.svg-active-effects img.svg-icon {
-  -webkit-filter: grayscale(100%);
-  filter: grayscale(100%);
-  opacity: 0.6;
-  filter: alpha(opacity=60);
-}
-.svg-icon-container.svg-active-effects:hover img.svg-icon,
-.svg-icon-container.svg-active-effects.active img.svg-icon {
-  -webkit-filter: none;
-  filter: none;
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-html.svg .svg-icon-container i.svg-replace {
-  display: none;
-}
-@-webkit-keyframes fadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes fadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.fadeIn {
-  -webkit-animation-name: fadeIn;
-  animation-name: fadeIn;
-}
-@-webkit-keyframes fadeInDown {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-@keyframes fadeInDown {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -100%, 0);
-    -ms-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    -ms-transform: none;
-    transform: none;
-  }
-}
-.fadeInDown {
-  -webkit-animation-name: fadeInDown;
-  animation-name: fadeInDown;
-}
-@-webkit-keyframes fadeInLeft {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-@keyframes fadeInLeft {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0);
-    -ms-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    -ms-transform: none;
-    transform: none;
-  }
-}
-.fadeInLeft {
-  -webkit-animation-name: fadeInLeft;
-  animation-name: fadeInLeft;
-}
-@-webkit-keyframes fadeInRight {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-@keyframes fadeInRight {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0);
-    -ms-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    -ms-transform: none;
-    transform: none;
-  }
-}
-.fadeInRight {
-  -webkit-animation-name: fadeInRight;
-  animation-name: fadeInRight;
-}
-@-webkit-keyframes fadeInUp {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-@keyframes fadeInUp {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 100%, 0);
-    -ms-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    -ms-transform: none;
-    transform: none;
-  }
-}
-.fadeInUp {
-  -webkit-animation-name: fadeInUp;
-  animation-name: fadeInUp;
-}
-@-webkit-keyframes fadeInUpBig {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 2000px, 0);
-    transform: translate3d(0, 2000px, 0);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-@-webkit-keyframes fadeOut {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-@keyframes fadeOut {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-.fadeOut {
-  -webkit-animation-name: fadeOut;
-  animation-name: fadeOut;
-}
-@-webkit-keyframes fadeOutDown {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-  }
-}
-@keyframes fadeOutDown {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 100%, 0);
-    -ms-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-  }
-}
-.fadeOutDown {
-  -webkit-animation-name: fadeOutDown;
-  animation-name: fadeOutDown;
-}
-@-webkit-keyframes fadeOutLeft {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-@keyframes fadeOutLeft {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0);
-    -ms-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-.fadeOutLeft {
-  -webkit-animation-name: fadeOutLeft;
-  animation-name: fadeOutLeft;
-}
-@-webkit-keyframes fadeOutRight {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-  }
-}
-@keyframes fadeOutRight {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0);
-    -ms-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-  }
-}
-.fadeOutRight {
-  -webkit-animation-name: fadeOutRight;
-  animation-name: fadeOutRight;
-}
-@-webkit-keyframes fadeOutUp {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-  }
-}
-@keyframes fadeOutUp {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -100%, 0);
-    -ms-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-  }
-}
-.fadeOutUp {
-  -webkit-animation-name: fadeOutUp;
-  animation-name: fadeOutUp;
-}
-body.drag * {
-  cursor: drag !important;
-  cursor: -webkit-grab !important;
-  cursor: -moz-grab !important;
-}
-body.dragging,
-body.dragging * {
-  cursor: move !important;
-}
-body.loading,
-body.loading * {
-  cursor: wait !important;
-}
-body.no-select {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  cursor: default!important;
-}
-html,
-body {
-  height: 100%;
-  /* The html and body elements cannot have any padding or margin. */
-}
-body {
-  webkit-font-smoothing: antialiased;
-  font-family: sans-serif;
-  background: #f9f9f9;
-}
-#layout-canvas {
-  min-height: 100%;
-  height: 100%;
-}
-.control-tabs.primary-tabs > ul.nav-tabs,
-.control-tabs.primary-tabs > div > ul.nav-tabs,
-.control-tabs.primary-tabs > div > div > ul.nav-tabs {
-  margin-left: -25px;
-  margin-right: -25px;
-}
-.control-tabs.primary-tabs.tabs-no-inset > ul.nav-tabs,
-.control-tabs.primary-tabs.tabs-no-inset > div > ul.nav-tabs,
-.control-tabs.primary-tabs.tabs-no-inset > div > div > ul.nav-tabs {
-  margin-left: 0;
-  margin-right: 0;
-}
-.layout {
-  display: table;
-  table-layout: fixed;
-  height: 100%;
-  width: 100%;
-}
-.layout > .layout-row {
-  display: table-row;
-  vertical-align: top;
-  height: 100%;
-}
-.layout > .layout-row > .layout-cell {
-  display: table-cell;
-  vertical-align: top;
-  height: 100%;
-}
-.layout > .layout-row > .layout-cell.width-100 {
-  width: 100px;
-}
-.layout > .layout-row > .layout-cell.width-120 {
-  width: 120px;
-}
-.layout > .layout-row > .layout-cell.width-140 {
-  width: 140px;
-}
-.layout > .layout-row > .layout-cell.width-200 {
-  width: 200px;
-}
-.layout > .layout-row > .layout-cell.width-300 {
-  width: 300px;
-}
-.layout > .layout-row > .layout-cell.width-350 {
-  width: 350px;
-}
-.layout > .layout-row > .layout-cell.layout-container,
-.layout > .layout-row > .layout-cell .layout-container,
-.layout > .layout-row > .layout-cell.padded-container,
-.layout > .layout-row > .layout-cell .padded-container {
-  padding: 25px 25px 0 25px;
-}
-.layout > .layout-row > .layout-cell.layout-container .container-flush,
-.layout > .layout-row > .layout-cell .layout-container .container-flush,
-.layout > .layout-row > .layout-cell.padded-container .container-flush,
-.layout > .layout-row > .layout-cell .padded-container .container-flush {
-  padding-top: 0;
-}
-.layout > .layout-row > .layout-cell .layout-relative {
-  position: relative;
-  height: 100%;
-}
-.layout > .layout-row > .layout-cell .layout-absolute {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-}
-.layout > .layout-row > .layout-cell.min-size {
-  width: 0;
-}
-.layout > .layout-row > .layout-cell.min-height {
-  height: 0;
-}
-.layout > .layout-row > .layout-cell.center {
-  text-align: center;
-}
-.layout > .layout-row > .layout-cell.middle {
-  vertical-align: middle;
-}
-.layout > .layout-row > .layout-cell.width-100 {
-  width: 100px;
-}
-.layout > .layout-row > .layout-cell.width-120 {
-  width: 120px;
-}
-.layout > .layout-row > .layout-cell.width-140 {
-  width: 140px;
-}
-.layout > .layout-row > .layout-cell.width-200 {
-  width: 200px;
-}
-.layout > .layout-row > .layout-cell.width-300 {
-  width: 300px;
-}
-.layout > .layout-row > .layout-cell.width-350 {
-  width: 350px;
-}
-.layout > .layout-row > .layout-cell.layout-container,
-.layout > .layout-row > .layout-cell .layout-container,
-.layout > .layout-row > .layout-cell.padded-container,
-.layout > .layout-row > .layout-cell .padded-container {
-  padding: 25px 25px 0 25px;
-}
-.layout > .layout-row > .layout-cell.layout-container .container-flush,
-.layout > .layout-row > .layout-cell .layout-container .container-flush,
-.layout > .layout-row > .layout-cell.padded-container .container-flush,
-.layout > .layout-row > .layout-cell .padded-container .container-flush {
-  padding-top: 0;
-}
-.layout > .layout-row > .layout-cell .layout-relative {
-  position: relative;
-  height: 100%;
-}
-.layout > .layout-row > .layout-cell .layout-absolute {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-}
-.layout > .layout-row > .layout-cell.min-size {
-  width: 0;
-}
-.layout > .layout-row > .layout-cell.min-height {
-  height: 0;
-}
-.layout > .layout-row > .layout-cell.center {
-  text-align: center;
-}
-.layout > .layout-row > .layout-cell.middle {
-  vertical-align: middle;
-}
-.layout > .layout-row.min-size {
-  height: 0;
-}
-.layout > .layout-cell {
-  display: table-cell;
-  vertical-align: top;
-  height: 100%;
-}
-.layout > .layout-cell.width-100 {
-  width: 100px;
-}
-.layout > .layout-cell.width-120 {
-  width: 120px;
-}
-.layout > .layout-cell.width-140 {
-  width: 140px;
-}
-.layout > .layout-cell.width-200 {
-  width: 200px;
-}
-.layout > .layout-cell.width-300 {
-  width: 300px;
-}
-.layout > .layout-cell.width-350 {
-  width: 350px;
-}
-.layout > .layout-cell.layout-container,
-.layout > .layout-cell .layout-container,
-.layout > .layout-cell.padded-container,
-.layout > .layout-cell .padded-container {
-  padding: 25px 25px 0 25px;
-}
-.layout > .layout-cell.layout-container .container-flush,
-.layout > .layout-cell .layout-container .container-flush,
-.layout > .layout-cell.padded-container .container-flush,
-.layout > .layout-cell .padded-container .container-flush {
-  padding-top: 0;
-}
-.layout > .layout-cell .layout-relative {
-  position: relative;
-  height: 100%;
-}
-.layout > .layout-cell .layout-absolute {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-}
-.layout > .layout-cell.min-size {
-  width: 0;
-}
-.layout > .layout-cell.min-height {
-  height: 0;
-}
-.layout > .layout-cell.center {
-  text-align: center;
-}
-.layout > .layout-cell.middle {
-  vertical-align: middle;
-}
-.whiteboard {
-  background: white;
-}
-.layout-fill-container {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-}
-.layout-cell.width-fix > form,
-[data-calculate-width] > form,
-.layout-cell.width-fix > div,
-[data-calculate-width] > div {
-  display: inline-block;
-}
-body.compact-container .layout.layout-container,
-body.compact-container .layout .layout-container {
-  padding: 0 !important;
-}
-body.slim-container .layout.layout-container,
-body.slim-container .layout .layout-container {
-  padding-left: 0 !important;
-  padding-right: 0 !important;
-}
-@media (max-width: 768px) {
-  .layout .hide-on-small {
-    display: none;
-  }
-  .layout.responsive-sidebar > .layout-cell:first-child {
-    display: table-footer-group;
-    height: auto;
-  }
-  .layout.responsive-sidebar > .layout-cell:first-child .control-breadcrumb {
-    display: none;
-  }
-  .layout.responsive-sidebar > .layout-cell:last-child {
-    display: table-header-group;
-    width: auto;
-    height: auto;
-  }
-  .layout.responsive-sidebar > .layout-cell:last-child .layout-absolute {
-    position: static;
-  }
-}
-.flex-layout-column {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -moz-flex;
-  display: -ms-flexbox;
-  display: -ms-flex;
-  display: flex;
-  -webkit-flex-direction: column;
-  -moz-flex-direction: column;
-  -webkit-box-orient: vertical;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-.flex-layout-column.full-height-strict {
-  height: 100%;
-}
-.flex-layout-column.absolute {
-  position: absolute!important;
-}
-.flex-layout-column.fill-container {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-}
-.flex-layout-row {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -moz-flex;
-  display: -ms-flexbox;
-  display: -ms-flex;
-  display: flex;
-  -webkit-flex-direction: row;
-  -moz-flex-direction: row;
-  -webkit-box-orient: horizontal;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-.flex-layout-column.justify-center,
-.flex-layout-row.justify-center {
-  -webkit-justify-content: center;
-  -moz-justify-content: center;
-  -ms-justify-content: ;
-  -webkit-box-pack: center;
-  justify-content: center;
-}
-.flex-layout-column.align-center,
-.flex-layout-row.align-center {
-  -webkit-align-items: center;
-  -moz-align-items: center;
-  -ms-align-items: center;
-  align-items: center;
-  -webkit-align-content: center;
-  -moz-align-content: center;
-  -webkit-box-align: center;
-  -ms-align-content: center;
-  align-content: center;
-}
-.flex-layout-column.full-height,
-.flex-layout-row.full-height {
-  min-height: 100%;
-}
-.flex-layout-item {
-  margin: 0;
-}
-.flex-layout-item.fix {
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 0 auto;
-  -moz-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-}
-.flex-layout-item.stretch {
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-  -moz-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-}
-.flex-layout-item.stretch-constrain {
-  -webkit-box-flex: 1;
-  -webkit-flex: 1;
-  -moz-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-.flex-layout-item.center {
-  -webkit-align-self: center;
-  -moz-align-self: center;
-  -ms-align-self: center;
-  align-self: center;
-}
-.flex-layout-item.relative {
-  position: relative;
-}
-.flex-layout-item.layout-container {
-  max-width: none;
-}
-.flex-layout-item.width-100 {
-  width: 100px;
-}
-.flex-layout-item.width-200 {
-  width: 200px;
-}
-.flex-layout-item.width-300 {
-  width: 300px;
-}
-body.mainmenu-open {
-  overflow: hidden;
-}
-nav#layout-mainmenu {
-  background-color: #111111;
-  padding: 0 0 0 20px;
-  line-height: 0;
-  white-space: nowrap;
-  vertical-align: top;
-}
-nav#layout-mainmenu a {
-  text-decoration: none;
-}
-nav#layout-mainmenu a:focus {
-  background: transparent;
-}
-nav#layout-mainmenu ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  float: left;
-  white-space: nowrap;
-  overflow: hidden;
-}
-nav#layout-mainmenu ul li {
-  color: #555555;
-  display: inline-block;
-  vertical-align: top;
-  margin-right: 30px;
-  position: relative;
-}
-nav#layout-mainmenu ul li a {
-  padding: 19px 0 15px;
-  display: inline-block;
-  font-size: 16px;
-  color: inherit;
-  outline: none;
-}
-nav#layout-mainmenu ul li a:hover {
-  background-color: transparent !important;
-}
-nav#layout-mainmenu ul li a:active,
-nav#layout-mainmenu ul li a:focus {
-  text-decoration: none;
-  color: #555555;
-}
-nav#layout-mainmenu ul li a i {
-  position: relative;
-  top: -2px;
-  line-height: 1;
-  font-size: 35px;
-  vertical-align: middle;
-  margin-right: 10px;
-}
-nav#layout-mainmenu ul li a i {
-  font-size: 30px;
-}
-nav#layout-mainmenu ul li a img.svg-icon {
-  height: 30px;
-  width: 30px;
-  margin-right: 10px;
-  position: relative;
-  top: 0;
-}
-nav#layout-mainmenu ul li:last-child {
-  margin-right: 0;
-}
-nav#layout-mainmenu ul li.active:after {
-  content: ' ';
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  margin-left: -8.5px;
-}
-nav#layout-mainmenu ul li.active a {
-  font-size: 18px;
-  padding-top: 13px;
-  padding-bottom: 8px;
-}
-nav#layout-mainmenu ul li.active a i {
-  font-size: 40px;
-}
-nav#layout-mainmenu ul li.active a img.svg-icon {
-  height: 40px;
-  width: 40px;
-}
-nav#layout-mainmenu ul li.icon {
-  margin-right: 0;
-}
-nav#layout-mainmenu ul li.icon i {
-  margin-right: 0;
-}
-nav#layout-mainmenu ul li.icon a {
-  padding: 14px;
-}
-nav#layout-mainmenu ul li.power-off i,
-nav#layout-mainmenu ul li.preview i {
-  font-size: 20px;
-}
-nav#layout-mainmenu ul li.power-off a,
-nav#layout-mainmenu ul li.preview a {
-  padding: 25px 10px 19px 21px;
-}
-nav#layout-mainmenu ul li.account {
-  margin-right: 0;
-}
-nav#layout-mainmenu ul li.account > a {
-  padding: 16px 20px 13px 10px;
-  font-size: 18px;
-  position: relative;
-  z-index: 590;
-}
-nav#layout-mainmenu ul li.account img {
-  width: 35px;
-  margin-right: 15px;
-  position: relative;
-  top: -1px;
-}
-nav#layout-mainmenu ul li.account ul {
-  line-height: 23px;
-}
-nav#layout-mainmenu ul.nav {
-  display: inline-block;
-}
-nav#layout-mainmenu .menu-toggle {
-  padding: 19px 0 15px;
-  display: inline-block;
-  font-size: 16px;
-  color: inherit;
-  outline: none;
-  display: none;
-}
-nav#layout-mainmenu .menu-toggle:hover {
-  background-color: transparent !important;
-}
-nav#layout-mainmenu .menu-toggle:active,
-nav#layout-mainmenu .menu-toggle:focus {
-  text-decoration: none;
-  color: #555555;
-}
-nav#layout-mainmenu .menu-toggle i {
-  position: relative;
-  top: -2px;
-  line-height: 1;
-  font-size: 35px;
-  vertical-align: middle;
-  margin-right: 10px;
-}
-nav#layout-mainmenu .toolbar-item {
-  padding-right: 0;
-}
-nav#layout-mainmenu .toolbar-item:before,
-nav#layout-mainmenu .toolbar-item:after {
-  margin-top: 0;
-}
-nav#layout-mainmenu .toolbar-item:before {
-  left: -12px;
-}
-nav#layout-mainmenu .toolbar-item:after {
-  right: -12px;
-}
-nav#layout-mainmenu .toolbar-item.scroll-active-before:before {
-  color: #ffffff;
-}
-nav#layout-mainmenu .toolbar-item.scroll-active-after:after {
-  color: #ffffff;
-}
-html.svg nav#layout-mainmenu img.svg-icon,
-html.svg .mainmenu-collapsed img.svg-icon {
-  display: inline-block;
-}
-nav#layout-mainmenu ul li .mainmenu-accountmenu {
-  position: fixed;
-  top: 64px;
-  right: 0;
-  background: #2b3e50;
-  z-index: 590;
-  display: none;
-}
-nav#layout-mainmenu ul li .mainmenu-accountmenu.active {
-  display: block;
-}
-nav#layout-mainmenu ul li .mainmenu-accountmenu:after {
-  content: '';
-  display: block;
-  width: 0;
-  height: 0;
-  border-left: 11px solid transparent;
-  border-right: 11px solid transparent;
-  border-bottom: 12px solid #2b3e50;
-  right: 40px;
-  top: -12px;
-  position: absolute;
-}
-nav#layout-mainmenu ul li .mainmenu-accountmenu ul {
-  float: none;
-  display: block;
-}
-nav#layout-mainmenu ul li .mainmenu-accountmenu li {
-  padding: 0;
-  margin: 0;
-  font-weight: normal;
-  text-align: left;
-  display: block;
-}
-nav#layout-mainmenu ul li .mainmenu-accountmenu li a {
-  display: block;
-  padding: 12px 30px;
-  text-align: left;
-}
-nav#layout-mainmenu ul li .mainmenu-accountmenu li:hover {
-  background: #3d5265!important;
-}
-nav#layout-mainmenu ul li .mainmenu-accountmenu li.divider {
-  height: 1px;
-  width: 100%;
-  background-color: #4b6372;
-}
-@media (max-width: 768px) {
-  nav#layout-mainmenu ul li .mainmenu-accountmenu:after {
-    right: 71px;
-  }
-}
-nav#layout-mainmenu.navbar ul li:hover a:active,
-.mainmenu-collapsed li:hover a:active,
-nav#layout-mainmenu.navbar ul li:hover a:focus,
-.mainmenu-collapsed li:hover a:focus {
-  color: #ffffff !important;
-}
-.touch .mainmenu-collapsed li a:hover {
-  color: #555555;
-}
-nav#layout-mainmenu.navbar ul li.active,
-.mainmenu-collapsed li.active,
-nav#layout-mainmenu.navbar ul li.highlight,
-.mainmenu-collapsed li.highlight {
-  color: #ffffff !important;
-}
-nav#layout-mainmenu.navbar ul li.active a,
-.mainmenu-collapsed li.active a,
-nav#layout-mainmenu.navbar ul li.highlight a,
-.mainmenu-collapsed li.highlight a {
-  color: #ffffff !important;
-}
-nav#layout-mainmenu.navbar ul li:hover,
-.mainmenu-collapsed li:hover {
-  color: #ffffff;
-  background: transparent;
-}
-body.drag nav#layout-mainmenu.navbar ul.nav li:hover,
-body.drag .mainmenu-collapsed ul li:hover {
-  color: #555555;
-}
-@media (max-width: 769px) {
-  nav#layout-mainmenu.navbar ul.nav {
-    display: none;
-  }
-  nav#layout-mainmenu.navbar .menu-toggle {
-    display: inline-block;
-    color: #ffffff !important;
-  }
-  .mainmenu-collapsed {
-    position: fixed;
-    height: 100%;
-    left: 0;
-    top: 0;
-    width: 0;
-    background: #333333;
-    -webkit-box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
-    box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
-    margin: 0;
-  }
-  .mainmenu-collapsed > div {
-    display: relative;
-    height: 100%;
-  }
-  .mainmenu-collapsed > div ul {
-    overflow: hidden;
-    padding: 0;
-    margin: 0;
-  }
-  .mainmenu-collapsed > div ul li {
-    text-transform: uppercase;
-    list-style: none;
-    color: #555555;
-  }
-  .mainmenu-collapsed > div ul li a {
-    padding: 19px 0 15px;
-    display: inline-block;
-    font-size: 16px;
-    color: inherit;
-    outline: none;
-    white-space: nowrap;
-    display: block;
-    padding: 15px 20px;
-  }
-  .mainmenu-collapsed > div ul li a:hover {
-    background-color: transparent !important;
-  }
-  .mainmenu-collapsed > div ul li a:active,
-  .mainmenu-collapsed > div ul li a:focus {
-    text-decoration: none;
-    color: #555555;
-  }
-  .mainmenu-collapsed > div ul li a i {
-    position: relative;
-    top: -2px;
-    line-height: 1;
-    font-size: 35px;
-    vertical-align: middle;
-    margin-right: 10px;
-  }
-  .mainmenu-collapsed > div ul li a:hover {
-    text-decoration: none;
-  }
-  .mainmenu-collapsed > div ul li a img.svg-icon {
-    margin-right: 10px;
-    position: relative;
-    top: -3px;
-    width: 30px;
-    height: 30px;
-  }
-  .mainmenu-collapsed > div ul li a i {
-    width: 40px;
-    text-align: left;
-    display: inline-block;
-  }
-  .mainmenu-collapsed > div ul li.active a {
-    padding: 9px 20px 11px 20px;
-  }
-  .mainmenu-collapsed .scroll-marker {
-    position: absolute;
-    left: 0;
-    width: 100%;
-    height: 10px;
-    display: none;
-  }
-  .mainmenu-collapsed .scroll-marker:after {
-    font-family: FontAwesome;
-    font-weight: normal;
-    font-style: normal;
-    text-decoration: inherit;
-    -webkit-font-smoothing: antialiased;
-    *margin-right: .3em;
-    content: "\f141";
-    display: block;
-    position: absolute;
-    left: 50%;
-    margin-left: -3px;
-    top: 0;
-    height: 9px;
-    font-size: 10px;
-    color: #555555;
-  }
-  .mainmenu-collapsed .scroll-marker.before {
-    top: 0;
-  }
-  .mainmenu-collapsed .scroll-marker.after {
-    bottom: 3px;
-  }
-  .mainmenu-collapsed .scroll-marker.after:after {
-    top: 2px;
-  }
-  .mainmenu-collapsed.scroll-before .scroll-marker.before {
-    display: block;
-  }
-  .mainmenu-collapsed.scroll-after .scroll-marker.after {
-    display: block;
-  }
-}
-body.mainmenu-open .mainmenu-collapsed ul {
-  position: fixed;
-  left: 0;
-  top: 10px;
-  bottom: 10px;
-}
-@media (min-width: 770px) {
-  #layout-canvas {
-    position: static!important;
-  }
-  .mainmenu-collapsed {
-    display: none!important;
-  }
-}
-#layout-sidenav {
-  background-color: #31495f;
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-#layout-sidenav ul {
-  position: relative;
-  margin: 0;
-  padding: 0;
-  height: 100%;
-  overflow: hidden;
-}
-#layout-sidenav ul:after {
-  content: '';
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 10px;
-  height: 100%;
-  -webkit-box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
-  box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
-}
-#layout-sidenav ul li {
-  display: block;
-  text-align: center;
-  position: relative;
-}
-#layout-sidenav ul li a {
-  padding: 20px 13px;
-  display: block;
-  font-size: 15px;
-  color: rgba(255, 255, 255, 0.35);
-  font-weight: normal;
-  position: relative;
-}
-#layout-sidenav ul li a:after {
-  content: '';
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 10px;
-  height: 100%;
-  -webkit-box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
-  box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
-}
-#layout-sidenav ul li a:hover {
-  text-decoration: none;
-  background-color: transparent;
-}
-#layout-sidenav ul li a:focus {
-  background: transparent;
-}
-#layout-sidenav ul li a i {
-  color: rgba(255, 255, 255, 0.35);
-  display: block;
-  margin-bottom: 5px;
-  font-size: 28px;
-}
-#layout-sidenav ul li.active a,
-#layout-sidenav ul li a:hover {
-  background: #1f99dc;
-  color: #ffffff;
-}
-#layout-sidenav ul li.active a i,
-#layout-sidenav ul li a:hover i {
-  color: #ffffff;
-}
-#layout-sidenav ul li span.counter {
-  display: block;
-  position: absolute;
-  top: 15px;
-  right: 15px;
-  padding: 2px 6px 3px 4px;
-  background-color: #d9350f;
-  color: #ffffff;
-  font-size: 11px;
-  line-height: 100%;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  opacity: 1;
-  filter: alpha(opacity=100);
-  -webkit-transform: scale(1, );
-  -ms-transform: scale(1, );
-  transform: scale(1, );
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-}
-#layout-sidenav ul li span.counter.empty {
-  opacity: 0;
-  filter: alpha(opacity=0);
-  -webkit-transform: scale(0, );
-  -ms-transform: scale(0, );
-  transform: scale(0, );
-}
-#layout-sidenav.layout-sidenav ul.drag li:not(.active) a:hover,
-.touch #layout-sidenav.layout-sidenav li:not(.active) a:hover {
-  color: rgba(255, 255, 255, 0.35) !important;
-}
-#layout-sidenav.layout-sidenav ul.drag li:not(.active) a:hover i,
-.touch #layout-sidenav.layout-sidenav li:not(.active) a:hover i {
-  color: rgba(255, 255, 255, 0.35) !important;
-}
-#layout-sidenav.layout-sidenav ul.drag li:not(.active) a:hover:after,
-.touch #layout-sidenav.layout-sidenav li:not(.active) a:hover:after {
-  display: none !important;
-}
-#layout-side-panel .fix-button {
-  position: absolute;
-  right: 2px;
-  top: 1px;
-  display: block;
-  width: 20px;
-  height: 20px;
-  font-size: 13px;
-}
-#layout-side-panel .fix-button i {
-  display: block;
-  text-align: center;
-  margin-top: 5px;
-  color: #aaaaaa;
-}
-#layout-side-panel .fix-button:hover {
-  text-decoration: none;
-  opacity: 1 !important;
-  filter: alpha(opacity=100) !important;
-}
-#layout-side-panel .fix-button-content-header .fix-button {
-  top: 9px;
-  right: 7px;
-}
-#layout-side-panel .fix-button-content-header .fix-button i {
-  color: #eeeeee;
-}
-#layout-side-panel .sidepanel-content-header {
-  background: #d35400;
-  color: white;
-  font-size: 14px;
-  padding: 8px 15px;
-  position: relative;
-}
-#layout-side-panel .sidepanel-content-header:after {
-  content: '';
-  display: block;
-  width: 0;
-  height: 0;
-  border-left: 7.5px solid transparent;
-  border-right: 7.5px solid transparent;
-  border-top: 8px solid #d35400;
-  border-bottom-width: 0;
-  position: absolute;
-  left: 14px;
-  bottom: -8px;
-}
-body.side-panel-not-fixed #layout-side-panel {
-  display: none;
-}
-body.side-panel-not-fixed #layout-side-panel .fix-button {
-  opacity: 0.5;
-  filter: alpha(opacity=50);
-}
-body.display-side-panel #layout-side-panel {
-  display: block;
-  position: absolute;
-  z-index: 500;
-  width: 350px;
-  -webkit-box-shadow: 2px 0px 2px 0 rgba(0, 0, 0, 0.3);
-  box-shadow: 2px 0px 2px 0 rgba(0, 0, 0, 0.3);
-}
-@media (min-width: 992px) {
-  body.side-panel-fix-shadow #layout-side-panel {
-    -webkit-box-shadow: none;
-    box-shadow: none;
-  }
-}
-.touch #layout-side-panel .fix-button {
-  display: none;
-}
-@media (max-width: 768px) {
-  #layout-side-panel .fix-button {
-    display: none;
-  }
-}
-#layout-footer {
-  width: 100%;
-  z-index: 100;
-  height: 60px;
-  position: fixed;
-  bottom: 0;
-  color: #666666;
-  background-color: rgba(255, 255, 255, 0.8);
-  border-top: 1px solid #dfdfdf;
-}
-#layout-footer .brand,
-#layout-footer .tagline {
-  margin: 10px;
-  height: 40px;
-  line-height: 40px;
-}
-#layout-footer .brand {
-  float: left;
-  font-size: 16px;
-}
-#layout-footer .brand .logo {
-  margin: 0 10px;
-}
-#layout-footer .tagline {
-  float: right;
-}
-#layout-footer .tagline p {
-  color: #999999;
-}
-body.outer {
-  background: #2b3e50;
-}
-body.outer .layout > .layout-row.layout-head {
-  text-align: center;
-  background: #1d2d3d;
-}
-body.outer .layout > .layout-row.layout-head > .layout-cell {
-  height: 300px!important;
-  padding: 50px 0;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  vertical-align: middle;
-}
-body.outer .layout > .layout-row.layout-head > .layout-cell h1.oc-logo-white {
-  font: 0/0 a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-  display: inline-block;
-  width: 100%;
-  max-width: 410px;
-  height: 72px;
-}
-body.outer .layout > .layout-row > .layout-cell {
-  vertical-align: middle;
-}
-body.outer .layout > .layout-row > .layout-cell .outer-form-container {
-  margin: 0 auto;
-  width: 436px;
-}
-body.outer .layout > .layout-row > .layout-cell .outer-form-container h2 {
-  font-size: 18px;
-  margin: 20px 0;
-  color: #feffff;
-}
-body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form {
-  font-size: 0;
-}
-body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form input {
-  vertical-align: top;
-  margin-right: 9px;
-  display: inline-block;
-  border: none;
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
-}
-body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form input.width-1 {
-  width: 160px;
-}
-body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form input.width-2 {
-  width: 323px;
-}
-body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form button {
-  background: #0181b9;
-  text-align: center;
-  font-size: 13px;
-  font-weight: 600;
-  height: 40px;
-  vertical-align: top;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form button.login-button {
-  display: inline-block;
-  width: 98px;
-}
-body.outer .layout > .layout-row > .layout-cell .outer-form-container .forgot-password {
-  margin-top: 30px;
-  font-size: 13px;
-  top: 8px;
-}
-body.outer .layout > .layout-row > .layout-cell .outer-form-container .forgot-password a {
-  color: rgba(255, 255, 255, 0.44);
-}
-body.outer .layout > .layout-row > .layout-cell .outer-form-container .forgot-password:before {
-  color: rgba(255, 255, 255, 0.44);
-  font-size: 14px;
-  position: relative;
-  margin-right: 5px;
-}
-html.csstransitions body.outer .outer-form-container {
-  -webkit-transition: all 0.5s ease-out;
-  transition: all 0.5s ease-out;
-  -webkit-transform: scale(1, 1);
-  -moz-transform: scale(1, 1);
-  -ms-transform: scale(1, 1);
-  -o-transform: scale(1, 1);
-  transform: scale(1, 1);
-}
-html.csstransitions body.outer.preload .outer-form-container {
-  -webkit-transform: scale(0.2, 0.2);
-  -moz-transform: scale(0.2, 0.2);
-  -ms-transform: scale(0.2, 0.2);
-  -o-transform: scale(0.2, 0.2);
-  transform: scale(0.2, 0.2);
-}
-/*
-
-.outer-form-container {
-    width: 240px;
-    display: inline-block;
-    text-align: left;
-
-    h1 {
-        color: @color-outer-heading;
-        font-size: 39px;
-        font-weight: 400;
-        margin-bottom: 4px;
-
-        + p {
-            font-size: 13px;
-            color: @color-outer-description;
-            margin-bottom: 20px;
-        }
-    }
-
-    .form-group.combine-fields {
-        input:first-child {
-            border-bottom: 1px solid lighten(@color-form-field-border, 5%);
-            .border-bottom-radius(0);
-        }
-        input:last-child {
-            border-top: none;
-            .border-top-radius(0);
-        }
-
-        &.october {
-            position: relative;
-
-            &:after {
-                content: '';
-                position: absolute;
-                display: block;
-                width: 145px;
-                height: 155px;
-                top: -149px;
-                right: -57px;
-                background: transparent url(../images/tree.png) no-repeat left top;
-            }
-        }
-    }
-}
-
-*/
-.fancy-layout .tab-collapse-icon {
-  position: absolute;
-  display: block;
-  text-decoration: none;
-  outline: none;
-  opacity: 0.6;
-  filter: alpha(opacity=60);
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-  font-size: 12px;
-  color: #ffffff;
-  right: 11px;
-}
-.fancy-layout .tab-collapse-icon:hover {
-  text-decoration: none;
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-.fancy-layout .tab-collapse-icon.primary {
-  color: #475354;
-  bottom: -25px;
-  z-index: 100;
-  -webkit-transform: scale(1, -1);
-  -moz-transform: scale(1, -1);
-  -ms-transform: scale(1, -1);
-  -o-transform: scale(1, -1);
-  transform: scale(1, -1);
-}
-.fancy-layout .tab-collapse-icon.primary i {
-  position: relative;
-  display: block;
-}
-.fancy-layout .control-tabs.master-tabs,
-.fancy-layout.control-tabs.master-tabs {
-  overflow: hidden;
-}
-.fancy-layout .control-tabs.master-tabs:before,
-.fancy-layout.control-tabs.master-tabs:before,
-.fancy-layout .control-tabs.master-tabs:after,
-.fancy-layout.control-tabs.master-tabs:after {
-  top: 7px;
-  font-size: 14px;
-  color: rgba(255, 255, 255, 0.35);
-}
-.fancy-layout .control-tabs.master-tabs:before,
-.fancy-layout.control-tabs.master-tabs:before {
-  left: 8px;
-}
-.fancy-layout .control-tabs.master-tabs:after,
-.fancy-layout.control-tabs.master-tabs:after {
-  right: 8px;
-}
-.fancy-layout .control-tabs.master-tabs.scroll-before:before,
-.fancy-layout.control-tabs.master-tabs.scroll-before:before {
-  color: #ffffff;
-}
-.fancy-layout .control-tabs.master-tabs.scroll-after:after,
-.fancy-layout.control-tabs.master-tabs.scroll-after:after {
-  color: #ffffff;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container {
-  background: #d35400;
-  padding-left: 20px;
-  padding-right: 20px;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs {
-  margin-left: -8px;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li {
-  margin-left: -8px;
-  top: 1px;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close {
-  top: 9px;
-  right: -3px;
-  left: auto;
-  z-index: 110;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close i,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close i {
-  top: 4px;
-  right: 1px;
-  color: rgba(255, 255, 255, 0.3) !important;
-  font: 14px bold "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close i:hover,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close i:hover {
-  color: #ffffff !important;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a {
-  border-bottom: none;
-  background: transparent;
-  font-size: 14px;
-  color: rgba(255, 255, 255, 0.35);
-  padding: 6px 0 0 24px!important;
-  overflow: visible;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title {
-  position: relative;
-  display: inline-block;
-  padding: 8px 5px 9px 5px;
-  height: 31px;
-  font-size: 13px;
-  z-index: 100;
-  background-color: #b9530f;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before,
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after {
-  content: ' ';
-  position: absolute;
-  background: transparent url(../images/tab-shape.svg) no-repeat left -80px;
-  width: 20px;
-  display: block;
-  height: 30px;
-  top: 0;
-  z-index: 100;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before {
-  left: -20px;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after {
-  right: -20px;
-  background-position: -80px -80px;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a:before,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a:before {
-  z-index: 110;
-  position: absolute;
-  top: 15px;
-  left: 22px;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a[class*=icon] > span.title,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a[class*=icon] > span.title {
-  padding-left: 18px;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a {
-  z-index: 107;
-  color: #ffffff;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active span.tab-close i,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active span.tab-close i {
-  color: #ffffff;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title {
-  background-color: #e67e22;
-  z-index: 105;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:before,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:before {
-  background-position: left -40px;
-  z-index: 107;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:after,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:after {
-  background-position: -80px -40px;
-  z-index: 107;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i {
-  top: 3px;
-  font: 0/0 a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i:before,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i:before {
-  font-family: FontAwesome;
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  -webkit-font-smoothing: antialiased;
-  *margin-right: .3em;
-  content: "\f111";
-  font-size: 9px;
-}
-.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li:first-child,
-.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li:first-child {
-  margin-left: 0;
-}
-.fancy-layout .control-tabs.master-tabs[data-closable] > div > div.tabs-container > ul.nav-tabs > li a > span.title,
-.fancy-layout.control-tabs.master-tabs[data-closable] > div > div.tabs-container > ul.nav-tabs > li a > span.title {
-  padding-right: 10px;
-}
-.fancy-layout .control-tabs.master-tabs.has-tabs:before,
-.fancy-layout.control-tabs.master-tabs.has-tabs:before,
-.fancy-layout .control-tabs.master-tabs.has-tabs:after,
-.fancy-layout.control-tabs.master-tabs.has-tabs:after {
-  display: block;
-}
-.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs,
-.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs {
-  background: #475354;
-}
-.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li,
-.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li {
-  border-right: none;
-  padding-right: 0;
-  margin-right: 0;
-}
-.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li a,
-.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li a {
-  background: transparent;
-  border: none;
-  padding: 8px 10px;
-  color: #919898;
-}
-.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a,
-.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a {
-  color: #ffffff;
-}
-.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon,
-.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon {
-  position: absolute;
-  display: block;
-  text-decoration: none;
-  outline: none;
-  opacity: 0.6;
-  filter: alpha(opacity=60);
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-  font-size: 12px;
-  color: #ffffff;
-  right: 11px;
-}
-.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon:hover,
-.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon:hover {
-  text-decoration: none;
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon.primary,
-.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon.primary {
-  color: #475354;
-  bottom: -25px;
-  z-index: 100;
-  -webkit-transform: scale(1, -1);
-  -moz-transform: scale(1, -1);
-  -ms-transform: scale(1, -1);
-  -o-transform: scale(1, -1);
-  transform: scale(1, -1);
-}
-.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon.primary i,
-.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon.primary i {
-  position: relative;
-  display: block;
-}
-.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon.primary,
-.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon.primary {
-  color: #ffffff;
-  top: 12px;
-  right: 11px;
-  bottom: auto;
-}
-.fancy-layout .control-tabs.secondary-tabs.primary-collapsed .tab-collapse-icon.primary,
-.fancy-layout.control-tabs.secondary-tabs.primary-collapsed .tab-collapse-icon.primary {
-  -webkit-transform: scale(1, 1);
-  -moz-transform: scale(1, 1);
-  -ms-transform: scale(1, 1);
-  -o-transform: scale(1, 1);
-  transform: scale(1, 1);
-}
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs {
-  background: #f9f9f9;
-}
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li {
-  margin-left: -19px;
-}
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li:first-child,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li:first-child {
-  margin-left: 0;
-  padding-left: 8px;
-}
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a {
-  padding: 8px 16px 0 16px;
-  font-weight: 400;
-  height: 33px;
-  color: #2b3e50;
-  opacity: 0.6;
-  filter: alpha(opacity=60);
-}
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title {
-  position: relative;
-  display: inline-block;
-  padding: 4px 5px 9px 5px;
-  font-size: 13px;
-  z-index: 100;
-  height: 25px!important;
-  background-color: transparent;
-}
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:before,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:before,
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:after,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:after {
-  content: ' ';
-  position: absolute;
-  background: transparent url(../images/secondary-tab-shape-content.svg) no-repeat left top;
-  width: 15px;
-  height: 25px;
-  top: 0;
-  z-index: 100;
-  display: none;
-}
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:before,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:before {
-  left: -15px;
-}
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:after,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:after {
-  right: -15px;
-  background-position: -60px 0;
-}
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title span,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title span {
-  height: 18px;
-  font-size: 12px;
-}
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a {
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title {
-  background-color: white;
-}
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title:before,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title:before,
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title:after,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title:after {
-  display: block;
-}
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs .tab-collapse-icon.primary,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs .tab-collapse-icon.primary {
-  color: #808c8d;
-}
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed .tab-collapse-icon.primary,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed .tab-collapse-icon.primary {
-  color: white;
-}
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs {
-  background: #e67e22;
-}
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li a,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li a {
-  color: white;
-}
-.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li.active a,
-.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li.active a {
-  color: #2b3e50;
-}
-.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs,
-.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs {
-  background: #7f8c8d;
-  margin-left: 0!important;
-  margin-right: 0!important;
-}
-.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs.master-area,
-.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs.master-area {
-  -webkit-transition: background-color 0.5s;
-  transition: background-color 0.5s;
-  background: #e67e22;
-}
-.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs:before,
-.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs:before {
-  display: none;
-}
-.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li,
-.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li {
-  background: transparent;
-  border-right: none;
-}
-.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li:first-child,
-.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li:first-child {
-  margin-left: -5px;
-}
-.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a,
-.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a {
-  background: transparent;
-  border: none;
-  padding: 12px 16px 0px;
-  font-size: 12px;
-  font-weight: 400;
-  color: #95a5a6;
-}
-.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title,
-.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title {
-  background: #d5d9d8;
-  border-top: none;
-  padding: 5px 5px 3px 5px;
-}
-.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:before,
-.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:before,
-.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:after,
-.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:after {
-  top: 0;
-}
-.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:before,
-.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:before {
-  background-position: left -92px;
-}
-.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:after,
-.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:after {
-  background-position: -61px -92px;
-}
-.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a,
-.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a {
-  color: #808c8d;
-}
-.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before,
-.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before {
-  display: none;
-}
-.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title,
-.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title {
-  background: #fafafa;
-}
-.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title:before,
-.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title:before {
-  background-position: left -62px;
-}
-.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title:after,
-.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title:after {
-  background-position: -61px -62px;
-}
-.fancy-layout .control-tabs.primary-tabs > .tab-content > .tab-pane,
-.fancy-layout.control-tabs.primary-tabs > .tab-content > .tab-pane {
-  padding: 15px 15px 0 15px;
-}
-.fancy-layout .control-tabs.primary-tabs > .tab-content > .tab-pane.pane-compact,
-.fancy-layout.control-tabs.primary-tabs > .tab-content > .tab-pane.pane-compact {
-  padding: 0;
-}
-.fancy-layout .control-tabs.primary-tabs > .tab-content > .tab-pane .form-control,
-.fancy-layout.control-tabs.primary-tabs > .tab-content > .tab-pane .form-control {
-  border-width: 1px;
-}
-.fancy-layout .control-tabs.primary-tabs.collapsed,
-.fancy-layout.control-tabs.primary-tabs.collapsed {
-  display: none;
-}
-.fancy-layout .control-tabs.has-tabs > div.tab-content,
-.fancy-layout.control-tabs.has-tabs > div.tab-content {
-  background: #f9f9f9;
-}
-.fancy-layout .control-tabs > div.tab-content > div.tab-pane,
-.fancy-layout.control-tabs > div.tab-content > div.tab-pane {
-  padding: 0;
-}
-.fancy-layout .control-tabs > div.tab-content > div.tab-pane.padded-pane,
-.fancy-layout.control-tabs > div.tab-content > div.tab-pane.padded-pane {
-  padding: 15px 15px 0 15px;
-}
-.fancy-layout .form-tabless-fields {
-  position: relative;
-  background: #e67e22;
-  padding: 18px 23px 0 23px;
-  -webkit-transition: all 0.5s;
-  transition: all 0.5s;
-}
-.fancy-layout .form-tabless-fields:before,
-.fancy-layout .form-tabless-fields:after {
-  content: " ";
-  display: table;
-}
-.fancy-layout .form-tabless-fields:after {
-  clear: both;
-}
-.fancy-layout .form-tabless-fields label {
-  text-transform: uppercase;
-  color: rgba(255, 255, 255, 0.5);
-  margin-bottom: 0;
-}
-.fancy-layout .form-tabless-fields input[type=text] {
-  background: transparent;
-  border: none;
-  color: #ffffff;
-  font-size: 35px;
-  font-weight: 100;
-  height: auto;
-  padding: 0;
-}
-.fancy-layout .form-tabless-fields input[type=text]::-moz-placeholder {
-  color: #f4c69e;
-  opacity: 1;
-}
-.fancy-layout .form-tabless-fields input[type=text]:-ms-input-placeholder {
-  color: #f4c69e;
-}
-.fancy-layout .form-tabless-fields input[type=text]::-webkit-input-placeholder {
-  color: #f4c69e;
-}
-.fancy-layout .form-tabless-fields input[type=text]:focus,
-.fancy-layout .form-tabless-fields input[type=text]:hover {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-.fancy-layout .form-tabless-fields .form-group {
-  padding-bottom: 0;
-}
-.fancy-layout .form-tabless-fields .form-group.is-required > label:after {
-  display: none;
-}
-.fancy-layout .form-tabless-fields .tab-collapse-icon {
-  position: absolute;
-  display: block;
-  text-decoration: none;
-  outline: none;
-  opacity: 0.6;
-  filter: alpha(opacity=60);
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-  font-size: 12px;
-  color: #ffffff;
-  right: 11px;
-}
-.fancy-layout .form-tabless-fields .tab-collapse-icon:hover {
-  text-decoration: none;
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-.fancy-layout .form-tabless-fields .tab-collapse-icon.primary {
-  color: #475354;
-  bottom: -25px;
-  z-index: 100;
-  -webkit-transform: scale(1, -1);
-  -moz-transform: scale(1, -1);
-  -ms-transform: scale(1, -1);
-  -o-transform: scale(1, -1);
-  transform: scale(1, -1);
-}
-.fancy-layout .form-tabless-fields .tab-collapse-icon.primary i {
-  position: relative;
-  display: block;
-}
-.fancy-layout .form-tabless-fields .tab-collapse-icon.tabless {
-  top: 11px;
-}
-.fancy-layout .form-tabless-fields.collapsed {
-  padding: 5px 23px 0 10px;
-}
-.fancy-layout .form-tabless-fields.collapsed .tab-collapse-icon.tabless {
-  -webkit-transform: scale(1, -1);
-  -moz-transform: scale(1, -1);
-  -ms-transform: scale(1, -1);
-  -o-transform: scale(1, -1);
-  transform: scale(1, -1);
-}
-.fancy-layout .form-tabless-fields.collapsed .form-group:not(.collapse-visible) {
-  display: none;
-}
-.fancy-layout .form-tabless-fields.collapsed .form-buttons {
-  margin-left: 10px;
-  padding-bottom: 0;
-}
-.fancy-layout .form-tabless-fields .loading-indicator-container .loading-indicator {
-  background-color: #e67e22;
-  padding: 0 0 0 30px;
-  color: rgba(255, 255, 255, 0.5);
-  margin-top: 1px;
-  height: 90%;
-  font-size: 12px;
-  line-height: 100%;
-}
-.fancy-layout .form-tabless-fields .loading-indicator-container .loading-indicator > span {
-  left: -10px;
-  top: 18px;
-}
-.fancy-layout .form-buttons {
-  -webkit-transition: all 0.5s;
-  transition: all 0.5s;
-  padding-top: 11px;
-  padding-bottom: 5px;
-}
-.fancy-layout .form-buttons .btn {
-  padding: 0;
-  margin-right: 5px;
-  margin-top: -6px;
-  margin-right: 30px;
-  background-color: transparent;
-  color: #ffffff;
-  font-weight: normal;
-  opacity: 0.5;
-  filter: alpha(opacity=50);
-  -webkit-transition: all 0.3s ease;
-  transition: all 0.3s ease;
-}
-.fancy-layout .form-buttons .btn:hover {
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-.fancy-layout .form-buttons .btn:last-child {
-  margin-right: 0;
-}
-.fancy-layout form.oc-data-changed .btn.save {
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-.fancy-layout .field-codeeditor {
-  border: none !important;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-  border-radius: 0;
-}
-.fancy-layout .field-codeeditor .editor-code {
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-  border-radius: 0;
-}
-.fancy-layout .field-richeditor {
-  border: none;
-  border-left: 1px solid #bdc3c7 !important;
-}
-.fancy-layout .field-richeditor,
-.fancy-layout .field-richeditor .redactor_box,
-.fancy-layout .field-richeditor .redactor_toolbar {
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-  border-radius: 0;
-  border-top-right-radius: 0;
-  border-top-left-radius: 0;
-}
-.fancy-layout .field-richeditor .redactor-box textarea {
-  background: white;
-  padding: 20px !important;
-  color: #333333;
-  font-size: 14px;
-}
-.fancy-layout .secondary-content-tabs .field-richeditor .redactor-box .redactor-toolbar {
-  margin: 20px 0 0 0!important;
-  left: 20px;
-  right: 20px;
-  width: auto;
-  -webkit-border-radius: 3px !important;
-  -moz-border-radius: 3px !important;
-  border-radius: 3px !important;
-}
-body.side-panel-not-fixed .fancy-layout .field-richeditor {
-  border-left: none;
-}
-html.cssanimations .fancy-layout .form-tabless-fields .loading-indicator-container .loading-indicator > span {
-  -webkit-animation: spin 1s linear infinite;
-  animation: spin 1s linear infinite;
-  background-image: url('../../../system/assets/ui/images/loader-white.svg');
-  background-size: 20px 20px;
-}
-.flyout-container > .flyout {
-  overflow: hidden;
-  width: 0;
-  left: 0!important;
-  -webkit-transition: width 0.1s;
-  transition: width 0.1s;
-}
-.flyout-overlay {
-  width: 100%;
-  height: 100%;
-  top: 0;
-  z-index: 5000;
-  position: absolute;
-  background-color: rgba(0, 0, 0, 0);
-  -webkit-transition: background-color 0.3s;
-  transition: background-color 0.3s;
-}
-.flyout-toggle {
-  position: absolute;
-  top: 20px;
-  left: 0;
-  width: 23px;
-  height: 25px;
-  background: #2b3e50;
-  cursor: pointer;
-  border-bottom-right-radius: 4px;
-  border-top-right-radius: 4px;
-  color: #bdc3c7;
-  font-size: 10px;
-}
-.flyout-toggle i {
-  margin: 7px 0 0 6px;
-  display: inline-block;
-}
-.flyout-toggle:hover i {
-  color: #ffffff;
-}
-body.flyout-visible {
-  overflow: hidden;
-}
-body.flyout-visible .flyout-overlay {
-  background-color: rgba(0, 0, 0, 0.3);
-}
+@import "../vendor/jcrop/css/jquery.Jcrop.min.css";@import "../../../system/assets/vendor/prettify/prettify.css";@import "../../../system/assets/vendor/prettify/theme-desert.css";@-webkit-keyframes showSweetAlert{0%{transform:scale(0.7);-webkit-transform:scale(0.7)}
+45%{transform:scale(1.05);-webkit-transform:scale(1.05)}
+80%{transform:scale(0.95);-webkit-tranform:scale(0.95)}
+100%{transform:scale(1);-webkit-transform:scale(1)}
+}
+@keyframes showSweetAlert{0%{transform:scale(0.7);-webkit-transform:scale(0.7)}
+45%{transform:scale(1.05);-webkit-transform:scale(1.05)}
+80%{transform:scale(0.95);-webkit-tranform:scale(0.95)}
+100%{transform:scale(1);-webkit-transform:scale(1)}
+}
+@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}
+100%{transform:scale(0.5);-webkit-transform:scale(0.5)}
+}
+@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}
+100%{transform:scale(0.5);-webkit-transform:scale(0.5)}
+}
+.showSweetAlert{-webkit-animation:showSweetAlert 0.3s;animation:showSweetAlert 0.3s}
+.hideSweetAlert{-webkit-animation:hideSweetAlert 0.2s;animation:hideSweetAlert 0.2s}
+@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}
+54%{width:0;left:1px;top:19px}
+70%{width:50px;left:-8px;top:37px}
+84%{width:17px;left:21px;top:48px}
+100%{width:25px;left:14px;top:45px}
+}
+@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}
+54%{width:0;left:1px;top:19px}
+70%{width:50px;left:-8px;top:37px}
+84%{width:17px;left:21px;top:48px}
+100%{width:25px;left:14px;top:45px}
+}
+@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}
+65%{width:0;right:46px;top:54px}
+84%{width:55px;right:0px;top:35px}
+100%{width:47px;right:8px;top:38px}
+}
+@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}
+65%{width:0;right:46px;top:54px}
+84%{width:55px;right:0px;top:35px}
+100%{width:47px;right:8px;top:38px}
+}
+@-webkit-keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
+5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
+12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}
+100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}
+}
+@keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
+5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
+12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}
+100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}
+}
+.animateSuccessTip{-webkit-animation:animateSuccessTip 0.75s;animation:animateSuccessTip 0.75s}
+.animateSuccessLong{-webkit-animation:animateSuccessLong 0.75s;animation:animateSuccessLong 0.75s}
+.icon.success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}
+@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}
+100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}
+}
+@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}
+100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}
+}
+.animateErrorIcon{-webkit-animation:animateErrorIcon 0.5s;animation:animateErrorIcon 0.5s}
+@-webkit-keyframes animateXMark{0%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}
+50%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}
+80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}
+100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}
+}
+@keyframes animateXMark{0%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}
+50%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}
+80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}
+100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}
+}
+.animateXMark{-webkit-animation:animateXMark 0.5s;animation:animateXMark 0.5s}
+@-webkit-keyframes pulseWarning{0%{border-color:#F8D486}
+100%{border-color:#F8BB86}
+}
+@keyframes pulseWarning{0%{border-color:#F8D486}
+100%{border-color:#F8BB86}
+}
+.pulseWarning{-webkit-animation:pulseWarning 0.75s infinite alternate;animation:pulseWarning 0.75s infinite alternate}
+@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}
+100%{background-color:#F8BB86}
+}
+@keyframes pulseWarningIns{0%{background-color:#F8D486}
+100%{background-color:#F8BB86}
+}
+.pulseWarningIns{-webkit-animation:pulseWarningIns 0.75s infinite alternate;animation:pulseWarningIns 0.75s infinite alternate}
+.sweet-overlay{background-color:rgba(0,0,0,0.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:8050}
+.sweet-alert{background-color:#f9f9f9;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:9050}
+@media all and (max-width:767px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}
+}
+.sweet-alert .icon{width:80px;height:80px;border:4px solid gray;border-radius:50%;margin:20px auto;position:relative;box-sizing:content-box}
+.sweet-alert .icon.error{border-color:#952518}
+.sweet-alert .icon.error .x-mark{position:relative;display:block}
+.sweet-alert .icon.error .line{position:absolute;height:5px;width:47px;background-color:#ab2a1c;display:block;top:37px;border-radius:2px}
+.sweet-alert .icon.error .line.left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}
+.sweet-alert .icon.error .line.right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}
+.sweet-alert .icon.warning{border-color:#eea236}
+.sweet-alert .icon.warning .body{position:absolute;width:5px;height:47px;left:50%;top:10px;border-radius:2px;margin-left:-2px;background-color:#f0ad4e}
+.sweet-alert .icon.warning .dot{position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#f0ad4e}
+.sweet-alert .icon.info{border-color:#46b8da}
+.sweet-alert .icon.info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#5bc0de}
+.sweet-alert .icon.info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#5bc0de}
+.sweet-alert .icon.success{border-color:#2b9854}
+.sweet-alert .icon.success::before,.sweet-alert .icon.success::after{content:'';border-radius:50%;position:absolute;width:60px;height:120px;background:white;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
+.sweet-alert .icon.success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}
+.sweet-alert .icon.success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0px 60px;transform-origin:0px 60px}
+.sweet-alert .icon.success .placeholder{width:80px;height:80px;border:4px solid rgba(49,172,95,0.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}
+.sweet-alert .icon.success .fix{width:5px;height:90px;background-color:#f9f9f9;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
+.sweet-alert .icon.success .line{height:5px;background-color:#31ac5f;display:block;border-radius:2px;position:absolute;z-index:2}
+.sweet-alert .icon.success .line.tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
+.sweet-alert .icon.success .line.long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
+.sweet-alert .icon.custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}
+.sweet-alert .btn-default:focus{border-color:#a7afb4;outline:0}
+.sweet-alert .btn-success:focus{border-color:#2b9854;outline:0}
+.sweet-alert .btn-info:focus{border-color:#46b8da;outline:0}
+.sweet-alert .btn-danger:focus{border-color:#952518;outline:0}
+.sweet-alert .btn-warning:focus{border-color:#eea236;outline:0}
+.sweet-alert button::-moz-focus-inner{border:0}
+.sweet-alert{text-align:right}
+.sweet-alert h2{word-break:word-break;word-wrap:break-word;max-height:350px;overflow-y:auto;margin:10px 0 17px 0;color:#2b3e50;text-align:left;font-size:15px;line-height:23px}
+.sweet-alert p{margin:0}
+.sweet-alert p.text-muted{margin-bottom:20px;color:#555555}
+.control-simplelist{font-size:13px;padding:20px 20px 2px 20px;margin-bottom:25px;background:#ffffff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
+.control-simplelist ul{padding-left:15px}
+.control-simplelist.form-control ul{margin-bottom:0}
+.control-simplelist.form-control li{padding-top:5px;padding-bottom:5px}
+.control-simplelist.with-icons ul,.control-simplelist.with-checkboxes ul,.control-simplelist.is-divided ul,.control-simplelist.is-selectable ul{list-style-type:none;padding-left:0}
+.control-simplelist.with-checkboxes li{margin-top:-5px}
+.control-simplelist.with-checkboxes li:first-child{margin-top:0}
+.control-simplelist.with-checkboxes li:last-child div.custom-checkbox{margin-bottom:0}
+.control-simplelist.with-checkboxes li:last-child div.custom-checkbox label{margin-bottom:5px}
+.control-simplelist.is-sortable li.placeholder{position:relative}
+.control-simplelist.is-sortable li.placeholder:before{top:-10px;position:absolute;content:'';display:block;width:0;height:0;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent;border-left:5px solid #999999}
+.control-simplelist.is-sortable li.dragged{position:absolute;opacity:0.5;filter:alpha(opacity=50);z-index:2000;color:#e67e22;width:auto !important}
+.control-simplelist.is-scrollable{height:200px}
+.control-simplelist.is-scrollable.size-tiny{min-height:250px}
+.control-simplelist.is-scrollable.size-small{min-height:300px}
+.control-simplelist.is-scrollable.size-large{min-height:400px}
+.control-simplelist.is-scrollable.size-huge{min-height:450px}
+.control-simplelist.is-scrollable.size-giant{min-height:550px}
+.control-simplelist.is-divided li,.control-simplelist.is-selectable li{padding:5px 10px;border-bottom:1px solid #d4d8da}
+.control-simplelist.is-divided li .heading,.control-simplelist.is-selectable li .heading{font-size:14px;font-weight:bold}
+.control-simplelist.is-divided li:last-child,.control-simplelist.is-selectable li:last-child{border-bottom:none}
+.control-simplelist.is-selectable li a{padding:5px 10px;margin:-5px -10px;display:block;color:#333333}
+.control-simplelist.is-selectable li:hover{background:#4da7e8;cursor:pointer}
+.control-simplelist.is-selectable li:hover,.control-simplelist.is-selectable li:hover a{color:white}
+.control-simplelist.is-selectable li:hover a{text-decoration:none}
+.control-simplelist.is-selectable li.active a{background:#f0f0f0}
+.control-simplelist.is-selectable li.active a:hover{background:#4da7e8}
+.list-preview .control-simplelist.is-selectable ul{margin-bottom:0}
+.drag-noselect{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}
+.control-scrollbar{position:relative;overflow:hidden;height:100%;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
+.control-scrollbar > div{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
+.control-scrollbar > .scrollbar-scrollbar{position:absolute;z-index:100}
+.control-scrollbar > .scrollbar-scrollbar .scrollbar-track{background-color:transparent;position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
+.control-scrollbar > .scrollbar-scrollbar .scrollbar-track .scrollbar-thumb{background-color:#aaaaaa;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;overflow:hidden;position:absolute}
+.control-scrollbar > .scrollbar-scrollbar.disabled{display:none !important}
+.control-scrollbar.vertical > .scrollbar-scrollbar{right:0;width:4px}
+.control-scrollbar.vertical > .scrollbar-scrollbar .scrollbar-track{height:100%;width:4px}
+.control-scrollbar.vertical > .scrollbar-scrollbar .scrollbar-track .scrollbar-thumb{height:20px;width:4px;top:0;left:0}
+.control-scrollbar.vertical > .scrollbar-scrollbar:active,.control-scrollbar.vertical > .scrollbar-scrollbar:hover{width:6px;-webkit-transition:width 0.3s;transition:width 0.3s}
+.control-scrollbar.vertical > .scrollbar-scrollbar:active .scrollbar-track,.control-scrollbar.vertical > .scrollbar-scrollbar:hover .scrollbar-track,.control-scrollbar.vertical > .scrollbar-scrollbar:active .scrollbar-thumb,.control-scrollbar.vertical > .scrollbar-scrollbar:hover .scrollbar-thumb{width:6px;-webkit-transition:width 0.3s;transition:width 0.3s}
+.control-scrollbar.horizontal > .scrollbar-scrollbar{margin:0 0 5px;clear:both;height:4px}
+.control-scrollbar.horizontal > .scrollbar-scrollbar .scrollbar-track{width:100%;height:4px}
+.control-scrollbar.horizontal > .scrollbar-scrollbar .scrollbar-track .scrollbar-thumb{height:4px;margin:2px 0;left:0;top:0}
+.control-scrollbar.horizontal > .scrollbar-scrollbar:active,.control-scrollbar.horizontal > .scrollbar-scrollbar:hover{height:6px;-webkit-transition:height 0.3s;transition:height 0.3s}
+.control-scrollbar.horizontal > .scrollbar-scrollbar:active .scrollbar-track,.control-scrollbar.horizontal > .scrollbar-scrollbar:hover .scrollbar-track,.control-scrollbar.horizontal > .scrollbar-scrollbar:active .scrollbar-thumb,.control-scrollbar.horizontal > .scrollbar-scrollbar:hover .scrollbar-thumb{height:6px;-webkit-transition:height 0.3s;transition:height 0.3s}
+.no-touch .control-scrollbar > .scrollbar-scrollbar{opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}
+.no-touch .control-scrollbar:active > .scrollbar-scrollbar,.no-touch .control-scrollbar:hover > .scrollbar-scrollbar{opacity:1}
+@media (max-width:768px){.responsive-sidebar > .layout-cell:last-child .control-scrollbar{overflow:visible;height:auto}
+.responsive-sidebar > .layout-cell:last-child .control-scrollbar .scrollbar-scrollbar{display:none !important}
+}
+.control-filelist p.no-data{padding:22px 0;margin:0;color:#666666;font-size:14px;text-align:center;font-weight:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
+.control-filelist ul{padding:0;margin:0}
+.control-filelist ul li{font-weight:normal;line-height:150%;position:relative;list-style:none}
+.control-filelist ul li a:hover{background:#dddddd}
+.control-filelist ul li.active > a{background:#dddddd;position:relative}
+.control-filelist ul li.active > a:after{position:absolute;height:100%;width:4px;left:0;top:0;background:#e67e22;display:block;content:' '}
+.control-filelist ul li a{display:block;padding:10px 45px 10px 20px;outline:none}
+.control-filelist ul li a:hover,.control-filelist ul li a:focus,.control-filelist ul li a:active{text-decoration:none}
+.control-filelist ul li a span{display:block}
+.control-filelist ul li a span.title{font-weight:normal;color:#405261;font-size:14px}
+.control-filelist ul li a span.description{color:#8f8f8f;font-size:13px;white-space:nowrap;font-weight:normal;overflow:hidden;text-overflow:ellipsis}
+.control-filelist ul li a span.description strong{color:#405261;font-weight:normal}
+.control-filelist ul li.group > h4,.control-filelist ul li.group > div.group > h4{font-weight:normal;font-size:14px;margin-top:0;margin-bottom:0;position:relative}
+.control-filelist ul li.group > h4 a,.control-filelist ul li.group > div.group > h4 a{padding:10px 20px 10px 53px;color:#405261;position:relative;outline:none}
+.control-filelist ul li.group > h4 a:hover,.control-filelist ul li.group > div.group > h4 a:hover{background:transparent}
+.control-filelist ul li.group > h4 a:before,.control-filelist ul li.group > div.group > h4 a:before,.control-filelist ul li.group > h4 a:after,.control-filelist ul li.group > div.group > h4 a:after{width:10px;height:10px;display:block;position:absolute;top:1px}
+.control-filelist ul li.group > h4 a:after,.control-filelist ul li.group > div.group > h4 a:after{left:33px;top:9px;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f07b";color:#a1aab1;font-size:16px}
+.control-filelist ul li.group > h4 a:before,.control-filelist ul li.group > div.group > h4 a:before{left:20px;top:9px;color:#cfcfcf;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f0da";-webkit-transform:rotate(90deg) translate(5px,0);-ms-transform:rotate(90deg) translate(5px,0);transform:rotate(90deg) translate(5px,0);-webkit-transition:all 0.1s ease;transition:all 0.1s ease}
+.control-filelist ul li.group > ul > li > a{padding-left:52px}
+.control-filelist ul li.group > ul > li.group{padding-left:20px}
+.control-filelist ul li.group > ul > li.group > ul > li > a{padding-left:324px;margin-left:-270px}
+.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li > a{padding-left:297px;margin-left:-243px}
+.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a{padding-left:270px;margin-left:-216px}
+.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a{padding-left:243px;margin-left:-189px}
+.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a{padding-left:216px;margin-left:-162px}
+.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a{padding-left:189px;margin-left:-135px}
+.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a{padding-left:162px;margin-left:-108px}
+.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a{padding-left:135px;margin-left:-81px}
+.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a{padding-left:108px;margin-left:-54px}
+.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a{padding-left:81px;margin-left:-27px}
+.control-filelist ul li.group[data-status=collapsed] > h4 a:before,.control-filelist ul li.group[data-status=collapsed] > div.group > h4 a:before{-webkit-transform:rotate(0deg) translate(3px,0);-ms-transform:rotate(0deg) translate(3px,0);transform:rotate(0deg) translate(3px,0)}
+.control-filelist ul li.group[data-status=collapsed] > ul,.control-filelist ul li.group[data-status=collapsed] > div.subitems{display:none}
+.control-filelist ul li > div.controls{position:absolute;right:19px;top:6px}
+.control-filelist ul li > div.controls .dropdown{width:14px;height:21px}
+.control-filelist ul li > div.controls .dropdown.open a.control{display:block !important}
+.control-filelist ul li > div.controls .dropdown.open a.control:before{visibility:visible;display:block}
+.control-filelist ul li > div.controls a.control{color:#405261;font-size:14px;visibility:hidden;overflow:hidden;width:14px;height:21px;display:none;text-decoration:none;cursor:pointer;padding:0;opacity:0.5;filter:alpha(opacity=50)}
+.control-filelist ul li > div.controls a.control:before{visibility:visible;display:block;margin-right:0}
+.control-filelist ul li > div.controls a.control:hover{opacity:1;filter:alpha(opacity=100)}
+.control-filelist ul li:hover > div.controls,.control-filelist ul li:hover > a.control{display:block !important}
+.control-filelist ul li:hover > div.controls > a.control,.control-filelist ul li:hover > a.control > a.control{display:block !important}
+.control-filelist ul li .checkbox{position:absolute;top:-5px;right:-5px}
+.control-filelist ul li .checkbox label{margin-right:0}
+.control-filelist ul li .checkbox label:before{border-color:#cccccc}
+.control-filelist.single-line ul li a span.title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
+.control-filelist.hero ul li{background:#ffffff;border-bottom:none}
+.control-filelist.hero ul li > a{padding:16px 45px 15px 50px;font-size:13px;border-bottom:1px solid #ecf0f1}
+.control-filelist.hero ul li > a span.title{font-size:15px;font-weight:normal;color:#2b3e50}
+.control-filelist.hero ul li > a span.description{font-size:14px}
+.control-filelist.hero ul li > a .list-icon{position:absolute;left:14px;top:20px;font-size:22px;color:#b7c0c2}
+.control-filelist.hero ul li > a:hover{background:#58b6f7;border-bottom:1px solid #58b6f7 !important}
+.control-filelist.hero ul li > a:hover span.title,.control-filelist.hero ul li > a:hover span.description{color:#ffffff !important}
+.control-filelist.hero ul li > a:hover .list-icon{color:#ffffff !important}
+.control-filelist.hero ul li .checkbox{top:0;right:0}
+.control-filelist.hero ul li.active > a{border-bottom:1px solid #dddddd}
+.control-filelist.hero ul li.active > a:after{top:-1px;bottom:-1px;height:auto}
+.control-filelist.hero ul li.active > a > span.borders:before{content:' ';position:absolute;width:100%;height:1px;display:block;left:0;background-color:#dddddd}
+.control-filelist.hero ul li.active > a > span.borders:before{top:-1px}
+.control-filelist.hero ul li.active > a:hover > span.borders:before{background-color:#58b6f7}
+.control-filelist.hero ul li > h4{padding-top:7px;padding-bottom:6px;border-bottom:1px solid #ecf0f1}
+.control-filelist.hero ul li > div.controls{display:none;position:absolute;right:16px;top:15px}
+.control-filelist.hero ul li > div.controls > a.control{width:16px;height:23px;background:transparent;overflow:hidden;display:inline-block;color:#ffffff !important;padding:0}
+.control-filelist.hero ul li > div.controls > a.control:before{font-size:17px}
+.control-filelist.hero ul li:hover > div.controls{display:block}
+.control-filelist.hero ul li.separator{position:relative;border-bottom:1px solid #95a5a6;padding:17px 15px 18px 15px}
+.control-filelist.hero ul li.separator:before{z-index:31;content:'';display:block;width:0;height:0;border-left:9.5px solid transparent;border-right:9.5px solid transparent;border-top:11px solid #ffffff;border-bottom-width:0;position:absolute;left:13px;bottom:-8px}
+.control-filelist.hero ul li.separator:after{z-index:30;content:'';display:block;width:0;height:0;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-top:9px solid #95a5a6;border-bottom-width:0;position:absolute;left:14px;bottom:-9px}
+.control-filelist.hero ul li.separator h5{color:#2b3e50;font-size:15px;margin:0;font-weight:bold;padding:0}
+.control-filelist.hero ul > li.group > ul > li > a{padding-left:66px}
+.control-filelist.hero.single-level ul li:hover{background:#58b6f7}
+.control-filelist.hero.single-level ul li:hover > a{background:#58b6f7;border-bottom:1px solid #58b6f7 !important}
+.control-filelist.hero.single-level ul li:hover > a span.title,.control-filelist.hero.single-level ul li:hover > a span.description{color:#ffffff !important}
+.control-filelist.hero.single-level ul li:hover > a .list-icon{color:#ffffff !important}
+.touch .control-filelist li:not(.active) a:hover{background:transparent}
+.control-scrollpanel{position:relative;background:#ecf0f1}
+.control-scrollpanel .control-scrollbar.vertical > .scrollbar-scrollbar{right:0}
+.tooltip .tooltip-inner{text-align:left;padding:5px 8px}
+.tooltip.in{opacity:1;filter:alpha(opacity=100)}
+.oc-logo-white{background-image:url(../images/october-logo-white.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:contain}
+.oc-bg-logo{background-image:url(../images/october-logo-transparent.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:50% auto}
+.report-widget{padding:15px;background:white;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
+.report-widget h3{font-size:14px;color:#7e8c8d;text-transform:uppercase;font-weight:600;margin-top:0;margin-bottom:30px}
+.report-widget .height-100{height:100px}
+.report-widget .height-200{height:200px}
+.report-widget .height-300{height:300px}
+.report-widget .height-400{height:400px}
+.report-widget .height-500{height:500px}
+.report-widget p.report-description{margin-bottom:0;margin-top:15px;font-size:12px;line-height:190%;color:#7e8c8d}
+.report-widget p.flash-message.static{margin-bottom:0}
+.control-treelist ol{padding:0;margin:0;list-style:none}
+.control-treelist ol ol{margin:0;margin-left:15px;padding-left:15px;border-left:1px solid #dbdee0}
+.control-treelist > ol > li > div.record:before{display:none}
+.control-treelist li{margin:0;padding:0}
+.control-treelist li > div.record{margin:0;font-size:12px;margin-bottom:5px;position:relative;display:block}
+.control-treelist li > div.record:before{color:#bdc3c7;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f111";font-size:6px;position:absolute;left:-18px;top:11px}
+.control-treelist li > div.record > a.move{display:inline-block;padding:7px 0 7px 10px;text-decoration:none;color:#bdc3c7}
+.control-treelist li > div.record > a.move:hover{color:#4da7e8}
+.control-treelist li > div.record > a.move:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f0c9"}
+.control-treelist li > div.record > span{color:#666666;display:inline-block;padding:7px 15px 7px 5px}
+.control-treelist li.dragged{position:absolute;z-index:2000;width:auto !important;height:auto !important}
+.control-treelist li.dragged > div.record{opacity:0.5;filter:alpha(opacity=50);background:#4da7e8 !important}
+.control-treelist li.dragged > div.record > a.move:before,.control-treelist li.dragged > div.record > span{color:white}
+.control-treelist li.dragged > div.record:before{display:none}
+.control-treelist li.placeholder{display:inline-block;position:relative;background:#4da7e8 !important;height:25px;margin-bottom:5px}
+.control-treelist li.placeholder:before{display:block;position:absolute;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f053";color:#d35714;left:-10px;top:8px;z-index:2000}
+.control-treeview{margin-bottom:40px; }
+.control-treeview ol{margin:0;padding:0;list-style:none;background:#ffffff}
+.control-treeview ol > li{-webkit-transition:width 1s;transition:width 1s}
+.control-treeview ol > li > div{font-size:15px;font-weight:normal;background:#ffffff;border-bottom:1px solid #ecf0f1;position:relative}
+.control-treeview ol > li > div > a{color:#2b3e50;padding:16px 45px 15px 61px;display:block;line-height:150%;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
+.control-treeview ol > li > div:before{content:' ';background-image:url(../images/treeview-icons.png);background-position:0px -28px;background-repeat:no-repeat;background-size:42px auto;position:absolute;width:21px;height:22px;left:28px;top:20px}
+.control-treeview ol > li > div span.comment{display:block;font-weight:400;color:#95a5a6;font-size:14px;margin-top:2px;overflow:hidden;text-overflow:ellipsis}
+.control-treeview ol > li > div > span.expand{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;display:none;position:absolute;left:0;width:20px;height:20px;top:24px;left:2px;cursor:pointer;color:#bdc3c7;-webkit-transition:transform 0.1s ease;transition:transform 0.1s ease}
+.control-treeview ol > li > div > span.expand:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f0da";line-height:100%;font-size:15px;position:relative;left:8px;top:2px}
+.control-treeview ol > li > div > span.drag-handle{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;position:absolute;right:18px;bottom:5px;width:18px;height:19px;cursor:move;color:#bdc3c7;opacity:0;filter:alpha(opacity=0)}
+.control-treeview ol > li > div > span.drag-handle:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f0c9";font-size:18px}
+.control-treeview ol > li > div span.borders{font-size:0}
+.control-treeview ol > li > div > ul.submenu{position:absolute;left:20px;bottom:-37px;padding:0;list-style:none;z-index:200;height:37px;display:none;margin-left:15px;background:transparent url(../images/treeview-submenu-tabs.png) repeat-x left -39px}
+.control-treeview ol > li > div > ul.submenu:before,.control-treeview ol > li > div > ul.submenu:after{background:transparent url(../images/treeview-submenu-tabs.png) no-repeat left top;content:' ';display:block;width:20px;height:37px;position:absolute;top:0}
+.control-treeview ol > li > div > ul.submenu:before{left:-20px}
+.control-treeview ol > li > div > ul.submenu:after{background-position:-100px top;right:-20px}
+.control-treeview ol > li > div > ul.submenu li{font-size:12px}
+.control-treeview ol > li > div > ul.submenu li a{display:block;padding:4px 3px 0 3px;color:#ffffff;text-decoration:none;outline:none}
+.control-treeview ol > li > div > ul.submenu li a i{margin-right:5px}
+.control-treeview ol > li > div:hover > ul.submenu{display:block}
+.control-treeview ol > li > div .checkbox{position:absolute;top:0;right:0}
+.control-treeview ol > li > div .checkbox label{margin-right:0}
+.control-treeview ol > li > div .checkbox label:before{border-color:#cccccc}
+.control-treeview ol > li > div.popover-highlight{background-color:#58b6f7 !important}
+.control-treeview ol > li > div.popover-highlight:before{background-position:0px -80px}
+.control-treeview ol > li > div.popover-highlight > a{color:#ffffff !important;cursor:default}
+.control-treeview ol > li > div.popover-highlight span{color:#ffffff !important}
+.control-treeview ol > li > div.popover-highlight > ul.submenu,.control-treeview ol > li > div.popover-highlight > span.drag-handle{display:none !important}
+.control-treeview ol > li.dragged div,.control-treeview ol > li > div:hover{background-color:#58b6f7 !important}
+.control-treeview ol > li.dragged div > a,.control-treeview ol > li > div:hover > a{color:#ffffff !important}
+.control-treeview ol > li.dragged div:before,.control-treeview ol > li > div:hover:before{background-position:0px -80px}
+.control-treeview ol > li.dragged div:after,.control-treeview ol > li > div:hover:after{top:0 !important;bottom:0 !important}
+.control-treeview ol > li.dragged div span,.control-treeview ol > li > div:hover span{color:#ffffff !important}
+.control-treeview ol > li.dragged div span.drag-handle,.control-treeview ol > li > div:hover span.drag-handle{cursor:move;opacity:1;filter:alpha(opacity=100)}
+.control-treeview ol > li.dragged div span.borders,.control-treeview ol > li > div:hover span.borders{display:none}
+.control-treeview ol > li[data-no-drag-mode] div:hover span.drag-handle{cursor:default !important;opacity:0.3 !important;filter:alpha(opacity=30) !important}
+.control-treeview ol > li.dragged li.has-subitems > div:before,.control-treeview ol > li.dragged.has-subitems > div:before{background-position:0px -52px}
+.control-treeview ol > li.dragged div > ul.submenu{display:none !important}
+.control-treeview ol > li > ol{padding-left:20px}
+.control-treeview ol > li[data-status=collapsed] > ol{display:none}
+.control-treeview ol > li.has-subitems > div:before{background-position:0 0;width:23px;height:26px;left:26px}
+.control-treeview ol > li.has-subitems > div:hover:before,.control-treeview ol > li.has-subitems > div.popover-highlight:before{background-position:0px -52px}
+.control-treeview ol > li.has-subitems > div span.expand{display:block}
+.control-treeview ol > li.placeholder{height:0;position:relative;border-bottom:1px dotted #c03f31}
+.control-treeview ol > li.placeholder:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f0da";font-size:23px;color:white;position:absolute;left:-11px;top:-17px;z-index:1900}
+.control-treeview ol > li.placeholder:after{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f0da";font-size:21px;color:#c03f31;position:absolute;left:-10px;top:-14px;z-index:1901}
+.control-treeview ol > li.dragged{position:absolute;z-index:2000;opacity:0.5;filter:alpha(opacity=50)}
+.control-treeview ol > li.dragged > div{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
+.control-treeview ol > li.drop-target > div{background-color:#2581b8 !important}
+.control-treeview ol > li.drop-target > div > a{color:#ffffff}
+.control-treeview ol > li.drop-target > div > a > span.comment{color:#ffffff}
+.control-treeview ol > li.drop-target > div:before{background-position:0px -80px}
+.control-treeview ol > li.drop-target.has-subitems > div:before{background-position:0px -52px}
+.control-treeview ol > li[data-status=expanded] > div > span.expand{-webkit-transform:rotate(90deg) translate(0,0);-ms-transform:rotate(90deg) translate(0,0);transform:rotate(90deg) translate(0,0)}
+.control-treeview ol > li.drag-ghost{background-color:transparent;box-sizing:content-box}
+.control-treeview ol > li.active > div{background:#dddddd}
+.control-treeview ol > li.active > div:after{position:absolute;width:4px;left:0;top:-1px;bottom:-1px;background:#e67e22;display:block;content:' '}
+.control-treeview ol > li.active > div > span.comment,.control-treeview ol > li.active > div > span.expand{color:#8f8f8f}
+.control-treeview ol > li.active > div > span.borders:before,.control-treeview ol > li.active > div > span.borders:after{content:' ';position:absolute;width:100%;height:1px;display:block;left:0;background-color:#dddddd}
+.control-treeview ol > li.active > div > span.borders:before{top:-1px}
+.control-treeview ol > li.active > div > span.borders:after{bottom:-1px}
+.control-treeview ol > li.no-data{padding:18px 0;margin:0;color:#666666;font-size:12px;text-align:center;font-weight:400}
+.control-treeview ol > li > ol > li > div{margin-left:-20px;padding-left:71px}
+.control-treeview ol > li > ol > li > div > a{margin-left:-71px;padding-left:71px}
+.control-treeview ol > li > ol > li > div:before{margin-left:10px}
+.control-treeview ol > li > ol > li > div > span.expand{left:12px}
+.control-treeview ol > li > ol > li > ol > li > div{margin-left:-40px;padding-left:81px}
+.control-treeview ol > li > ol > li > ol > li > div > a{margin-left:-81px;padding-left:81px}
+.control-treeview ol > li > ol > li > ol > li > div:before{margin-left:20px}
+.control-treeview ol > li > ol > li > ol > li > div > span.expand{left:22px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > div{margin-left:-60px;padding-left:91px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > div > a{margin-left:-91px;padding-left:91px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > div:before{margin-left:30px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > div > span.expand{left:32px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > div{margin-left:-80px;padding-left:101px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > div > a{margin-left:-101px;padding-left:101px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > div:before{margin-left:40px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand{left:42px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div{margin-left:-100px;padding-left:111px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > a{margin-left:-111px;padding-left:111px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div:before{margin-left:50px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand{left:52px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div{margin-left:-120px;padding-left:121px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > a{margin-left:-121px;padding-left:121px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div:before{margin-left:60px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand{left:62px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div{margin-left:-140px;padding-left:131px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > a{margin-left:-131px;padding-left:131px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div:before{margin-left:70px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand{left:72px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div{margin-left:-160px;padding-left:141px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > a{margin-left:-141px;padding-left:141px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div:before{margin-left:80px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand{left:82px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div{margin-left:-180px;padding-left:151px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > a{margin-left:-151px;padding-left:151px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div:before{margin-left:90px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand{left:92px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div{margin-left:-200px;padding-left:161px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > a{margin-left:-161px;padding-left:161px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div:before{margin-left:100px}
+.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand{left:102px}
+.control-treeview p.no-data{padding:18px 0;margin:0;color:#666666;font-size:12px;text-align:center;font-weight:400}
+.control-treeview a.menu-control{display:block;margin:20px;padding:13px 15px;border:dotted 2px #ebebeb;color:#bdc3c7;font-size:12px;font-weight:600;text-transform:uppercase;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;vertical-align:middle}
+.control-treeview a.menu-control:hover{text-decoration:none;background-color:#58b6f7 !important;color:#ffffff !important;border:none;padding:15px 17px}
+.control-treeview a.menu-control i{margin-right:10px;font-size:14px}
+.control-treeview.light{margin-bottom:0;margin-top:20px}
+.control-treeview.light ol{background-color:transparent}
+.control-treeview.light ol > li > div{background-color:transparent;border-bottom:none}
+.control-treeview.light ol > li > div:before{top:15px}
+.control-treeview.light ol > li > div > a{padding-top:10px;padding-bottom:10px}
+.control-treeview.light ol > li > div span.expand{top:19px}
+.control-treeview.light ol > li > div > span.drag-handle{top:0;right:0;bottom:auto;height:100%;width:60px;background:#2581b8;-webkit-transition:none !important;transition:none !important}
+.control-treeview.light ol > li > div > span.drag-handle:before{position:absolute;left:50%;top:50%;margin-left:-6px}
+.control-treeview.light ol > li > div > ul.submenu{right:60px;left:auto;bottom:auto;top:0;height:100%;margin:0;background:transparent;white-space:nowrap;font-size:0}
+.control-treeview.light ol > li > div > ul.submenu:before,.control-treeview.light ol > li > div > ul.submenu:after{display:none}
+.control-treeview.light ol > li > div > ul.submenu li{height:100%;display:inline-block;background:#2581b8;border-right:1px solid #328ec8}
+.control-treeview.light ol > li > div > ul.submenu li p{display:table;height:100%;padding:0;margin:0}
+.control-treeview.light ol > li > div > ul.submenu li p a{display:table-cell;vertical-align:middle;height:100%;padding:0 20px;font-size:13px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
+.control-treeview.light ol > li > div > ul.submenu li p a i.control-icon{font-size:22px;margin-right:0}
+@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-devicepixel-ratio:1.5),only screen and (min-resolution:1.5dppx){.control-treeview ol > li > div:before{background-position:0px -79px;background-size:21px auto}
+.control-treeview ol > li.has-subitems > div:before{background-position:0px -52px}
+.control-treeview ol > li.has-subitems > div:hover:before,.control-treeview ol > li.has-subitems > div.popover-highlight:before{background-position:0px -102px}
+.control-treeview ol > li.dragged > div:before,.control-treeview ol > li.dragged li > div:before,.control-treeview ol > li > div:hover:before,.control-treeview ol > li > div.popover-highlight:before{background-position:0px -129px}
+.control-treeview ol > li.dragged li.has-subitems > div:before,.control-treeview ol > li.dragged.has-subitems > div:before{background-position:0px -102px}
+.control-treeview ol > li.drop-target > div:before{background-position:0px -129px}
+.control-treeview ol > li.drop-target.has-subitems > div:before{background-position:0px -102px}
+}
+.sidenav-tree{width:300px;background:#31495f}
+.sidenav-tree .control-toolbar{padding:0}
+.sidenav-tree .control-toolbar .toolbar-item{display:block}
+.sidenav-tree .control-toolbar input.form-control{border:none;outline:none;padding:12px 13px 13px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:inset -5px 0 3px rgba(0,0,0,0.1);box-shadow:inset -5px 0 3px rgba(0,0,0,0.1)}
+.sidenav-tree .control-toolbar input.form-control.search{background-position:right -78px}
+.sidenav-tree ul{padding:0;margin:0;list-style:none}
+.sidenav-tree div.scrollbar-thumb{background:#2b3e50 !important}
+.sidenav-tree ul.top-level > li[data-status=collapsed] > div.group h3:before{-webkit-transform:rotate(0deg) translate(2px,-2px);-ms-transform:rotate(0deg) translate(2px,-2px);transform:rotate(0deg) translate(2px,-2px)}
+.sidenav-tree ul.top-level > li[data-status=collapsed] > div.group h3:after{display:none}
+.sidenav-tree ul.top-level > li[data-status=collapsed] ul{display:none}
+.sidenav-tree ul.top-level > li > div.group{position:relative}
+.sidenav-tree ul.top-level > li > div.group:after{content:'';position:absolute;top:0;right:0;width:10px;height:100%;-webkit-box-shadow:inset -5px 0 3px rgba(0,0,0,0.1);box-shadow:inset -5px 0 3px rgba(0,0,0,0.1)}
+.sidenav-tree ul.top-level > li > div.group h3{background:#2a3e51;color:#ecf0f1;text-transform:uppercase;font-size:15px;padding:15px 15px 15px 40px;margin:0;position:relative;cursor:pointer}
+.sidenav-tree ul.top-level > li > div.group h3:before{display:block;position:absolute;width:10px;height:10px;left:16px;top:15px;color:#cfcfcf;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f105";-webkit-transform:rotate(90deg) translate(5px,-3px);-ms-transform:rotate(90deg) translate(5px,-3px);transform:rotate(90deg) translate(5px,-3px);-webkit-transition:all 0.1s ease;transition:all 0.1s ease;font-size:16px}
+.sidenav-tree ul.top-level > li > div.group h3:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-top:8px solid #2a3e51;border-bottom-width:0;position:absolute;left:15px;bottom:-8px;z-index:101}
+.sidenav-tree ul.top-level > li > ul li a{display:block;position:relative;padding:18px 25px 18px 55px;background:transparent;border-bottom:1px solid #2a3e51;color:#ffffff;text-decoration:none !important}
+.sidenav-tree ul.top-level > li > ul li a:after{content:'';position:absolute;top:0;right:0;width:10px;height:100%;-webkit-box-shadow:inset -5px 0 3px rgba(0,0,0,0.1);box-shadow:inset -5px 0 3px rgba(0,0,0,0.1)}
+.sidenav-tree ul.top-level > li > ul li a:hover{text-decoration:none}
+.sidenav-tree ul.top-level > li > ul li a i{position:absolute;left:16px;top:18px;font-size:22px}
+.sidenav-tree ul.top-level > li > ul li a span{display:block;line-height:150%}
+.sidenav-tree ul.top-level > li > ul li a span.header{color:#ffffff;font-size:16px;margin-bottom:5px}
+.sidenav-tree ul.top-level > li > ul li a span.description{color:#bdc3c7;font-size:15px}
+.sidenav-tree ul.top-level > li > ul li.active a,.sidenav-tree ul.top-level > li > ul li:hover a{background:#1f99dc;color:rgba(255,255,255,0.91)}
+.sidenav-tree ul.top-level > li > ul li.active a span.header,.sidenav-tree ul.top-level > li > ul li:hover a span.header{color:#ffffff}
+.sidenav-tree ul.top-level > li > ul li.active a span.description,.sidenav-tree ul.top-level > li > ul li:hover a span.description{color:rgba(255,255,255,0.91)}
+.sidenav-tree ul.top-level > li > ul li:last-child a{border-bottom:none}
+.sidenav-tree .back-link{display:none}
+@media (max-width:768px){.sidenav-tree{width:100%;height:auto !important;display:block !important}
+.sidenav-tree > .layout{display:none}
+.sidenav-tree-root .sidenav-tree{width:100% !important;height:100% !important;display:table-cell !important}
+.sidenav-tree-root .sidenav-tree .back-link{display:none !important}
+.sidenav-tree-root .sidenav-tree > .layout{display:table !important}
+.sidenav-tree-root #layout-body{display:none}
+body.has-sidenav-tree .sidenav-tree .back-link{display:block;padding:13px 15px;background:#2b3e50;color:#bdc3c7;font-size:14px;line-height:14px;text-transform:uppercase}
+body.has-sidenav-tree .sidenav-tree .back-link i{display:inline-block;margin-right:10px}
+body.has-sidenav-tree .sidenav-tree .back-link:hover{text-decoration:none}
+body.has-sidenav-tree #layout-body{display:block !important}
+}
+div.panel{padding:20px; }
+div.panel.no-padding{padding:0}
+div.panel.no-padding-bottom{padding-bottom:0}
+div.panel.padding-top{padding-top:20px}
+div.panel.padding-less{padding:15px}
+div.panel.transparent{background:transparent}
+div.panel.border-left{border-left:1px solid #e8eaeb}
+div.panel.border-right{border-right:1px solid #e8eaeb}
+div.panel.border-bottom{border-bottom:1px solid #e8eaeb}
+div.panel.border-top{border-top:1px solid #e8eaeb}
+div.panel.triangle-down{position:relative}
+div.panel.triangle-down:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-top:8px solid #ffffff;border-bottom-width:0;position:absolute;left:15px;bottom:-8px;z-index:101}
+div.panel.triangle-down:before{content:'';display:block;width:0;height:0;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-top:9px solid #e8eaeb;border-bottom-width:0;position:absolute;left:14px;bottom:-9px;z-index:100}
+div.panel h3.section,div.panel > label{text-transform:uppercase;color:#95a5a6;font-size:13px;font-weight:600;margin:0 0 15px 0}
+div.panel > label{margin-bottom:5px}
+.nav.selector-group{font-size:13px;letter-spacing:0.01em;margin-bottom:20px}
+.nav.selector-group li a{padding:7px 20px 7px 23px;color:#95a5a6}
+.nav.selector-group li.active{border-left:3px solid #e6802b;padding-left:0}
+.nav.selector-group li.active a{padding-left:20px;color:#2b3e50}
+.nav.selector-group li i[class^="icon-"]{font-size:17px;margin-right:6px;position:relative;top:1px}
+div.panel .nav.selector-group{margin:0 -20px 20px -20px}
+ul.tree-path{list-style:none;padding:0;margin-bottom:0}
+ul.tree-path li{display:inline-block;margin-right:1px;font-size:13px}
+ul.tree-path li:after{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f105";display:inline-block;font-size:13px;margin-left:5px;position:relative;top:1px;color:#95a5a6}
+ul.tree-path li:last-child a{cursor:default}
+ul.tree-path li:last-child:after{display:none}
+ul.tree-path li.go-up{font-size:12px;margin-right:7px}
+ul.tree-path li.go-up a{color:#95a5a6}
+ul.tree-path li.go-up a:hover{color:#0181b9}
+ul.tree-path li.go-up:after{display:none}
+ul.tree-path li.root a{font-weight:600;color:#405261}
+ul.tree-path li a{color:#95a5a6}
+ul.tree-path li a:hover{text-decoration:none}
+table.name-value-list{border-collapse:collapse;font-size:13px}
+table.name-value-list th,table.name-value-list td{padding:4px 0 4px 0;vertical-align:top}
+table.name-value-list tr:first-child th,table.name-value-list tr:first-child td{padding-top:0}
+table.name-value-list th{font-weight:600;color:#95a5a6;padding-right:15px;text-transform:uppercase}
+table.name-value-list td{color:#2b3e50;word-wrap:break-word}
+.scrollpad-scrollbar-size-tester{width:50px;height:50px;overflow-y:scroll;position:absolute;top:-200px;left:-200px}
+.scrollpad-scrollbar-size-tester div{height:100px}
+.scrollpad-scrollbar-size-tester::-webkit-scrollbar{width:0;height:0}
+div.control-scrollpad{position:relative;width:100%;height:100%;overflow:hidden}
+div.control-scrollpad > div{overflow:hidden;overflow-y:scroll;height:100%}
+div.control-scrollpad > div::-webkit-scrollbar{width:0;height:0}
+div.control-scrollpad[data-direction=horizontal] > div{overflow-x:scroll;overflow-y:hidden;width:100%}
+div.control-scrollpad[data-direction=horizontal] > div::-webkit-scrollbar{width:auto;height:0}
+div.control-scrollpad > .scrollpad-scrollbar{z-index:199;position:absolute;top:0;right:0;bottom:0;width:11px;background-color:transparent;opacity:0;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}
+div.control-scrollpad > .scrollpad-scrollbar .drag-handle{position:absolute;right:2px;min-height:10px;width:7px;background-color:#aaaaaa;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
+div.control-scrollpad > .scrollpad-scrollbar:hover{opacity:0.7;-webkit-transition:opacity 0 linear;transition:opacity 0 linear}
+div.control-scrollpad > .scrollpad-scrollbar[data-visible]{opacity:0.7}
+div.control-scrollpad > .scrollpad-scrollbar[data-hidden]{display:none}
+div.control-scrollpad[data-direction=horizontal] > .scrollpad-scrollbar{top:auto;left:0;width:auto;height:11px}
+div.control-scrollpad[data-direction=horizontal] > .scrollpad-scrollbar .drag-handle{right:auto;top:2px;height:7px;min-height:0;min-width:10px;width:auto}
+.autocomplete.dropdown-menu{background:white}
+.autocomplete.dropdown-menu li a{padding:3px 12px}
+.svg-icon-container img.svg-icon{display:none}
+.svg-icon-container.svg-active-effects img.svg-icon{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:0.6;filter:alpha(opacity=60)}
+.svg-icon-container.svg-active-effects:hover img.svg-icon,.svg-icon-container.svg-active-effects.active img.svg-icon{-webkit-filter:none;filter:none;opacity:1;filter:alpha(opacity=100)}
+html.svg .svg-icon-container i.svg-replace{display:none}
+@-webkit-keyframes fadeIn{0%{opacity:0}
+100%{opacity:1}
+}
+@keyframes fadeIn{0%{opacity:0}
+100%{opacity:1}
+}
+.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
+@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
+100%{opacity:1;-webkit-transform:none;transform:none}
+}
+@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
+100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
+}
+.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
+@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
+100%{opacity:1;-webkit-transform:none;transform:none}
+}
+@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
+100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
+}
+.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
+@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
+100%{opacity:1;-webkit-transform:none;transform:none}
+}
+@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
+100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
+}
+.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
+@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
+100%{opacity:1;-webkit-transform:none;transform:none}
+}
+@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
+100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
+}
+.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
+@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
+100%{opacity:1;-webkit-transform:none;transform:none}
+}
+@-webkit-keyframes fadeOut{0%{opacity:1}
+100%{opacity:0}
+}
+@keyframes fadeOut{0%{opacity:1}
+100%{opacity:0}
+}
+.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
+@-webkit-keyframes fadeOutDown{0%{opacity:1}
+100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
+}
+@keyframes fadeOutDown{0%{opacity:1}
+100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
+}
+.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
+@-webkit-keyframes fadeOutLeft{0%{opacity:1}
+100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
+}
+@keyframes fadeOutLeft{0%{opacity:1}
+100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
+}
+.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
+@-webkit-keyframes fadeOutRight{0%{opacity:1}
+100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
+}
+@keyframes fadeOutRight{0%{opacity:1}
+100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
+}
+.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
+@-webkit-keyframes fadeOutUp{0%{opacity:1}
+100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
+}
+@keyframes fadeOutUp{0%{opacity:1}
+100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
+}
+.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
+body.drag *{cursor:drag !important;cursor:-webkit-grab !important;cursor:-moz-grab !important}
+body.dragging,body.dragging *{cursor:move !important}
+body.loading,body.loading *{cursor:wait !important}
+body.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default !important}
+html,body{height:100%; }
+body{webkit-font-smoothing:antialiased;font-family:sans-serif;background:#f9f9f9}
+#layout-canvas{min-height:100%;height:100%}
+.control-tabs.primary-tabs > ul.nav-tabs,.control-tabs.primary-tabs > div > ul.nav-tabs,.control-tabs.primary-tabs > div > div > ul.nav-tabs{margin-left:-25px;margin-right:-25px}
+.control-tabs.primary-tabs.tabs-no-inset > ul.nav-tabs,.control-tabs.primary-tabs.tabs-no-inset > div > ul.nav-tabs,.control-tabs.primary-tabs.tabs-no-inset > div > div > ul.nav-tabs{margin-left:0;margin-right:0}
+.layout{display:table;table-layout:fixed;height:100%;width:100%}
+.layout > .layout-row{display:table-row;vertical-align:top;height:100%}
+.layout > .layout-row > .layout-cell{display:table-cell;vertical-align:top;height:100%}
+.layout > .layout-row > .layout-cell.width-100{width:100px}
+.layout > .layout-row > .layout-cell.width-120{width:120px}
+.layout > .layout-row > .layout-cell.width-140{width:140px}
+.layout > .layout-row > .layout-cell.width-200{width:200px}
+.layout > .layout-row > .layout-cell.width-300{width:300px}
+.layout > .layout-row > .layout-cell.width-350{width:350px}
+.layout > .layout-row > .layout-cell.layout-container,.layout > .layout-row > .layout-cell .layout-container,.layout > .layout-row > .layout-cell.padded-container,.layout > .layout-row > .layout-cell .padded-container{padding:25px 25px 0 25px}
+.layout > .layout-row > .layout-cell.layout-container .container-flush,.layout > .layout-row > .layout-cell .layout-container .container-flush,.layout > .layout-row > .layout-cell.padded-container .container-flush,.layout > .layout-row > .layout-cell .padded-container .container-flush{padding-top:0}
+.layout > .layout-row > .layout-cell .layout-relative{position:relative;height:100%}
+.layout > .layout-row > .layout-cell .layout-absolute{position:absolute;height:100%;width:100%}
+.layout > .layout-row > .layout-cell.min-size{width:0}
+.layout > .layout-row > .layout-cell.min-height{height:0}
+.layout > .layout-row > .layout-cell.center{text-align:center}
+.layout > .layout-row > .layout-cell.middle{vertical-align:middle}
+.layout > .layout-row > .layout-cell.width-100{width:100px}
+.layout > .layout-row > .layout-cell.width-120{width:120px}
+.layout > .layout-row > .layout-cell.width-140{width:140px}
+.layout > .layout-row > .layout-cell.width-200{width:200px}
+.layout > .layout-row > .layout-cell.width-300{width:300px}
+.layout > .layout-row > .layout-cell.width-350{width:350px}
+.layout > .layout-row > .layout-cell.layout-container,.layout > .layout-row > .layout-cell .layout-container,.layout > .layout-row > .layout-cell.padded-container,.layout > .layout-row > .layout-cell .padded-container{padding:25px 25px 0 25px}
+.layout > .layout-row > .layout-cell.layout-container .container-flush,.layout > .layout-row > .layout-cell .layout-container .container-flush,.layout > .layout-row > .layout-cell.padded-container .container-flush,.layout > .layout-row > .layout-cell .padded-container .container-flush{padding-top:0}
+.layout > .layout-row > .layout-cell .layout-relative{position:relative;height:100%}
+.layout > .layout-row > .layout-cell .layout-absolute{position:absolute;height:100%;width:100%}
+.layout > .layout-row > .layout-cell.min-size{width:0}
+.layout > .layout-row > .layout-cell.min-height{height:0}
+.layout > .layout-row > .layout-cell.center{text-align:center}
+.layout > .layout-row > .layout-cell.middle{vertical-align:middle}
+.layout > .layout-row.min-size{height:0}
+.layout > .layout-cell{display:table-cell;vertical-align:top;height:100%}
+.layout > .layout-cell.width-100{width:100px}
+.layout > .layout-cell.width-120{width:120px}
+.layout > .layout-cell.width-140{width:140px}
+.layout > .layout-cell.width-200{width:200px}
+.layout > .layout-cell.width-300{width:300px}
+.layout > .layout-cell.width-350{width:350px}
+.layout > .layout-cell.layout-container,.layout > .layout-cell .layout-container,.layout > .layout-cell.padded-container,.layout > .layout-cell .padded-container{padding:25px 25px 0 25px}
+.layout > .layout-cell.layout-container .container-flush,.layout > .layout-cell .layout-container .container-flush,.layout > .layout-cell.padded-container .container-flush,.layout > .layout-cell .padded-container .container-flush{padding-top:0}
+.layout > .layout-cell .layout-relative{position:relative;height:100%}
+.layout > .layout-cell .layout-absolute{position:absolute;height:100%;width:100%}
+.layout > .layout-cell.min-size{width:0}
+.layout > .layout-cell.min-height{height:0}
+.layout > .layout-cell.center{text-align:center}
+.layout > .layout-cell.middle{vertical-align:middle}
+.whiteboard{background:white}
+.layout-fill-container{position:absolute;left:0;top:0;width:100%;height:100%}
+.layout-cell.width-fix > form,[data-calculate-width] > form,.layout-cell.width-fix > div,[data-calculate-width] > div{display:inline-block}
+body.compact-container .layout.layout-container,body.compact-container .layout .layout-container{padding:0 !important}
+body.slim-container .layout.layout-container,body.slim-container .layout .layout-container{padding-left:0 !important;padding-right:0 !important}
+@media (max-width:768px){.layout .hide-on-small{display:none}
+.layout.responsive-sidebar > .layout-cell:first-child{display:table-footer-group;height:auto}
+.layout.responsive-sidebar > .layout-cell:first-child .control-breadcrumb{display:none}
+.layout.responsive-sidebar > .layout-cell:last-child{display:table-header-group;width:auto;height:auto}
+.layout.responsive-sidebar > .layout-cell:last-child .layout-absolute{position:static}
+}
+.flex-layout-column{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}
+.flex-layout-column.full-height-strict{height:100%}
+.flex-layout-column.absolute{position:absolute !important}
+.flex-layout-column.fill-container{position:absolute;left:0;top:0;width:100%;height:100%}
+.flex-layout-row{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}
+.flex-layout-column.justify-center,.flex-layout-row.justify-center{-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:;-webkit-box-pack:center;justify-content:center}
+.flex-layout-column.align-center,.flex-layout-row.align-center{-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-align-content:center;-moz-align-content:center;-webkit-box-align:center;-ms-align-content:center;align-content:center}
+.flex-layout-column.full-height,.flex-layout-row.full-height{min-height:100%}
+.flex-layout-item{margin:0}
+.flex-layout-item.fix{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}
+.flex-layout-item.stretch{-webkit-box-flex:1;-webkit-flex:1 1 auto;-moz-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}
+.flex-layout-item.stretch-constrain{-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1}
+.flex-layout-item.center{-webkit-align-self:center;-moz-align-self:center;-ms-align-self:center;align-self:center}
+.flex-layout-item.relative{position:relative}
+.flex-layout-item.layout-container{max-width:none}
+.flex-layout-item.width-100{width:100px}
+.flex-layout-item.width-200{width:200px}
+.flex-layout-item.width-300{width:300px}
+body.mainmenu-open{overflow:hidden}
+nav#layout-mainmenu{background-color:#111111;padding:0 0 0 20px;line-height:0;white-space:nowrap;vertical-align:top}
+nav#layout-mainmenu a{text-decoration:none}
+nav#layout-mainmenu a:focus{background:transparent}
+nav#layout-mainmenu ul{margin:0;padding:0;list-style:none;float:left;white-space:nowrap;overflow:hidden}
+nav#layout-mainmenu ul li{color:#555555;display:inline-block;vertical-align:top;margin-right:30px;position:relative}
+nav#layout-mainmenu ul li a{padding:19px 0 15px;display:inline-block;font-size:16px;color:inherit;outline:none}
+nav#layout-mainmenu ul li a:hover{background-color:transparent !important}
+nav#layout-mainmenu ul li a:active,nav#layout-mainmenu ul li a:focus{text-decoration:none;color:#555555}
+nav#layout-mainmenu ul li a i{position:relative;top:-2px;line-height:1;font-size:35px;vertical-align:middle;margin-right:10px}
+nav#layout-mainmenu ul li a i{font-size:30px}
+nav#layout-mainmenu ul li a img.svg-icon{height:30px;width:30px;margin-right:10px;position:relative;top:0}
+nav#layout-mainmenu ul li:last-child{margin-right:0}
+nav#layout-mainmenu ul li.active:after{content:' ';position:absolute;bottom:0;left:50%;margin-left:-8.5px}
+nav#layout-mainmenu ul li.active a{font-size:18px;padding-top:13px;padding-bottom:8px}
+nav#layout-mainmenu ul li.active a i{font-size:40px}
+nav#layout-mainmenu ul li.active a img.svg-icon{height:40px;width:40px}
+nav#layout-mainmenu ul li.icon{margin-right:0}
+nav#layout-mainmenu ul li.icon i{margin-right:0}
+nav#layout-mainmenu ul li.icon a{padding:14px}
+nav#layout-mainmenu ul li.power-off i,nav#layout-mainmenu ul li.preview i{font-size:20px}
+nav#layout-mainmenu ul li.power-off a,nav#layout-mainmenu ul li.preview a{padding:25px 10px 19px 21px}
+nav#layout-mainmenu ul li.account{margin-right:0}
+nav#layout-mainmenu ul li.account > a{padding:16px 20px 13px 10px;font-size:18px;position:relative;z-index:200}
+nav#layout-mainmenu ul li.account img{width:35px;margin-right:15px;position:relative;top:-1px}
+nav#layout-mainmenu ul li.account ul{line-height:23px}
+nav#layout-mainmenu ul.nav{display:inline-block}
+nav#layout-mainmenu .menu-toggle{padding:19px 0 15px;display:inline-block;font-size:16px;color:inherit;outline:none;display:none}
+nav#layout-mainmenu .menu-toggle:hover{background-color:transparent !important}
+nav#layout-mainmenu .menu-toggle:active,nav#layout-mainmenu .menu-toggle:focus{text-decoration:none;color:#555555}
+nav#layout-mainmenu .menu-toggle i{position:relative;top:-2px;line-height:1;font-size:35px;vertical-align:middle;margin-right:10px}
+nav#layout-mainmenu .toolbar-item{padding-right:0}
+nav#layout-mainmenu .toolbar-item:before,nav#layout-mainmenu .toolbar-item:after{margin-top:0}
+nav#layout-mainmenu .toolbar-item:before{left:-12px}
+nav#layout-mainmenu .toolbar-item:after{right:-12px}
+nav#layout-mainmenu .toolbar-item.scroll-active-before:before{color:#ffffff}
+nav#layout-mainmenu .toolbar-item.scroll-active-after:after{color:#ffffff}
+html.svg nav#layout-mainmenu img.svg-icon,html.svg .mainmenu-collapsed img.svg-icon{display:inline-block}
+nav#layout-mainmenu ul li .mainmenu-accountmenu{position:fixed;top:64px;right:0;background:#2b3e50;z-index:590;display:none}
+nav#layout-mainmenu ul li .mainmenu-accountmenu.active{display:block}
+nav#layout-mainmenu ul li .mainmenu-accountmenu:after{content:'';display:block;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:12px solid #2b3e50;right:40px;top:-12px;position:absolute}
+nav#layout-mainmenu ul li .mainmenu-accountmenu ul{float:none;display:block}
+nav#layout-mainmenu ul li .mainmenu-accountmenu li{padding:0;margin:0;font-weight:normal;text-align:left;display:block}
+nav#layout-mainmenu ul li .mainmenu-accountmenu li a{display:block;padding:12px 30px;text-align:left}
+nav#layout-mainmenu ul li .mainmenu-accountmenu li:hover{background:#3d5265 !important}
+nav#layout-mainmenu ul li .mainmenu-accountmenu li.divider{height:1px;width:100%;background-color:#4b6372}
+@media (max-width:768px){nav#layout-mainmenu ul li .mainmenu-accountmenu:after{right:71px}
+}
+nav#layout-mainmenu.navbar ul li:hover a:active,.mainmenu-collapsed li:hover a:active,nav#layout-mainmenu.navbar ul li:hover a:focus,.mainmenu-collapsed li:hover a:focus{color:#ffffff !important}
+.touch .mainmenu-collapsed li a:hover{color:#555555}
+nav#layout-mainmenu.navbar ul li.active,.mainmenu-collapsed li.active,nav#layout-mainmenu.navbar ul li.highlight,.mainmenu-collapsed li.highlight{color:#ffffff !important}
+nav#layout-mainmenu.navbar ul li.active a,.mainmenu-collapsed li.active a,nav#layout-mainmenu.navbar ul li.highlight a,.mainmenu-collapsed li.highlight a{color:#ffffff !important}
+nav#layout-mainmenu.navbar ul li:hover,.mainmenu-collapsed li:hover{color:#ffffff;background:transparent}
+body.drag nav#layout-mainmenu.navbar ul.nav li:hover,body.drag .mainmenu-collapsed ul li:hover{color:#555555}
+@media (max-width:769px){nav#layout-mainmenu.navbar ul.nav{display:none}
+nav#layout-mainmenu.navbar .menu-toggle{display:inline-block;color:#ffffff !important}
+.mainmenu-collapsed{position:fixed;height:100%;left:0;top:0;width:0;background:#333333;-webkit-box-shadow:inset -5px 0 3px rgba(0,0,0,0.1);box-shadow:inset -5px 0 3px rgba(0,0,0,0.1);margin:0}
+.mainmenu-collapsed > div{display:relative;height:100%}
+.mainmenu-collapsed > div ul{overflow:hidden;padding:0;margin:0}
+.mainmenu-collapsed > div ul li{text-transform:uppercase;list-style:none;color:#555555}
+.mainmenu-collapsed > div ul li a{padding:19px 0 15px;display:inline-block;font-size:16px;color:inherit;outline:none;white-space:nowrap;display:block;padding:15px 20px}
+.mainmenu-collapsed > div ul li a:hover{background-color:transparent !important}
+.mainmenu-collapsed > div ul li a:active,.mainmenu-collapsed > div ul li a:focus{text-decoration:none;color:#555555}
+.mainmenu-collapsed > div ul li a i{position:relative;top:-2px;line-height:1;font-size:35px;vertical-align:middle;margin-right:10px}
+.mainmenu-collapsed > div ul li a:hover{text-decoration:none}
+.mainmenu-collapsed > div ul li a img.svg-icon{margin-right:10px;position:relative;top:-3px;width:30px;height:30px}
+.mainmenu-collapsed > div ul li a i{width:40px;text-align:left;display:inline-block}
+.mainmenu-collapsed > div ul li.active a{padding:9px 20px 11px 20px}
+.mainmenu-collapsed .scroll-marker{position:absolute;left:0;width:100%;height:10px;display:none}
+.mainmenu-collapsed .scroll-marker:after{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f141";display:block;position:absolute;left:50%;margin-left:-3px;top:0;height:9px;font-size:10px;color:#555555}
+.mainmenu-collapsed .scroll-marker.before{top:0}
+.mainmenu-collapsed .scroll-marker.after{bottom:3px}
+.mainmenu-collapsed .scroll-marker.after:after{top:2px}
+.mainmenu-collapsed.scroll-before .scroll-marker.before{display:block}
+.mainmenu-collapsed.scroll-after .scroll-marker.after{display:block}
+}
+body.mainmenu-open .mainmenu-collapsed ul{position:fixed;left:0;top:10px;bottom:10px}
+@media (min-width:770px){#layout-canvas{position:static !important}
+.mainmenu-collapsed{display:none !important}
+}
+#layout-sidenav{background-color:#31495f;position:absolute;height:100%;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
+#layout-sidenav ul{position:relative;margin:0;padding:0;height:100%;overflow:hidden}
+#layout-sidenav ul:after{content:'';position:absolute;top:0;right:0;width:10px;height:100%;-webkit-box-shadow:inset -5px 0 3px rgba(0,0,0,0.1);box-shadow:inset -5px 0 3px rgba(0,0,0,0.1)}
+#layout-sidenav ul li{display:block;text-align:center;position:relative}
+#layout-sidenav ul li a{padding:20px 13px;display:block;font-size:15px;color:rgba(255,255,255,0.35);font-weight:normal;position:relative}
+#layout-sidenav ul li a:hover{text-decoration:none;background-color:transparent}
+#layout-sidenav ul li a:focus{background:transparent}
+#layout-sidenav ul li a i{color:rgba(255,255,255,0.35);display:block;margin-bottom:5px;font-size:28px}
+#layout-sidenav ul li.active a,#layout-sidenav ul li a:hover{background:#1f99dc;color:#ffffff}
+#layout-sidenav ul li.active a i,#layout-sidenav ul li a:hover i{color:#ffffff}
+#layout-sidenav ul li span.counter{display:block;position:absolute;top:15px;right:15px;padding:2px 6px 3px 4px;background-color:#d9350f;color:#ffffff;font-size:11px;line-height:100%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1,);-ms-transform:scale(1,);transform:scale(1,);-webkit-transition:all 0.3s;transition:all 0.3s}
+#layout-sidenav ul li span.counter.empty{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(0,);-ms-transform:scale(0,);transform:scale(0,)}
+#layout-sidenav.layout-sidenav ul.drag li:not(.active) a:hover,.touch #layout-sidenav.layout-sidenav li:not(.active) a:hover{color:rgba(255,255,255,0.35) !important}
+#layout-sidenav.layout-sidenav ul.drag li:not(.active) a:hover i,.touch #layout-sidenav.layout-sidenav li:not(.active) a:hover i{color:rgba(255,255,255,0.35) !important}
+#layout-sidenav.layout-sidenav ul.drag li:not(.active) a:hover:after,.touch #layout-sidenav.layout-sidenav li:not(.active) a:hover:after{display:none !important}
+#layout-side-panel .fix-button{position:absolute;right:-25px;top:0;display:none;width:25px;height:25px;font-size:13px;background:#ecf0f1;z-index:120;opacity:0.5;filter:alpha(opacity=50);-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
+#layout-side-panel .fix-button i{display:block;text-align:center;margin-top:5px;color:#aaaaaa}
+#layout-side-panel .fix-button:hover{text-decoration:none;display:block;opacity:1 !important;filter:alpha(opacity=100) !important}
+#layout-side-panel:hover .fix-button{display:block}
+#layout-side-panel .fix-button-content-header .fix-button{top:46px}
+#layout-side-panel .sidepanel-content-header{background:#d35400;color:white;font-size:15px;padding:12px 20px 13px;position:relative}
+#layout-side-panel .sidepanel-content-header:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-top:8px solid #d35400;border-bottom-width:0;position:absolute;left:14px;bottom:-8px}
+body.side-panel-not-fixed #layout-side-panel{display:none}
+body.side-panel-not-fixed #layout-side-panel .fix-button{opacity:0.5;filter:alpha(opacity=50)}
+body.display-side-panel #layout-side-panel{display:block;position:absolute;z-index:500;width:350px;-webkit-box-shadow:2px 0px 2px 0 rgba(0,0,0,0.3);box-shadow:2px 0px 2px 0 rgba(0,0,0,0.3)}
+@media (min-width:992px){body.side-panel-fix-shadow #layout-side-panel{-webkit-box-shadow:none;box-shadow:none}
+}
+.touch #layout-side-panel .fix-button{display:none}
+@media (max-width:768px){#layout-side-panel .fix-button{display:none}
+}
+#layout-footer{width:100%;z-index:100;height:60px;position:fixed;bottom:0;color:#666666;background-color:rgba(255,255,255,0.8);border-top:1px solid #dfdfdf}
+#layout-footer .brand,#layout-footer .tagline{margin:10px;height:40px;line-height:40px}
+#layout-footer .brand{float:left;font-size:16px}
+#layout-footer .brand .logo{margin:0 10px}
+#layout-footer .tagline{float:right}
+#layout-footer .tagline p{color:#999999}
+body.outer{background:#2b3e50}
+body.outer .layout > .layout-row.layout-head{text-align:center;background:#1d2d3d}
+body.outer .layout > .layout-row.layout-head > .layout-cell{height:300px !important;padding:50px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}
+body.outer .layout > .layout-row.layout-head > .layout-cell h1.oc-logo-white{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;display:inline-block;width:100%;max-width:410px;height:72px}
+body.outer .layout > .layout-row > .layout-cell{vertical-align:middle}
+body.outer .layout > .layout-row > .layout-cell .outer-form-container{margin:0 auto;width:436px}
+body.outer .layout > .layout-row > .layout-cell .outer-form-container h2{font-size:18px;margin:20px 0;color:#feffff}
+body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form{font-size:0}
+body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form input{vertical-align:top;margin-right:9px;display:inline-block;border:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
+body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form input.width-1{width:160px}
+body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form input.width-2{width:323px}
+body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form button{background:#0181b9;text-align:center;font-size:13px;font-weight:600;height:40px;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
+body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form button.login-button{display:inline-block;width:98px}
+body.outer .layout > .layout-row > .layout-cell .outer-form-container .forgot-password{margin-top:30px;font-size:13px;top:8px}
+body.outer .layout > .layout-row > .layout-cell .outer-form-container .forgot-password a{color:rgba(255,255,255,0.44)}
+body.outer .layout > .layout-row > .layout-cell .outer-form-container .forgot-password:before{color:rgba(255,255,255,0.44);font-size:14px;position:relative;margin-right:5px}
+html.csstransitions body.outer .outer-form-container{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
+html.csstransitions body.outer.preload .outer-form-container{-webkit-transform:scale(0.2,0.2);-moz-transform:scale(0.2,0.2);-ms-transform:scale(0.2,0.2);-o-transform:scale(0.2,0.2);transform:scale(0.2,0.2)}
+@media (max-width:768px){body.outer .layout > .layout-row.layout-head > .layout-cell{padding:50px 25px}
+body.outer .layout > .layout-row > .layout-cell .outer-form-container{width:auto;padding:25px}
+body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form input{display:block;width:100% !important;margin-bottom:25px}
+}
+ .fancy-layout .tab-collapse-icon{position:absolute;display:block;text-decoration:none;outline:none;opacity:0.6;filter:alpha(opacity=60);-webkit-transition:all 0.3s;transition:all 0.3s;font-size:12px;color:#ffffff;right:11px}
+.fancy-layout .tab-collapse-icon:hover{text-decoration:none;opacity:1;filter:alpha(opacity=100)}
+.fancy-layout .tab-collapse-icon.primary{color:#475354;bottom:-25px;z-index:100;-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}
+.fancy-layout .tab-collapse-icon.primary i{position:relative;display:block}
+.fancy-layout .control-tabs.master-tabs,.fancy-layout.control-tabs.master-tabs{overflow:hidden}
+.fancy-layout .control-tabs.master-tabs:before,.fancy-layout.control-tabs.master-tabs:before,.fancy-layout .control-tabs.master-tabs:after,.fancy-layout.control-tabs.master-tabs:after{top:13px;font-size:14px;color:rgba(255,255,255,0.35)}
+.fancy-layout .control-tabs.master-tabs:before,.fancy-layout.control-tabs.master-tabs:before{left:8px}
+.fancy-layout .control-tabs.master-tabs:after,.fancy-layout.control-tabs.master-tabs:after{right:8px}
+.fancy-layout .control-tabs.master-tabs.scroll-before:before,.fancy-layout.control-tabs.master-tabs.scroll-before:before{color:#ffffff}
+.fancy-layout .control-tabs.master-tabs.scroll-after:after,.fancy-layout.control-tabs.master-tabs.scroll-after:after{color:#ffffff}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container{background:#d35400;padding-left:20px;padding-right:20px}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs{margin-left:-8px}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li{margin-left:-5px;top:1px;padding-top:3px}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close{top:15px;right:-3px;left:auto;z-index:110}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close i,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close i{top:4px;right:1px;color:rgba(255,255,255,0.3) !important;font-style:normal;font-weight:bold}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close i:hover,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close i:hover{color:#ffffff !important}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a{border-bottom:none;background:transparent;font-size:14px;color:rgba(255,255,255,0.35);padding:6px 0 0 24px!important;overflow:visible}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title{position:relative;display:inline-block;padding:12px 5px 0 5px;height:38px;font-size:14px;z-index:100;background-color:#b9530f}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before,.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after{content:' ';position:absolute;width:20px;display:block;height:37px;top:0;z-index:100;background-color:#b9530f}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before{left:-14px;-webkit-border-radius:8px 0 0 0;-moz-border-radius:8px 0 0 0;border-radius:8px 0 0 0;-webkit-transform:skewX(-20deg);-ms-transform:skewX(-20deg);transform:skewX(-20deg)}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after{right:-14px;-webkit-border-radius:0 8px 0 0;-moz-border-radius:0 8px 0 0;border-radius:0 8px 0 0;-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg)}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title span,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title span{border-top:none;padding:0;margin-top:0;overflow:visible}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a:before,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a:before{z-index:110;position:absolute;top:18px;left:22px}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a[class*=icon] > span.title,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a[class*=icon] > span.title{padding-left:18px}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a{z-index:107;color:#ffffff}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active span.tab-close i,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active span.tab-close i{color:#ffffff}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title{background-color:#e67e22;z-index:105}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:before,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:before{z-index:107;background-color:#e67e22}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:after,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:after{background-color:#e67e22;z-index:107}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i{top:3px;font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i:before,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f111";font-size:9px}
+.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li:first-child,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li:first-child{margin-left:0}
+.fancy-layout .control-tabs.master-tabs[data-closable] > div > div.tabs-container > ul.nav-tabs > li a > span.title,.fancy-layout.control-tabs.master-tabs[data-closable] > div > div.tabs-container > ul.nav-tabs > li a > span.title{padding-right:10px}
+.fancy-layout .control-tabs.master-tabs.has-tabs:before,.fancy-layout.control-tabs.master-tabs.has-tabs:before,.fancy-layout .control-tabs.master-tabs.has-tabs:after,.fancy-layout.control-tabs.master-tabs.has-tabs:after{display:block}
+.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs,.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs{background:#475354;padding-left:15px}
+.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li,.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li{border-right:none;padding-right:0;margin-right:0}
+.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li a,.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li a{background:transparent;border:none;padding:12px 10px 13px 10px;font-size:14px;font-weight:normal;line-height:14px;color:#919898}
+.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li a span span,.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li a span span{overflow:visible;border-top:none;margin-top:0;padding-top:0}
+.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a,.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a{color:#ffffff}
+.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon,.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon{position:absolute;display:block;text-decoration:none;outline:none;opacity:0.6;filter:alpha(opacity=60);-webkit-transition:all 0.3s;transition:all 0.3s;font-size:12px;color:#ffffff;right:11px}
+.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon:hover,.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon:hover{text-decoration:none;opacity:1;filter:alpha(opacity=100)}
+.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon.primary,.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon.primary{color:#475354;bottom:-25px;z-index:100;-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}
+.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon.primary i,.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon.primary i{position:relative;display:block}
+.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon.primary,.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon.primary{color:#ffffff;top:12px;right:11px;bottom:auto}
+.fancy-layout .control-tabs.secondary-tabs.primary-collapsed .tab-collapse-icon.primary,.fancy-layout.control-tabs.secondary-tabs.primary-collapsed .tab-collapse-icon.primary{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
+.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs{background:#f9f9f9}
+.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li{margin-left:-19px}
+.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li:first-child,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li:first-child{margin-left:0;padding-left:8px}
+.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a{padding:8px 16px 0 16px;font-weight:400;height:36px;color:#2b3e50;opacity:0.6;filter:alpha(opacity=60)}
+.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title{position:relative;display:inline-block;padding:8px 5px 9px 5px;font-size:14px;z-index:100;height:27px !important;background-color:transparent}
+.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:before,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:before,.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:after,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:after{content:' ';position:absolute;background-color:white;width:15px;height:28px;top:0;z-index:100;display:none}
+.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:before,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:before{left:-11px;-webkit-border-radius:8px 0 0 0;-moz-border-radius:8px 0 0 0;border-radius:8px 0 0 0;-webkit-transform:skewX(-20deg);-ms-transform:skewX(-20deg);transform:skewX(-20deg)}
+.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:after,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:after{right:-11px;-webkit-border-radius:0 8px 0 0;-moz-border-radius:0 8px 0 0;border-radius:0 8px 0 0;-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg)}
+.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title span,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title span{height:18px;font-size:14px}
+.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a{opacity:1;filter:alpha(opacity=100)}
+.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title{background-color:white}
+.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title:before,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title:before,.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title:after,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title:after{display:block}
+.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs .tab-collapse-icon.primary,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs .tab-collapse-icon.primary{color:#808c8d}
+.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed .tab-collapse-icon.primary,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed .tab-collapse-icon.primary{color:white}
+.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs{background:#e67e22}
+.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li a,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li a{color:white}
+.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li a > span.title:before,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li a > span.title:before,.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li a > span.title:after,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li a > span.title:after{background-color:white}
+.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li.active a,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li.active a{color:#2b3e50}
+.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs{background:#7f8c8d;margin-left:0 !important;margin-right:0 !important}
+.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs.master-area,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs.master-area{-webkit-transition:background-color 0.5s;transition:background-color 0.5s;background:#e67e22}
+.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs:before,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs:before{display:none}
+.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li{background:transparent;border-right:none;margin-right:-8px}
+.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li:first-child,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li:first-child{margin-left:-5px}
+.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a{background:transparent;border:none;padding:12px 16px 0px;font-size:14px;font-weight:400;color:#95a5a6}
+.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title{background:#d5d9d8;border-top:none;padding:5px 5px 3px 5px}
+.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:before,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:before,.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:after,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:after{background:#d5d9d8;border-width:0;top:0}
+.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:before,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:before{left:-20px}
+.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:after,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:after{right:-20px}
+.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title span,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title span{border-width:0;vertical-align:top}
+.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a{color:#808c8d}
+.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before{display:none}
+.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title{background:#fafafa}
+.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title:before,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title:before,.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title:after,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title:after{background:#fafafa}
+.fancy-layout .control-tabs.primary-tabs > .tab-content > .tab-pane,.fancy-layout.control-tabs.primary-tabs > .tab-content > .tab-pane{padding:25px 25px 0 25px}
+.fancy-layout .control-tabs.primary-tabs > .tab-content > .tab-pane.pane-compact,.fancy-layout.control-tabs.primary-tabs > .tab-content > .tab-pane.pane-compact{padding:0}
+.fancy-layout .control-tabs.primary-tabs.collapsed,.fancy-layout.control-tabs.primary-tabs.collapsed{display:none}
+.fancy-layout .control-tabs.has-tabs > div.tab-content,.fancy-layout.control-tabs.has-tabs > div.tab-content{background:#f9f9f9}
+.fancy-layout .control-tabs > div.tab-content > div.tab-pane,.fancy-layout.control-tabs > div.tab-content > div.tab-pane{padding:0}
+.fancy-layout .control-tabs > div.tab-content > div.tab-pane.padded-pane,.fancy-layout.control-tabs > div.tab-content > div.tab-pane.padded-pane{padding:25px 25px 0 25px}
+.fancy-layout .form-tabless-fields{position:relative;background:#e67e22;padding:18px 23px 0 23px;-webkit-transition:all 0.5s;transition:all 0.5s}
+.fancy-layout .form-tabless-fields:before,.fancy-layout .form-tabless-fields:after{content:" ";display:table}
+.fancy-layout .form-tabless-fields:after{clear:both}
+.fancy-layout .form-tabless-fields label{text-transform:uppercase;color:rgba(255,255,255,0.5);margin-bottom:0}
+.fancy-layout .form-tabless-fields input[type=text]{background:transparent;border:none;color:#ffffff;font-size:35px;font-weight:100;height:auto;padding:0}
+.fancy-layout .form-tabless-fields input[type=text]::-moz-placeholder{color:#f4c69e;opacity:1}
+.fancy-layout .form-tabless-fields input[type=text]:-ms-input-placeholder{color:#f4c69e}
+.fancy-layout .form-tabless-fields input[type=text]::-webkit-input-placeholder{color:#f4c69e}
+.fancy-layout .form-tabless-fields input[type=text]:focus,.fancy-layout .form-tabless-fields input[type=text]:hover{background-color:rgba(255,255,255,0.1)}
+.fancy-layout .form-tabless-fields .form-group{padding-bottom:0}
+.fancy-layout .form-tabless-fields .form-group.is-required > label:after{display:none}
+.fancy-layout .form-tabless-fields .tab-collapse-icon{position:absolute;display:block;text-decoration:none;outline:none;opacity:0.6;filter:alpha(opacity=60);-webkit-transition:all 0.3s;transition:all 0.3s;font-size:12px;color:#ffffff;right:11px}
+.fancy-layout .form-tabless-fields .tab-collapse-icon:hover{text-decoration:none;opacity:1;filter:alpha(opacity=100)}
+.fancy-layout .form-tabless-fields .tab-collapse-icon.primary{color:#475354;bottom:-25px;z-index:100;-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}
+.fancy-layout .form-tabless-fields .tab-collapse-icon.primary i{position:relative;display:block}
+.fancy-layout .form-tabless-fields .tab-collapse-icon.tabless{top:11px}
+.fancy-layout .form-tabless-fields.collapsed{padding:5px 23px 0 10px}
+.fancy-layout .form-tabless-fields.collapsed .tab-collapse-icon.tabless{-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}
+.fancy-layout .form-tabless-fields.collapsed .form-group:not(.collapse-visible){display:none}
+.fancy-layout .form-tabless-fields.collapsed .form-buttons{margin-left:10px;padding-bottom:0}
+.fancy-layout .form-tabless-fields .loading-indicator-container .loading-indicator{background-color:#e67e22;padding:0 0 0 30px;color:rgba(255,255,255,0.5);margin-top:1px;height:90%;font-size:12px;line-height:100%}
+.fancy-layout .form-tabless-fields .loading-indicator-container .loading-indicator > span{left:-10px;top:18px}
+.fancy-layout .form-buttons{-webkit-transition:all 0.5s;transition:all 0.5s;padding-top:11px;padding-bottom:5px}
+.fancy-layout .form-buttons .btn{padding:0;margin-right:5px;margin-top:-6px;margin-right:30px;background-color:transparent;color:#ffffff;font-weight:normal;opacity:0.5;filter:alpha(opacity=50);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
+.fancy-layout .form-buttons .btn:hover{opacity:1;filter:alpha(opacity=100)}
+.fancy-layout .form-buttons .btn:last-child{margin-right:0}
+.fancy-layout form.oc-data-changed .btn.save{opacity:1;filter:alpha(opacity=100)}
+.fancy-layout .field-codeeditor{border:none !important;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
+.fancy-layout .field-codeeditor .editor-code{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
+.fancy-layout .field-richeditor{border:none;border-left:1px solid #bdc3c7 !important}
+.fancy-layout .field-richeditor,.fancy-layout .field-richeditor .redactor_box,.fancy-layout .field-richeditor .redactor_toolbar{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-top-right-radius:0;border-top-left-radius:0}
+.fancy-layout .field-richeditor .redactor-box textarea{background:white;padding:20px !important;color:#333333;font-size:14px}
+.fancy-layout .secondary-content-tabs .field-richeditor .redactor-box .redactor-toolbar{margin:20px 0 0 0!important;left:20px;right:20px;width:auto;-webkit-border-radius:3px !important;-moz-border-radius:3px !important;border-radius:3px !important}
+body.side-panel-not-fixed .fancy-layout .field-richeditor{border-left:none}
+html.cssanimations .fancy-layout .form-tabless-fields .loading-indicator-container .loading-indicator > span{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background-image:url('../../../system/assets/ui/images/loader-white.svg');background-size:20px 20px}
+html.gecko .fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a{padding-top:13px}
+.flyout-container > .flyout{overflow:hidden;width:0;left:0 !important;-webkit-transition:width 0.1s;transition:width 0.1s}
+.flyout-overlay{width:100%;height:100%;top:0;z-index:5000;position:absolute;background-color:rgba(0,0,0,0);-webkit-transition:background-color 0.3s;transition:background-color 0.3s}
+.flyout-toggle{position:absolute;top:20px;left:0;width:23px;height:25px;background:#2b3e50;cursor:pointer;border-bottom-right-radius:4px;border-top-right-radius:4px;color:#bdc3c7;font-size:10px}
+.flyout-toggle i{margin:7px 0 0 6px;display:inline-block}
+.flyout-toggle:hover i{color:#ffffff}
+body.flyout-visible{overflow:hidden}
+body.flyout-visible .flyout-overlay{background-color:rgba(0,0,0,0.3)}
\ No newline at end of file
diff --git a/modules/backend/assets/less/controls/filelist.less b/modules/backend/assets/less/controls/filelist.less
index f19527210..5cd0c17b6 100644
--- a/modules/backend/assets/less/controls/filelist.less
+++ b/modules/backend/assets/less/controls/filelist.less
@@ -18,10 +18,10 @@
     .listPaddings (0, 27px) {}
 
     p.no-data {
-        padding: 18px 0;
+        padding: 22px 0;
         margin: 0;
         color: @color-filelist-norecords-text;
-        font-size: 12px;
+        font-size: 14px;
         text-align: center;
         font-weight: normal;
         .border-radius(@border-radius-base);
@@ -208,8 +208,8 @@
 
             .checkbox {
                 position: absolute;
-                top: -3px;
-                right: 3px;
+                top: -5px;
+                right: -5px;
 
                 label {
                     margin-right: 0;
@@ -261,6 +261,10 @@
                         color: @color-filelist-title-hero;
                     }
 
+                    span.description {
+                        font-size: 14px;
+                    }
+
                     .list-icon {
                         position: absolute;
                         left: 14px;
@@ -275,8 +279,8 @@
                 }
 
                 .checkbox {
-                    top: 17px;
-                    right: 17px;
+                    top: 0;
+                    right: 0;
                 }
 
                 &.active {
diff --git a/modules/backend/assets/less/controls/treeview.less b/modules/backend/assets/less/controls/treeview.less
index 0ed9a6cb0..d23455075 100644
--- a/modules/backend/assets/less/controls/treeview.less
+++ b/modules/backend/assets/less/controls/treeview.less
@@ -20,8 +20,8 @@
             .transition(width 1s);
 
             > div {
-                font-size: 13px;
-                font-weight: 600;
+                font-size: 15px;
+                font-weight: normal;
                 background: @color-treeview-item-bg;
                 border-bottom: 1px solid @color-panel-light;
                 position: relative;
@@ -53,7 +53,7 @@
                     display: block;
                     font-weight: 400;
                     color: @color-treeview-item-comment;
-                    font-size: 12px;
+                    font-size: 14px;
                     margin-top: 2px;
                     overflow: hidden;
                     text-overflow: ellipsis;
@@ -88,17 +88,17 @@
                     .transition(opacity 0.4s);
 
                     position: absolute;
-                    right: 24px;
+                    right: 18px;
                     bottom: 5px;
-                    width: 14px;
-                    height: 14px;
+                    width: 18px;
+                    height: 19px;
                     cursor: move;
                     color: @color-treeview-control;
                     .opacity(0);
 
                     &:before {
                         .icon(@bars);
-                        font-size: 14px;
+                        font-size: 18px;
                     }
                 }
 
@@ -163,8 +163,8 @@
 
                 .checkbox {
                     position: absolute;
-                    top: 19px;
-                    right: 17px;
+                    top: 0;
+                    right: 0;
 
                     label {
                         margin-right: 0;
diff --git a/modules/backend/assets/less/layout/fancylayout.less b/modules/backend/assets/less/layout/fancylayout.less
index 209bf16fa..45c620986 100644
--- a/modules/backend/assets/less/layout/fancylayout.less
+++ b/modules/backend/assets/less/layout/fancylayout.less
@@ -37,7 +37,7 @@
             overflow: hidden;
 
             &:before, &:after {
-                top: 7px;
+                top: 13px;
                 font-size: 14px;
                 color: @color-fancy-master-tabs-inactive-text;
             }
@@ -54,11 +54,12 @@
                 > ul.nav-tabs {
                     margin-left: -8px;
                     > li {
-                        margin-left: -8px;
+                        margin-left: -5px;
                         top: 1px;
+                        padding-top: 3px;
 
                         span.tab-close{
-                            top: 9px;
+                            top: 15px;
                             right: -3px;
                             left: auto;
                             z-index: 110;
@@ -67,7 +68,8 @@
                                 top: 4px;
                                 right: 1px;
                                 color: rgba(255, 255, 255, 0.3) !important;
-                                font: 14px bold "Helvetica Neue", Helvetica, Arial, sans-serif;
+                                font-style: normal;
+                                font-weight: bold;
 
                                 &:hover { color: @color-fancy-master-tabs-active-text !important; }
                             }
@@ -85,37 +87,48 @@
                             > span.title {
                                 position: relative;
                                 display: inline-block;
-                                padding: 8px 5px 9px 5px;
-                                height: 31px;
-                                font-size: 13px;
+                                padding: 12px 5px 0 5px;
+                                height: 38px;
+                                font-size: 14px;
                                 z-index: 100;
                                 background-color: @color-fancy-form-inactive-tab;
 
                                 &:before, &:after {
                                     content: ' ';
                                     position: absolute;
-                                    background: transparent url(../images/tab-shape.svg) no-repeat left -80px;
                                     width: 20px;
                                     display: block;
-                                    height: 30px;
+                                    height: 37px;
                                     top: 0;
                                     z-index: 100;
+                                    background-color: @color-fancy-form-inactive-tab;
                                 }
 
                                 &:before {
-                                    left: -20px;
+                                    left: -14px;
+                                    .border-radius(8px 0 0 0);
+                                    .transform( ~'skewX(-20deg)');
+
                                 }
 
                                 &:after {
-                                    right: -20px;
-                                    background-position: -80px -80px;
+                                    right: -14px;
+                                    .border-radius(0 8px 0 0);
+                                    .transform( ~'skewX(20deg)');
+                                }
+
+                                span {
+                                    border-top: none;
+                                    padding: 0;
+                                    margin-top: 0;
+                                    overflow: visible;
                                 }
                             }
 
                             &:before {
                                 z-index: 110;
                                 position: absolute;
-                                top: 15px;
+                                top: 18px;
                                 left: 22px;
                             }
 
@@ -135,11 +148,11 @@
                                 background-color: @color-fancy-form-tabless-fields-bg;
                                 z-index: 105;
                                 &:before {
-                                    background-position: left -40px;
                                     z-index: 107;
+                                    background-color: @color-fancy-form-tabless-fields-bg;
                                 }
                                 &:after {
-                                    background-position: -80px -40px;
+                                    background-color: @color-fancy-form-tabless-fields-bg;
                                     z-index: 107;
                                 }
                             }
@@ -184,6 +197,7 @@
         &.secondary-tabs {
             > div > ul.nav-tabs {
                 background: @color-fancy-secondary-tabs-bg;
+                padding-left: 15px;
                 > li {
                     border-right: none;
                     padding-right: 0;
@@ -191,8 +205,20 @@
                     a {
                         background: transparent;
                         border: none;
-                        padding: 8px 10px;
+                        padding: 12px 10px 13px 10px;
+                        font-size: 14px;
+                        font-weight: normal;
+                        line-height: 14px;
                         color: @color-fancy-secondary-tabs-inactive-text;
+
+                        span {
+                            span {
+                                overflow: visible;
+                                border-top: none;
+                                margin-top: 0;
+                                padding-top: 0;
+                            }
+                        }
                     }
 
                     &.active {
@@ -233,42 +259,45 @@
                         a {
                             padding: 8px 16px 0 16px;
                             font-weight: 400;
-                            height: 33px;
+                            height: 36px;
                             color: #2b3e50;
                             .opacity(0.6);
 
                             > span.title {
                                 position: relative;
                                 display: inline-block;
-                                padding: 4px 5px 9px 5px;
-                                font-size: 13px;
+                                padding: 8px 5px 9px 5px;
+                                font-size: 14px;
                                 z-index: 100;
-                                height: 25px!important;
+                                height: 27px!important;
                                 background-color: transparent;
 
                                 &:before, &:after {
                                     content: ' ';
                                     position: absolute;
-                                    background: transparent url(../images/secondary-tab-shape-content.svg) no-repeat left top;
+                                    background-color: white;
                                     width: 15px;
-                                    height: 25px;
+                                    height: 28px;
                                     top: 0;
                                     z-index: 100;
                                     display: none;
                                 }
 
                                 &:before {
-                                    left: -15px;
+                                    left: -11px;
+                                    .border-radius(8px 0 0 0);
+                                    .transform( ~'skewX(-20deg)');
                                 }
 
                                 &:after {
-                                    right: -15px;
-                                    background-position: -60px 0;
+                                    right: -11px;
+                                    .border-radius(0 8px 0 0);
+                                    .transform( ~'skewX(20deg)');
                                 }
 
                                 span {
                                     height: 18px;
-                                    font-size: 12px;
+                                    font-size: 14px;
                                 }
                             }
                         }
@@ -301,6 +330,12 @@
                         > li {
                             a {
                                 color: white;
+
+                                > span.title {
+                                    &:before, &:after {
+                                        background-color: white;
+                                    }
+                                }
                             }
 
                             &.active a {
@@ -330,6 +365,7 @@
                 > li {
                     background: transparent;
                     border-right: none;
+                    margin-right: -8px;
 
                     &:first-child {
                         margin-left: -5px;
@@ -339,7 +375,7 @@
                         background: transparent;
                         border: none;
                         padding: 12px 16px 0px;
-                        font-size: 12px;
+                        font-size: 14px;
                         font-weight: 400;
                         color: @color-fancy-primary-tabs-inactive-text;
 
@@ -349,15 +385,22 @@
                             padding: 5px 5px 3px 5px;
 
                             &:before, &:after {
+                                background: @color-fancy-primary-tabs-inactive-bg;
+                                border-width: 0;
                                 top: 0;
                             }
 
                             &:before {
-                                background-position: left -92px;
+                                left: -20px;
                             }
 
                             &:after {
-                                background-position: -61px -92px;
+                                right: -20px;
+                            }
+
+                            span {
+                                border-width: 0;
+                                vertical-align: top;
                             }
                         }
                     }
@@ -372,12 +415,8 @@
                             span.title {
                                 background: @color-fancy-primary-tabs-active-bg;
 
-                                &:before {
-                                    background-position: left -62px;
-                                }
-
-                                &:after {
-                                    background-position: -61px -62px;
+                                &:before, &:after {
+                                    background: @color-fancy-primary-tabs-active-bg;
                                 }
                             }
                         }
@@ -386,15 +425,11 @@
             }
 
             > .tab-content > .tab-pane {
-                padding: 15px 15px 0 15px;
+                padding: @padding-standard @padding-standard 0 @padding-standard;
 
                 &.pane-compact {
                     padding: 0;
                 }
-
-                .form-control {
-                    border-width: 1px;
-                }
             }
 
             &.collapsed {
@@ -413,7 +448,7 @@
                 padding: 0;
 
                 &.padded-pane {
-                    padding: 15px 15px 0 15px;
+                    padding: @padding-standard @padding-standard 0 @padding-standard;
                 }
             }
         }
@@ -602,4 +637,10 @@ html.cssanimations {
             }
         }
     }
+}
+
+html.gecko {
+    .fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a {
+        padding-top: 13px;
+    }
 }
\ No newline at end of file
diff --git a/modules/backend/assets/less/layout/mainmenu.less b/modules/backend/assets/less/layout/mainmenu.less
index 3d37278f2..f63bb6a49 100644
--- a/modules/backend/assets/less/layout/mainmenu.less
+++ b/modules/backend/assets/less/layout/mainmenu.less
@@ -135,7 +135,7 @@ nav#layout-mainmenu {
                     padding: 16px 20px 13px 10px;
                     font-size: 18px;
                     position: relative;
-                    z-index: 590;
+                    z-index: 200; // Previous value 590 was overlappnig with drop-down menus on small screens
                 }
 
                 img {
diff --git a/modules/backend/assets/less/layout/outerlayout.less b/modules/backend/assets/less/layout/outerlayout.less
index 81f060b9a..dde6c0ab5 100644
--- a/modules/backend/assets/less/layout/outerlayout.less
+++ b/modules/backend/assets/less/layout/outerlayout.less
@@ -112,6 +112,27 @@ html.csstransitions {
     }
 }
 
+@media (max-width: @screen-sm) {
+    body.outer .layout > .layout-row {
+        &.layout-head {
+            > .layout-cell {
+                padding: 50px @padding-standard;
+            }
+        }
+
+        > .layout-cell .outer-form-container {
+            width: auto;
+            padding: @padding-standard;
+    
+            .horizontal-form input {
+                display: block;
+                width: 100%!important;
+                margin-bottom: @padding-standard;
+            }
+        }
+    }
+}
+
 /*
 
 .outer-form-container {
diff --git a/modules/backend/assets/less/layout/sidenav.less b/modules/backend/assets/less/layout/sidenav.less
index 6b5100f1b..61d7d1c9e 100644
--- a/modules/backend/assets/less/layout/sidenav.less
+++ b/modules/backend/assets/less/layout/sidenav.less
@@ -45,10 +45,6 @@
                 font-weight: normal;
                 position: relative;
 
-                &:after {
-                    .sidenav-shadow-element();
-                }
-
                 &:hover {
                     text-decoration: none;
                     background-color: transparent;
diff --git a/modules/backend/assets/less/layout/sidepanel.less b/modules/backend/assets/less/layout/sidepanel.less
index b95be99c1..677fc0cc1 100644
--- a/modules/backend/assets/less/layout/sidepanel.less
+++ b/modules/backend/assets/less/layout/sidepanel.less
@@ -5,12 +5,16 @@
 #layout-side-panel {
     .fix-button {
         position: absolute;
-        right: 2px;
-        top: 1px;
-        display: block;
-        width: 20px;
-        height: 20px;
+        right: -25px;
+        top: 0;
+        display: none;
+        width: 25px;
+        height: 25px;
         font-size: 13px;
+        background: #ecf0f1;
+        z-index: 120;
+        .opacity(0.5);
+        .border-radius(~'0 4px 4px 0');
 
         i {
             display: block;
@@ -21,24 +25,26 @@
 
         &:hover {
             text-decoration: none;
+            display: block;
             .opacity(1)!important;
         }
     }
 
-    .fix-button-content-header .fix-button {
-        top: 9px;
-        right: 7px;
-
-        i {
-            color: @color-scrollpanel-fix-button-light;
+    &:hover {
+        .fix-button {
+            display: block;
         }
     }
 
+    .fix-button-content-header .fix-button {
+        top: 46px;
+    }
+
     .sidepanel-content-header {
         background: #d35400;
         color: white;
-        font-size: 14px;
-        padding: 8px 15px;
+        font-size: 15px;
+        padding: 12px 20px 13px;
         position: relative;
 
         &:after {
diff --git a/modules/backend/formwidgets/codeeditor/assets/css/codeeditor.css b/modules/backend/formwidgets/codeeditor/assets/css/codeeditor.css
index 2e7ea90c1..b7385872e 100644
--- a/modules/backend/formwidgets/codeeditor/assets/css/codeeditor.css
+++ b/modules/backend/formwidgets/codeeditor/assets/css/codeeditor.css
@@ -1,4 +1,4 @@
-.field-codeeditor{width:100%;position:relative;border:2px solid #bdc3c7;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
+.field-codeeditor{width:100%;position:relative;border:2px solid #bdc3c7;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
 .field-codeeditor textarea{opacity:0;filter:alpha(opacity=0)}
 .field-codeeditor.editor-focus{border:2px solid #1f99dc}
 .field-codeeditor.size-tiny{min-height:50px}
@@ -7,7 +7,7 @@
 .field-codeeditor.size-huge{min-height:250px}
 .field-codeeditor.size-giant{min-height:350px}
 .field-codeeditor .ace_search{font-family:sans-serif;font-size:14px;color:#333333;z-index:603}
-.field-codeeditor .editor-code{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
+.field-codeeditor .editor-code{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
 .field-codeeditor .editor-toolbar{position:absolute;top:10px;right:10px;z-index:600}
 .field-codeeditor .editor-toolbar > ul,.field-codeeditor .editor-toolbar ul > li{list-style-type:none;padding:0;margin:0}
 .field-codeeditor .editor-toolbar > ul > li{float:left}
diff --git a/modules/backend/formwidgets/richeditor/assets/css/richeditor.css b/modules/backend/formwidgets/richeditor/assets/css/richeditor.css
index 4f6362572..fc4983d13 100755
--- a/modules/backend/formwidgets/richeditor/assets/css/richeditor.css
+++ b/modules/backend/formwidgets/richeditor/assets/css/richeditor.css
@@ -1,29 +1,29 @@
 .redactor-editor figure{position:relative}
-.redactor-editor figcaption{text-align:center;line-height:22px;font-size:16px}
+.redactor-editor figcaption{text-align:center;line-height:21px;font-size:15px}
 .redactor-editor figure[data-type=table]{clear:both}
-.redactor-editor figure[data-type=video]{position:relative;margin-bottom:22px;text-align:center;clear:both}
+.redactor-editor figure[data-type=video]{position:relative;margin-bottom:21px;text-align:center;clear:both}
 .redactor-editor figure[data-type=video] p{margin:0}
 .redactor-editor figure[data-type=video].oc-figure-full:before{position:relative;padding-bottom:51%;width:100%;height:0;content:"";display:block}
 .redactor-editor figure[data-type=video].oc-figure-full iframe{width:100%;height:100%;position:absolute;left:0;top:0}
-.redactor-editor figure[data-type=image]{position:relative;margin-bottom:22px}
+.redactor-editor figure[data-type=image]{position:relative;margin-bottom:21px}
 .redactor-editor figure[data-type=image] .oc-figure-controls{top:0px}
 .redactor-editor figure[data-type=image] img{width:100%}
 .redactor-editor figure[data-type=image].oc-figure-large{width:100%;clear:both}
 .redactor-editor figure[data-type=image].oc-figure-medium{width:50%}
 .redactor-editor figure[data-type=image].oc-figure-small{width:33%}
-.redactor-editor figure[data-type=quote]{font-family:Georgia,serif;margin-bottom:22px;margin-left:22px;font-style:italic;position:relative;border-left:solid 4px #cccccc;padding-left:22px}
+.redactor-editor figure[data-type=quote]{font-family:Georgia,serif;margin-bottom:21px;margin-left:21px;font-style:italic;position:relative;border-left:solid 4px #cccccc;padding-left:21px}
 .redactor-editor figure[data-type=quote] figcaption{font-weight:bold;text-align:left}
 .redactor-editor figure[data-type=quote] .oc-figure-controls{margin-left:-5px}
 .redactor-editor figure[data-type=quote].oc-figure-medium,.redactor-editor figure[data-type=quote].oc-figure-medium blockquote{font-size:20px}
 .redactor-editor figure[data-type=quote].oc-figure-large,.redactor-editor figure[data-type=quote].oc-figure-large blockquote{font-size:24px}
 .redactor-editor figure[data-type=quote].oc-figure-right{width:33%}
-.redactor-editor figure[data-type=quote].oc-figure-left{width:33%;border-left:none;border-right:solid 4px #cccccc;padding-left:0;padding-right:22px;margin-left:0;margin-right:22px}
+.redactor-editor figure[data-type=quote].oc-figure-left{width:33%;border-left:none;border-right:solid 4px #cccccc;padding-left:0;padding-right:21px;margin-left:0;margin-right:21px}
 .redactor-editor figure[data-type=quote].oc-figure-left .oc-figure-controls{margin-left:0;margin-right:-5px}
 .redactor-editor figure[data-type=quote] cite{display:block;text-align:left;font-weight:normal}
 .redactor-editor figure[data-type=quote] cite:before{content:"\2014\00a0"}
 .redactor-editor figure[data-type=quote] cite:empty:before{opacity:0.4;content:"\2014 Type to add citation (optional)"}
 .redactor-box figcaption:empty:before{opacity:.4;content:"Type to add caption (optional)"}
-.redactor-box .oc-figure-controls{background:#2b3e50 !important;padding:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;display:none;white-space:nowrap;left:10px;top:-50px;margin:0 auto;font-family:sans-serif;line-height:22px;font-style:normal;z-index:1100;text-align:center}
+.redactor-box .oc-figure-controls{background:#2b3e50 !important;padding:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;display:none;white-space:nowrap;left:10px;top:-50px;margin:0 auto;font-family:sans-serif;line-height:21px;font-style:normal;z-index:1100;text-align:center}
 .redactor-box .oc-figure-controls:after{content:' ';left:0;position:absolute;display:block;height:10px;background:rgba(0,0,0,0.1);width:100%;bottom:-10px;opacity:0.1;filter:alpha(opacity=10)}
 .redactor-box .oc-figure-controls:before{content:'';display:block;width:0;height:0;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-top:9px solid #2b3e50;border-bottom-width:0;position:absolute;left:14px;bottom:-8px}
 .redactor-box figure:hover .oc-figure-controls{display:block}
@@ -45,14 +45,14 @@
 .redactor-box .oc-figure-controls span.oc-figure-controls-arrow-down:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f063"}
 .redactor-box .oc-figure-controls span.oc-figure-controls-resize-full:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f065"}
 .redactor-box .oc-figure-controls span.oc-figure-controls-resize-small:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f066"}
-.redactor-box .oc-figure-controls span.oc-figure-controls-delete{margin-left:22px}
+.redactor-box .oc-figure-controls span.oc-figure-controls-delete{margin-left:21px}
 .redactor-box .oc-figure-controls span.oc-figure-controls-delete:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f014"}
 .redactor-box .oc-figure-controls span.oc-figure-controls-delete:hover{background:#c63e26}
-.redactor-box .oc-figure-controls span.oc-figure-controls-table{width:auto;padding-left:11px;padding-right:11px;text-align:left}
+.redactor-box .oc-figure-controls span.oc-figure-controls-table{width:auto;padding-left:10.5px;padding-right:10.5px;text-align:left}
 .redactor-box .oc-figure-controls span.oc-figure-controls-table:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f0ce"}
-.redactor-box .oc-figure-right{float:right;margin-left:22px}
+.redactor-box .oc-figure-right{float:right;margin-left:21px}
 .redactor-box .oc-figure-right .oc-figure-controls{right:0}
-.redactor-box .oc-figure-left{float:left;margin-right:22px}
+.redactor-box .oc-figure-left{float:left;margin-right:21px}
 .redactor-box .oc-dropdown-menu,.redactor-box .oc-dropdown-menu ul{padding:0 !important}
 .redactor-box .oc-dropdown-menu ul{background-color:#ffffff !important}
 .redactor-box .oc-dropdown-menu a{text-decoration:none;padding:0 15px !important;color:#39454a !important;text-decoration:none !important;line-height:25px}
diff --git a/modules/backend/lang/en/lang.php b/modules/backend/lang/en/lang.php
index 824ab1a76..964f88875 100644
--- a/modules/backend/lang/en/lang.php
+++ b/modules/backend/lang/en/lang.php
@@ -108,7 +108,7 @@ return [
             'is_new_user_default_field_comment' => 'Add new administrators to this group by default',
             'code_field' => 'Code',
             'code_comment' => 'Enter a unique code if you want to access the group object with the API.',
-            'menu_label' => 'Groups',
+            'menu_label' => 'Manage Groups',
             'list_title' => 'Manage Groups',
             'new' => 'New Group',
             'delete_confirm' => 'Do you really want to delete this administrator group?',
diff --git a/modules/cms/ServiceProvider.php b/modules/cms/ServiceProvider.php
index 8c811e15e..2b399081a 100644
--- a/modules/cms/ServiceProvider.php
+++ b/modules/cms/ServiceProvider.php
@@ -72,7 +72,7 @@ class ServiceProvider extends ModuleServiceProvider
         CombineAssets::registerCallback(function($combiner) {
             $combiner->registerBundle('~/modules/cms/widgets/mediamanager/assets/js/mediamanager-global.js');
             $combiner->registerBundle('~/modules/cms/widgets/mediamanager/assets/js/mediamanager-browser.js');
-            // $combiner->registerBundle('~/modules/cms/widgets/mediamanager/assets/less/mediamanager.less');
+            $combiner->registerBundle('~/modules/cms/widgets/mediamanager/assets/less/mediamanager.less');
         });
     }
 
diff --git a/modules/cms/assets/css/october.components.css b/modules/cms/assets/css/october.components.css
index e007994dd..a30652281 100644
--- a/modules/cms/assets/css/october.components.css
+++ b/modules/cms/assets/css/october.components.css
@@ -282,13 +282,13 @@ div.control-componentlist div.components div.layout-cell.adding > div {
 .control-filelist.component-list ul li div.group {
   background: #f1f3f4;
   border-top: 1px solid #e6ebed;
-  padding: 10px;
+  padding: 10px 15px 10px 10px;
   position: relative;
   cursor: pointer;
 }
 .control-filelist.component-list ul li div.group h4 {
   text-transform: uppercase;
-  font-size: 12px;
+  font-size: 14px;
   margin-top: 3px;
 }
 .control-filelist.component-list ul li div.group h4 a {
@@ -302,8 +302,9 @@ div.control-componentlist div.components div.layout-cell.adding > div {
 }
 .control-filelist.component-list ul li div.group span.description {
   display: block;
-  font-size: 12px;
+  font-size: 13px;
   padding-left: 33px;
+  color: #8f8f8f;
 }
 .control-filelist.component-list ul li div.group i {
   position: absolute;
diff --git a/modules/cms/assets/css/october.theme-selector.css b/modules/cms/assets/css/october.theme-selector.css
index 0b2f99cbb..b50177485 100644
--- a/modules/cms/assets/css/october.theme-selector.css
+++ b/modules/cms/assets/css/october.theme-selector.css
@@ -111,7 +111,7 @@
 }
 .theme-selector-layout .create-new-theme:hover,
 .theme-selector-layout .find-more-themes:hover {
-  background: #1795f1;
+  background: #0181b9;
   color: white;
 }
 @media (max-width: 768px) {
diff --git a/modules/cms/assets/less/october.components.less b/modules/cms/assets/less/october.components.less
index 4786b6529..5b4755db5 100644
--- a/modules/cms/assets/less/october.components.less
+++ b/modules/cms/assets/less/october.components.less
@@ -294,13 +294,13 @@ div.control-componentlist {
         div.group {
             background: @color-group-bg;
             border-top: 1px solid darken(@color-panel-light, 2%);
-            padding: 10px;
+            padding: 10px 15px 10px 10px;
             position: relative;
             cursor: pointer;
 
             h4 {
                 text-transform: uppercase;
-                font-size: 12px;
+                font-size: 14px;
                 margin-top: 3px;
 
                 a {
@@ -318,8 +318,9 @@ div.control-componentlist {
 
             span.description {
                 display: block;
-                font-size: 12px;
+                font-size: 13px;
                 padding-left: 33px;
+                color: @color-text-description;
             }
 
             i {
diff --git a/modules/cms/widgets/TemplateList.php b/modules/cms/widgets/TemplateList.php
index 9ca250a9a..b474e27ca 100644
--- a/modules/cms/widgets/TemplateList.php
+++ b/modules/cms/widgets/TemplateList.php
@@ -102,6 +102,10 @@ class TemplateList extends WidgetBase
      */
     public function render()
     {
+        $toolbarClass = Str::contains($this->controlClass, 'hero') ? 'separator' : null;
+
+        $this->vars['toolbarClass'] = $toolbarClass;
+
         return $this->makePartial('body', [
             'data'=>$this->getData()
         ]);
diff --git a/modules/cms/widgets/assetlist/assets/css/assetlist.css b/modules/cms/widgets/assetlist/assets/css/assetlist.css
index aab8b91bc..9101264a2 100644
--- a/modules/cms/widgets/assetlist/assets/css/assetlist.css
+++ b/modules/cms/widgets/assetlist/assets/css/assetlist.css
@@ -1,13 +1,13 @@
 .control-assetlist p.no-data {
-  padding: 18px;
+  padding: 22px;
   margin: 0;
   color: #666666;
-  font-size: 12px;
+  font-size: 14px;
   text-align: center;
   font-weight: 400;
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
 }
 .control-assetlist p.parent,
 .control-assetlist ul li {
@@ -40,7 +40,7 @@
   outline: none;
   font-weight: 500;
   color: #405261;
-  font-size: 12px;
+  font-size: 14px;
 }
 .control-assetlist p.parent a.link:hover,
 .control-assetlist ul li a.link:hover,
@@ -98,6 +98,17 @@
   background-color: #ffffff;
   word-wrap: break-word;
 }
+.control-assetlist p.parent.parent a.link:before,
+.control-assetlist ul li.parent a.link:before {
+  content: '';
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 1px;
+  background: #ecf0f1;
+}
 .control-assetlist p.parent.parent a.link:after,
 .control-assetlist ul li.parent a.link:after {
   font-size: 13px;
@@ -123,6 +134,9 @@
   opacity: 1;
   filter: alpha(opacity=100);
 }
+.control-assetlist p.parent a.link:hover:before {
+  display: none;
+}
 .control-assetlist ul {
   padding: 0;
   margin: 0;
@@ -201,8 +215,8 @@
 }
 .control-assetlist ul li .checkbox {
   position: absolute;
-  top: 13px;
-  right: 17px;
+  top: -5px;
+  right: -5px;
 }
 .control-assetlist ul li .checkbox label {
   margin-right: 0;
@@ -221,15 +235,12 @@
   transition: all 0.2s ease;
 }
 .control-assetlist div.list-container.goForward ul {
-  -webkit-transform: translate(-300px, 0);
-  -ms-transform: translate(-300px, 0);
-  transform: translate(-300px, 0);
+  -webkit-transform: translate(-350px, 0);
+  -ms-transform: translate(-350px, 0);
+  transform: translate(-350px, 0);
 }
 .control-assetlist div.list-container.goBackward ul {
-  -webkit-transform: translate(300px, 0);
-  -ms-transform: translate(300px, 0);
-  transform: translate(300px, 0);
-}
-input[type="file"].asset-list-upload-field {
-  display: none;
+  -webkit-transform: translate(350px, 0);
+  -ms-transform: translate(350px, 0);
+  transform: translate(350px, 0);
 }
diff --git a/modules/cms/widgets/assetlist/assets/js/assetlist.js b/modules/cms/widgets/assetlist/assets/js/assetlist.js
index db71e8174..a8aad3e37 100644
--- a/modules/cms/widgets/assetlist/assets/js/assetlist.js
+++ b/modules/cms/widgets/assetlist/assets/js/assetlist.js
@@ -39,6 +39,7 @@
         else
             $container.addClass('goForward')
 
+        $.oc.stripeLoadIndicator.show()
         this.$form.request(this.alias+'::onOpenDirectory', {
             data: {
                 path: path,
@@ -52,6 +53,8 @@
                 $container.removeClass('goForward goBackward')
                 alert(jqXHR.responseText.length ? jqXHR.responseText : jqXHR.statusText)
             }
+        }).always(function(){
+            $.oc.stripeLoadIndicator.hide()
         })
     }
 
diff --git a/modules/cms/widgets/assetlist/assets/less/assetlist.less b/modules/cms/widgets/assetlist/assets/less/assetlist.less
index 0a3784862..a21c86673 100644
--- a/modules/cms/widgets/assetlist/assets/less/assetlist.less
+++ b/modules/cms/widgets/assetlist/assets/less/assetlist.less
@@ -2,10 +2,10 @@
 
 .control-assetlist {
     p.no-data {
-        padding: 18px;
+        padding: 22px;
         margin: 0;
         color: @color-filelist-norecords-text;
-        font-size: 12px;
+        font-size: 14px;
         text-align: center;
         font-weight: 400;
         .border-radius(@border-radius-base);
@@ -39,7 +39,7 @@
             outline: none;
             font-weight: 500;
             color: @color-text-title;
-            font-size: 12px;
+            font-size: 14px;
 
             &:hover, &:focus, &:active {text-decoration: none;}
 
@@ -84,6 +84,19 @@
                 background-color: @color-list-parent-bg;
                 word-wrap: break-word;
 
+                &:before {
+                    content: '';
+                    height: 1px;
+                    display: block;
+                    position: absolute;
+                    left: 0;
+                    top: 0;
+                    width: 100%;
+                    height: 1px;
+                    background: #ecf0f1;
+                }
+
+
                 &:after {
                     font-size: 13px;
                     color: @color-list-nav-arrow;
@@ -104,6 +117,10 @@
         &:after {
             .opacity(1);
         }
+
+        &:before {
+            display: none;
+        }
     }
 
     ul {
@@ -185,8 +202,8 @@
 
             .checkbox {
                 position: absolute;
-                top: 13px;
-                right: 17px;
+                top: -5px;
+                right: -5px;
 
                 label {
                     margin-right: 0;
@@ -208,11 +225,11 @@
         }
 
         &.goForward ul {
-            .translate(-300px, 0);
+            .translate(-350px, 0);
         }
 
         &.goBackward ul {
-            .translate(300px, 0);
+            .translate(350px, 0);
         }
 
     }
diff --git a/modules/cms/widgets/assetlist/partials/_toolbar.htm b/modules/cms/widgets/assetlist/partials/_toolbar.htm
index d197aea2a..e0d44f2ce 100644
--- a/modules/cms/widgets/assetlist/partials/_toolbar.htm
+++ b/modules/cms/widgets/assetlist/partials/_toolbar.htm
@@ -5,12 +5,12 @@
         <div class="toolbar-item" data-calculate-width>
             <div class="btn-group">
                 <div class="dropdown last">
-                    <button type="button" class="btn btn-primary oc-icon-plus"
+                    <button type="button" class="btn btn-default oc-icon-plus"
                         data-control="create-asset"
                         data-toggle="dropdown"
                         ><?= e(trans('cms::lang.sidebar.add')) ?></button>
 
-                    <ul class="dropdown-menu" role="menu" data-dropdown-title="<?= e(trans('cms::lang.asset.drop_down_add_title')) ?>">
+                    <ul class="dropdown-menu offset-left" role="menu" data-dropdown-title="<?= e(trans('cms::lang.asset.drop_down_add_title')) ?>">
                         <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:;" data-control="create-template" class="oc-icon-file-text-o"><?= e(trans('cms::lang.asset.create_file')) ?></a></li>
                         <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:;" data-control="upload-assets" class="oc-icon-upload"><?= e(trans('cms::lang.asset.upload_files')) ?></a></li>
                         <li role="presentation" class="divider"></li>
@@ -30,7 +30,7 @@
                     data-trigger-action="show"
                     data-trigger="<?= '#'.$this->getId('asset-list') ?> input[type=checkbox]"
                     data-trigger-condition="checked">
-                    <button type="button" class="btn btn-primary empty oc-icon-wrench last"
+                    <button type="button" class="btn btn-default empty oc-icon-wrench last"
                         data-toggle="dropdown"
                         data-control="asset-tools"
                         ></button>
diff --git a/modules/cms/widgets/mediamanager/partials/_rename-form.htm b/modules/cms/widgets/mediamanager/partials/_rename-form.htm
index a4d44635e..5cdca4b48 100644
--- a/modules/cms/widgets/mediamanager/partials/_rename-form.htm
+++ b/modules/cms/widgets/mediamanager/partials/_rename-form.htm
@@ -10,7 +10,7 @@
     <div class="modal-body">
         <div class="form-group">
             <label><?= e(trans('cms::lang.asset.rename_new_name')) ?></label>
-            <input type="text" class="form-control" name="name" value="<?= e($name) ?>" />
+            <input type="text" default-focus class="form-control" name="name" value="<?= e($name) ?>" />
             <input type="hidden" name="originalName" value="<?= e($name) ?>">
             <input type="hidden" name="type" value="<?= e($type) ?>">
         </div>
diff --git a/modules/cms/widgets/templatelist/partials/_toolbar.htm b/modules/cms/widgets/templatelist/partials/_toolbar.htm
index 563c31227..6f2814b1f 100644
--- a/modules/cms/widgets/templatelist/partials/_toolbar.htm
+++ b/modules/cms/widgets/templatelist/partials/_toolbar.htm
@@ -1,13 +1,13 @@
 <div class="layout-row min-size">
-    <div class="control-toolbar toolbar-padded">
+    <div class="control-toolbar toolbar-padded <?= $toolbarClass ?>">
 
         <!-- Control Panel -->
         <div class="toolbar-item" data-calculate-width>
             <div class="btn-group">
-                <button type="button" class="btn btn-primary oc-icon-plus last"
+                <button type="button" class="btn btn-default oc-icon-plus last"
                     data-control="create-template"
                     ><?= e(trans('cms::lang.sidebar.add')) ?></button>
-                <button type="button" class="btn btn-primary empty oc-icon-trash-o hide"
+                <button type="button" class="btn btn-default empty oc-icon-trash-o hide"
                     id="<?= $this->getId('delete-button') ?>"
                     data-control="delete-template"
                     data-confirmation="<?= e(trans($this->deleteConfirmation)) ?>"
diff --git a/modules/system/ServiceProvider.php b/modules/system/ServiceProvider.php
index fdce5d2c5..a585fdc30 100644
--- a/modules/system/ServiceProvider.php
+++ b/modules/system/ServiceProvider.php
@@ -442,7 +442,7 @@ class ServiceProvider extends ModuleServiceProvider
          * Register asset bundles
          */
         CombineAssets::registerCallback(function($combiner) {
-//            $combiner->registerBundle('~/modules/system/assets/less/styles.less');
+            $combiner->registerBundle('~/modules/system/assets/less/styles.less');
             $combiner->registerBundle('~/modules/system/assets/ui/storm.less');
             $combiner->registerBundle('~/modules/system/assets/ui/storm.js');
         });
diff --git a/modules/system/assets/css/styles.css b/modules/system/assets/css/styles.css
index df88e9b87..98ef8b3ea 100644
--- a/modules/system/assets/css/styles.css
+++ b/modules/system/assets/css/styles.css
@@ -40,7 +40,7 @@ table{border-collapse:collapse;border-spacing:0}
 td,th{padding:0}
 *,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
 html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
-body{font-family:sans-serif;font-size:16px;line-height:1.42857143;color:#333333;background-color:#f9f9f9}
+body{font-family:sans-serif;font-size:15px;line-height:1.42857143;color:#333333;background-color:#f9f9f9}
 input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
 button,input,select[multiple],textarea{background-image:none}
 a{color:#0181b9;text-decoration:none}
@@ -50,7 +50,7 @@ img{vertical-align:middle}
 .img-responsive{display:block;max-width:100%;height:auto}
 .img-rounded{border-radius:6px}
 .img-circle{border-radius:50%}
-hr{margin-top:22px;margin-bottom:22px;border:0;border-top:1px solid #eeeeee}
+hr{margin-top:21px;margin-bottom:21px;border:0;border-top:1px solid #eeeeee}
 .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}
 @media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important}
 a,a:visited{text-decoration:underline}
@@ -345,19 +345,19 @@ th.visible-print,td.visible-print{display:table-cell !important}
 }
 h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
 h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#999999}
-h1,.h1,h2,.h2,h3,.h3{margin-top:22px;margin-bottom:11px}
+h1,.h1,h2,.h2,h3,.h3{margin-top:21px;margin-bottom:10.5px}
 h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}
-h4,.h4,h5,.h5,h6,.h6{margin-top:11px;margin-bottom:11px}
+h4,.h4,h5,.h5,h6,.h6{margin-top:10.5px;margin-bottom:10.5px}
 h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}
-h1,.h1{font-size:41px}
-h2,.h2{font-size:34px}
-h3,.h3{font-size:28px}
-h4,.h4{font-size:20px}
-h5,.h5{font-size:16px}
-h6,.h6{font-size:14px}
-p{margin:0 0 11px}
-.lead{margin-bottom:22px;font-size:18px;font-weight:200;line-height:1.4}
-@media (min-width:768px){.lead{font-size:24px}
+h1,.h1{font-size:39px}
+h2,.h2{font-size:32px}
+h3,.h3{font-size:26px}
+h4,.h4{font-size:19px}
+h5,.h5{font-size:15px}
+h6,.h6{font-size:13px}
+p{margin:0 0 10.5px}
+.lead{margin-bottom:21px;font-size:17px;font-weight:200;line-height:1.4}
+@media (min-width:768px){.lead{font-size:22.5px}
 }
 small,.small{font-size:85%}
 cite{font-style:normal}
@@ -386,13 +386,13 @@ a.bg-info:hover{background-color:#afd9ee}
 a.bg-warning:hover{background-color:#f7ecb5}
 .bg-danger{background-color:#f2dede}
 a.bg-danger:hover{background-color:#e4b9b9}
-.page-header{padding-bottom:10px;margin:44px 0 22px;border-bottom:1px solid #eeeeee}
-ul,ol{margin-top:0;margin-bottom:11px}
+.page-header{padding-bottom:9.5px;margin:42px 0 21px;border-bottom:1px solid #eeeeee}
+ul,ol{margin-top:0;margin-bottom:10.5px}
 ul ul,ol ul,ul ol,ol ol{margin-bottom:0}
 .list-unstyled{padding-left:0;list-style:none}
 .list-inline{padding-left:0;list-style:none;margin-left:-5px}
 .list-inline > li{display:inline-block;padding-left:5px;padding-right:5px}
-dl{margin-top:0;margin-bottom:22px}
+dl{margin-top:0;margin-bottom:21px}
 dt,dd{line-height:1.42857143}
 dt{font-weight:bold}
 dd{margin-left:0}
@@ -401,7 +401,7 @@ dd{margin-left:0}
 }
 abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999999}
 .initialism{font-size:90%;text-transform:uppercase}
-blockquote{padding:11px 22px;margin:0 0 22px;font-size:20px;border-left:5px solid #eeeeee}
+blockquote{padding:10.5px 21px;margin:0 0 21px;font-size:18.75px;border-left:5px solid #eeeeee}
 blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}
 blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#999999}
 blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}
@@ -409,7 +409,7 @@ blockquote footer:before,blockquote small:before,blockquote .small:before{conten
 .blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}
 .blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}
 blockquote:before,blockquote:after{content:""}
-address{margin-bottom:22px;font-style:normal;line-height:1.42857143}
+address{margin-bottom:21px;font-style:normal;line-height:1.42857143}
 .oc-icon-glass:before,.icon-glass:before{content:"\f000"}
 .oc-icon-music:before,.icon-music:before{content:"\f001"}
 .oc-icon-search:before,.icon-search:before{content:"\f002"}
@@ -995,7 +995,7 @@ address{margin-bottom:22px;font-style:normal;line-height:1.42857143}
 .oc-icon-vimeo:before,.icon-vimeo:before{content:"\f27d"}
 .oc-icon-black-tie:before,.icon-black-tie:before{content:"\f27e"}
 .oc-icon-fonticons:before,.icon-fonticons:before{content:"\f280"}
-.close{float:right;font-size:24px;font-weight:bold;line-height:1;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20)}
+.close{float:right;font-size:22.5px;font-weight:bold;line-height:1;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20)}
 .close:hover,.close:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50)}
 button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
 @font-face{font-family:'FontAwesome';src:url('../ui/font/fontawesome-webfont.eot?v=1.0.1');src:url('../ui/font/fontawesome-webfont.eot?#iefix&v=1.0.1') format('embedded-opentype'),url('../ui/font/fontawesome-webfont.woff?v=1.0.1') format('woff'),url('../ui/font/fontawesome-webfont.ttf?v=1.0.1') format('truetype'),url('../ui/font/fontawesome-webfont.svg#fontawesomeregular?v=1.0.1') format('svg');font-weight:normal;font-style:normal}
diff --git a/modules/system/assets/css/updates/details.css b/modules/system/assets/css/updates/details.css
index 3acfcc4fe..ed0cd9a20 100644
--- a/modules/system/assets/css/updates/details.css
+++ b/modules/system/assets/css/updates/details.css
@@ -5,16 +5,16 @@
   margin-top: 0;
 }
 .plugin-details-content h1 {
-  font-size: 28px;
+  font-size: 31px;
 }
 .plugin-details-content h2 {
-  font-size: 24px;
+  font-size: 26px;
 }
 .plugin-details-content h3 {
-  font-size: 20px;
+  font-size: 22px;
 }
 .plugin-details-content h4 {
-  font-size: 17px;
+  font-size: 18px;
 }
 .plugin-details-content h1,
 .plugin-details-content h2 {
@@ -23,12 +23,12 @@
 }
 .plugin-details-content ul,
 .plugin-details-content ol {
-  padding-left: 20px;
+  padding-left: 25px;
 }
 .plugin-details-content pre {
   display: block;
   border: none;
-  padding: 10px 10px 10px 20px;
+  padding: 10px 10px 10px 25px;
   font-size: 13px;
   word-break: break-all;
   word-wrap: break-word;
@@ -36,8 +36,8 @@
   background-color: #333;
   margin-top: 10px;
   margin-bottom: 20px;
-  margin-left: -20px;
-  margin-right: -20px;
+  margin-left: -25px;
+  margin-right: -25px;
 }
 .plugin-details-content pre code {
   padding: 0;
@@ -49,6 +49,6 @@
 }
 .plugin-details-content ul pre,
 .plugin-details-content ol pre {
-  margin-left: -40px;
-  padding-left: 40px;
+  margin-left: -50px;
+  padding-left: 50px;
 }
diff --git a/modules/system/assets/css/updates/updates.css b/modules/system/assets/css/updates/updates.css
index 4dc0f2dec..f9e99dc97 100644
--- a/modules/system/assets/css/updates/updates.css
+++ b/modules/system/assets/css/updates/updates.css
@@ -3,7 +3,7 @@
 }
 .control-updatelist {
   border: 1px solid #ccc;
-  margin-bottom: 20px;
+  margin-bottom: 21px;
 }
 .control-updatelist .update-item {
   border-bottom: 1px solid #ccc;
diff --git a/modules/system/assets/less/updates/details.less b/modules/system/assets/less/updates/details.less
index 73e49c475..f9a591e61 100644
--- a/modules/system/assets/less/updates/details.less
+++ b/modules/system/assets/less/updates/details.less
@@ -1,6 +1,5 @@
 @import "../../../../backend/assets/less/core/boot.less";
 
-@padding-standard: 20px;
 @padding-container: 0;
 
 .plugin-details-content {
diff --git a/modules/system/assets/ui/js/inspector.surface.js b/modules/system/assets/ui/js/inspector.surface.js
index 663268a70..e536d1cde 100644
--- a/modules/system/assets/ui/js/inspector.surface.js
+++ b/modules/system/assets/ui/js/inspector.surface.js
@@ -920,7 +920,7 @@
     Surface.prototype.hasChanges = function(originalValues) {
         var values = originalValues !== undefined ? originalValues : this.originalValues
 
-        return !this.comparePropertyValues(values, this.values)
+        return !this.comparePropertyValues(values, this.getValues())
     }
 
     // EVENT HANDLERS
diff --git a/modules/system/assets/ui/less/breadcrumb.less b/modules/system/assets/ui/less/breadcrumb.less
index 5796d69cd..7f1811800 100644
--- a/modules/system/assets/ui/less/breadcrumb.less
+++ b/modules/system/assets/ui/less/breadcrumb.less
@@ -9,48 +9,72 @@
 // Breadcrumb
 // --------------------------------------------------
 
-@color-breadcrumb-text-active:               #555555;
-@color-breadcrumb-text:                      #9B9B9B;
+@color-breadcrumb-text:                      #FFFFFF;
+@color-breadcrumb-active-text:               #2A3E51;
 @color-breadcrumb-background:                #D3D9DA;
+@color-breadcrumb-inactive-background:       #9DA4A5;
+@color-breadcrumb-active-background:         #1F99DC;
 
 .control-breadcrumb {
-    font-size: 15px;
-    padding: 12px 20px 13px 20px;
     margin: -(@padding-standard) -(@padding-standard) @padding-standard -(@padding-standard);
     background-color: @color-breadcrumb-background;
 
     ul {
         padding: 0;
         margin: 0;
+        font-size: 0;
     }
 
     li {
+        font-size: 15px;
         list-style: none;
         margin: 0;
-        padding: 0;
+        padding:  12px 10px 13px 30px;
         display: inline-block;
-        color: @color-breadcrumb-text-active;
+        position: relative;
+        color: @color-breadcrumb-text;
+        background-color: @color-breadcrumb-inactive-background;
 
         a {
+            display: inline-block;
             color: @color-breadcrumb-text;
             text-decoration: none;
             &:hover { color: @color-breadcrumb-text; }
         }
 
+        &:before, &:after {
+            top: 0;
+            right: -15px;
+            position: absolute;
+            z-index: 10;
+        }
+
         &:after {
-            font-size: 14px;
-            line-height: 14px;
-            display: inline-block;
-            margin-left: 6px;
-            margin-right: 2px;
-            vertical-align: baseline;
-            color: @color-breadcrumb-text-active;
-            .icon(@angle-right);
+            .triangle(right, 15px, 46px, @color-breadcrumb-inactive-background);
+        }
+
+        &:before {
+            right: -16px;
+            z-index: 9;
+            .triangle(right, 15px, 46px, @color-breadcrumb-background);
+        }
+
+        &:first-child {
+            padding-left: 20px;
         }
 
         &:last-child:after {
             content:'';
         }
+
+        &:last-child {
+            background-color: transparent;
+            color: @color-breadcrumb-active-text;
+
+            &:after {
+                display: none;
+            }
+        }
     }
 }
 
diff --git a/modules/system/assets/ui/less/button.base.less b/modules/system/assets/ui/less/button.base.less
index 664dc6def..ff0b4a2b4 100644
--- a/modules/system/assets/ui/less/button.base.less
+++ b/modules/system/assets/ui/less/button.base.less
@@ -51,7 +51,7 @@
 // --------------------------------------------------
 
 .btn-default {
-    .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);
+    .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border; @btn-primary-bg; @btn-primary-bg);
 }
 .btn-primary {
     .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
diff --git a/modules/system/assets/ui/less/button.mixins.less b/modules/system/assets/ui/less/button.mixins.less
index 213dc1fdd..e856dde18 100644
--- a/modules/system/assets/ui/less/button.mixins.less
+++ b/modules/system/assets/ui/less/button.mixins.less
@@ -2,7 +2,7 @@
 // -------------------------
 // Easily pump out default styles, as well as :hover, :focus, :active,
 // and disabled options for all buttons
-.button-variant(@color; @background; @border) {
+.button-variant(@color; @background; @border; @background-hover: @background; @border-hover: @border) {
     color: @color;
     background-color: @background;
     border-color: @border;
@@ -13,8 +13,8 @@
     &.active,
     .open .dropdown-toggle& {
         color: @color;
-        background-color: darken(@background, 8%);
-        border-color: darken(@border, 12%);
+        background-color: darken(@background-hover, 8%);
+        border-color: darken(@border-hover, 12%);
     }
 
     &:active,
diff --git a/modules/system/assets/ui/less/button.variables.less b/modules/system/assets/ui/less/button.variables.less
index 0c3ff8d76..eb53715b7 100644
--- a/modules/system/assets/ui/less/button.variables.less
+++ b/modules/system/assets/ui/less/button.variables.less
@@ -1,8 +1,8 @@
 @btn-font-weight:                normal;
 
 @btn-default-color:              #FFFFFF;
-@btn-default-bg:                 #BDC3C7;
-@btn-default-border:             #BDC3C7;
+@btn-default-bg:                 #a7afb4;
+@btn-default-border:             #a7afb4;
 
 @btn-primary-color:              #fff;
 @btn-primary-bg:                 #1681BA;
diff --git a/modules/system/assets/ui/less/dropdown.less b/modules/system/assets/ui/less/dropdown.less
index 67c88ebe5..269a574e2 100644
--- a/modules/system/assets/ui/less/dropdown.less
+++ b/modules/system/assets/ui/less/dropdown.less
@@ -22,6 +22,10 @@
     border: none;
     .box-shadow(none);
 
+    &.offset-left {
+        left: 10px;
+    }
+
     .dropdown-container {
         > ul {
             border: 1px solid @dropdown-border;
@@ -51,8 +55,8 @@
             li {
                 a {
                     outline: none;
-                    padding: 8px 15px;
-                    font-size: 13px;
+                    padding: 10px 15px;
+                    font-size: 14px;
                     display: block;
                     color: @dropdown-link-color;
                     position: relative;
@@ -79,7 +83,7 @@
                             position: absolute;
                             font-size: 14px;
                             left: 9px;
-                            top: 7px;
+                            top: 10px;
                             color: @dropdown-border;
                         }
                     }
diff --git a/modules/system/assets/ui/less/flashmessage.less b/modules/system/assets/ui/less/flashmessage.less
index 904e11fd9..c43ab61a3 100644
--- a/modules/system/assets/ui/less/flashmessage.less
+++ b/modules/system/assets/ui/less/flashmessage.less
@@ -26,7 +26,7 @@
     top: 13px;
     margin-left: -250px;
     color: @color-flash-text;
-    font-size: 13px;
+    font-size: 14px;
     padding: 10px 30px 10px 15px;
     z-index: 10000;
     word-wrap: break-word;
@@ -56,6 +56,8 @@
         top: 8px;
         color: white;
 
+        outline: none;
+
         &:hover {
             color: white
         }
diff --git a/modules/system/assets/ui/less/form.base.less b/modules/system/assets/ui/less/form.base.less
index 86d9304c7..ca45f366a 100644
--- a/modules/system/assets/ui/less/form.base.less
+++ b/modules/system/assets/ui/less/form.base.less
@@ -31,7 +31,7 @@ legend {
 
 label {
     display: inline-block;
-    margin-bottom: 14px;
+    margin-bottom: 11px;
     font-weight: normal;
     font-size: @label-font-size;
     color: @color-label;
diff --git a/modules/system/assets/ui/less/form.less b/modules/system/assets/ui/less/form.less
index 2cf7e6467..6a45c15b0 100644
--- a/modules/system/assets/ui/less/form.less
+++ b/modules/system/assets/ui/less/form.less
@@ -21,7 +21,7 @@
 //
 
 .form-preview {
-    padding: 15px;
+    padding: @padding-standard;
     margin-bottom: 20px;
     background: white;
     border: 1px solid #eee;
@@ -131,7 +131,7 @@
     }
 
     &.checkbox-align {
-        padding-left: 23px;
+        padding-left: 39px;
         margin-top: -5px;
     }
 
diff --git a/modules/system/assets/ui/less/inspector.less b/modules/system/assets/ui/less/inspector.less
index 3dc39be97..52b6a35be 100644
--- a/modules/system/assets/ui/less/inspector.less
+++ b/modules/system/assets/ui/less/inspector.less
@@ -567,8 +567,8 @@ div.inspector-dictionary-container {
     color: #ffffff;
 
     h3 {
-        font-size: 14px;
-        font-weight: 600;
+        font-size: 16px;
+        font-weight: bold;
         margin-top: 0;
         margin-bottom: 0;
         padding-right: 15px;
@@ -576,9 +576,9 @@ div.inspector-dictionary-container {
     }
 
     p {
-        font-size: 13px;
-        font-weight: 100;
-        margin: 10px 0 0 0;
+        font-size: 14px;
+        font-weight: normal;
+        margin: 5px 0 0 0;
 
         &:empty {
             display: none;
diff --git a/modules/system/assets/ui/less/list.less b/modules/system/assets/ui/less/list.less
index 88457cd38..ae3799e42 100644
--- a/modules/system/assets/ui/less/list.less
+++ b/modules/system/assets/ui/less/list.less
@@ -296,7 +296,7 @@ table.table.data {
             padding: 5px;
             display: block;
             text-align: center;
-            font-size: 14px;
+            font-size: 18px;
             position: relative;
             top: 5px;
             left: 10px;
diff --git a/modules/system/assets/ui/less/popover.less b/modules/system/assets/ui/less/popover.less
index 30cadadd1..cfbd8037d 100644
--- a/modules/system/assets/ui/less/popover.less
+++ b/modules/system/assets/ui/less/popover.less
@@ -141,8 +141,8 @@ div.control-popover {
         }
 
         h3 {
-            font-size: 14px;
-            font-weight: 600;
+            font-size: 16px;
+            font-weight: bold;
             margin-top: 0;
             margin-bottom: 0;
             padding-right: 15px;
@@ -150,9 +150,9 @@ div.control-popover {
         }
 
         p {
-            font-size: 13px;
-            font-weight: 100;
-            margin: 10px 0 0 0;
+            font-size: 14px;
+            font-weight: normal;
+            margin: 5px 0 0 0;
 
             &:empty {
                 display: none;
@@ -176,7 +176,7 @@ div.control-popover {
         .inspector-move-to-container {
             .opacity(0.4);
             position: absolute;
-            top: 12px;
+            top: 14px;
             right: 26px;
             float: none;
             color: #ffffff;
diff --git a/modules/system/assets/ui/less/select.less b/modules/system/assets/ui/less/select.less
index 258ec5f7a..36e78cc22 100644
--- a/modules/system/assets/ui/less/select.less
+++ b/modules/system/assets/ui/less/select.less
@@ -45,12 +45,13 @@
 
     .select2-search--dropdown {
         position: relative;
+        padding: 9px;
 
         &:after {
             position: absolute;
             .icon(@search);
-            right: 10px;
-            top: 7px;
+            right: 19px;
+            top: 15px;
             color: #95a5a6;
         }
 
diff --git a/modules/system/assets/ui/less/tab.less b/modules/system/assets/ui/less/tab.less
index 3f047eea3..251468697 100644
--- a/modules/system/assets/ui/less/tab.less
+++ b/modules/system/assets/ui/less/tab.less
@@ -70,10 +70,12 @@
         font-size: 0;
         overflow: hidden;
         border-bottom: none;
+        vertical-align: bottom;
         > li {
             font-size: 15px;
             float: none;
             display: inline-block;
+            vertical-align: bottom;
             margin-right: 20px;
             position: relative;
             z-index: 90;
@@ -379,8 +381,8 @@
                 border-right: 1px solid @color-tab-border;
 
                 a {
-                    font-size: 12px;
-                    font-weight: 600;
+                    font-size: 14px;
+                    font-weight: bold;
                     padding-bottom: 0;
                 }
 
@@ -391,6 +393,12 @@
                 }
             }
         }
+
+        > div.tab-content {
+            > div.tab-pane {
+                padding-top: 15px;
+            }
+        }
     }
 
     //
@@ -419,11 +427,17 @@
 
                 a {
                     font-size: 12px;
-                    padding: 17px 20px;
+                    padding: 11px 20px;
                     margin: 0;
                     border: none;
                     text-transform: uppercase;
                     background: transparent;
+
+                    span.title {
+                        span {
+                            border-top: none;
+                        }
+                    }
                 }
 
                 &:first-child {
diff --git a/modules/system/assets/ui/less/toolbar.less b/modules/system/assets/ui/less/toolbar.less
index eb3a5736a..dd31eeb9f 100644
--- a/modules/system/assets/ui/less/toolbar.less
+++ b/modules/system/assets/ui/less/toolbar.less
@@ -238,3 +238,46 @@
 .tb-alignjustify:before { content: "\e61d"; }
 .tb-aligncenter:before { content: "\e61e"; }
 .tb-gallery:before { content: "\e61f"; }
+
+/* Toolbar tweaks for the side panel */
+
+#layout-side-panel,
+.compact-toolbar {
+    div.control-toolbar {
+        &, &.toolbar-padded {
+            padding: 0;
+        }
+
+        &.separator {
+            border-bottom: 1px solid #ecf0f1;
+        }
+
+        .toolbar-item {
+            padding-right: 0;
+        }
+
+        .btn {
+            .border-radius(0)!important;
+            padding-top: 12px;
+            padding-bottom: 13px;
+            margin-right: 0;
+        }
+
+        input.form-control {
+            border: none;
+            padding: 12px 13px 13px;
+            height: auto;
+            .border-radius(0)!important;
+
+            &.icon.search {
+                background-position: right -78px;
+            }
+        }
+
+        div.loading-indicator-container.size-input-text {
+            .loading-indicator {
+                top: 6px;
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/modules/system/assets/ui/storm-min.js b/modules/system/assets/ui/storm-min.js
index f03f2a03f..042738ac7 100644
--- a/modules/system/assets/ui/storm-min.js
+++ b/modules/system/assets/ui/storm-min.js
@@ -3610,7 +3610,7 @@ if(!editor.validate(silentMode)){if(!silentMode){editor.markInvalid()}
 return false}}
 return true}
 Surface.prototype.hasChanges=function(originalValues){var values=originalValues!==undefined?originalValues:this.originalValues
-return!this.comparePropertyValues(values,this.values)}
+return!this.comparePropertyValues(values,this.getValues())}
 Surface.prototype.onGroupClick=function(ev){var row=ev.currentTarget
 this.toggleGroup(row)
 $.oc.foundation.event.stop(ev)
diff --git a/modules/system/assets/ui/storm.css b/modules/system/assets/ui/storm.css
index 4692072a2..cf08e3ae1 100644
--- a/modules/system/assets/ui/storm.css
+++ b/modules/system/assets/ui/storm.css
@@ -415,11 +415,11 @@ address{margin-bottom:21px;font-style:normal;line-height:1.42857143}
 .btn:hover,.btn:focus{color:#ffffff;text-decoration:none}
 .btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
 .btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
-.btn-default{color:#ffffff;background-color:#bdc3c7;border-color:#bdc3c7}
-.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#ffffff;background-color:#a7afb4;border-color:#9ca5ab}
+.btn-default{color:#ffffff;background-color:#a7afb4;border-color:#a7afb4}
+.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#ffffff;background-color:#126896;border-color:#105b83}
 .btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}
-.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#bdc3c7;border-color:#bdc3c7}
-.btn-default .badge{color:#bdc3c7;background-color:#ffffff}
+.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#a7afb4;border-color:#a7afb4}
+.btn-default .badge{color:#a7afb4;background-color:#ffffff}
 .btn-primary{color:#ffffff;background-color:#1681ba;border-color:#1371a3;font-weight:bold}
 .btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#ffffff;background-color:#126896;border-color:#0d4b6c}
 .btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}
@@ -514,8 +514,8 @@ input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"
 .btn-icon.margin-left{margin-left:5px}
 .btn-icon.small{font-size:17px;height:17px;line-height:15px}
 .btn-icon.larger{font-size:21px;height:21px;line-height:17px}
-.btn-text{font-size:16px;padding:8px 0;vertical-align:middle;display:inline-block;color:#bdc3c7}
-.btn-text a{color:#bdc3c7;text-decoration:underline}
+.btn-text{font-size:16px;padding:8px 0;vertical-align:middle;display:inline-block;color:#a7afb4}
+.btn-text a{color:#a7afb4;text-decoration:underline}
 .btn-text a:hover{color:#0181b9}
 .tooltip{position:absolute;z-index:1060;display:block;visibility:visible;font-size:13px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}
 .tooltip.in{opacity:0.9;filter:alpha(opacity=90)}
@@ -1154,14 +1154,15 @@ button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-ap
 .dropup .caret{border-top:0;border-bottom:4px solid;content:""}
 .dropup .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}
 .dropdown-menu{padding:0;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}
+.dropdown-menu.offset-left{left:10px}
 .dropdown-menu .dropdown-container > ul{border:1px solid #949ea6;background-color:#ffffff;border-radius:5px;padding:0;list-style:none;position:relative;margin-top:7px}
 .dropdown-menu .dropdown-container > ul:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:8px solid #ffffff;position:absolute;left:15px;top:-8px;z-index:101}
 .dropdown-menu .dropdown-container > ul:before{content:'';display:block;width:0;height:0;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-bottom:9px solid #949ea6;position:absolute;left:14px;top:-9px;z-index:100}
-.dropdown-menu .dropdown-container > ul li a{outline:none;padding:8px 15px;font-size:13px;display:block;color:#39454a;position:relative}
+.dropdown-menu .dropdown-container > ul li a{outline:none;padding:10px 15px;font-size:14px;display:block;color:#39454a;position:relative}
 .dropdown-menu .dropdown-container > ul li a:hover,.dropdown-menu .dropdown-container > ul li a:focus{text-decoration:none;color:#ffffff;background-color:#2f99da}
 .dropdown-menu .dropdown-container > ul li a:hover[class^="oc-icon-"]:before,.dropdown-menu .dropdown-container > ul li a:focus[class^="oc-icon-"]:before,.dropdown-menu .dropdown-container > ul li a:hover[class*=" oc-icon-"]:before,.dropdown-menu .dropdown-container > ul li a:focus[class*=" oc-icon-"]:before{color:white}
 .dropdown-menu .dropdown-container > ul li a[class^="oc-icon-"],.dropdown-menu .dropdown-container > ul li a[class*=" oc-icon-"]{padding-left:30px}
-.dropdown-menu .dropdown-container > ul li a[class^="oc-icon-"]:before,.dropdown-menu .dropdown-container > ul li a[class*=" oc-icon-"]:before{position:absolute;font-size:14px;left:9px;top:7px;color:#949ea6}
+.dropdown-menu .dropdown-container > ul li a[class^="oc-icon-"]:before,.dropdown-menu .dropdown-container > ul li a[class*=" oc-icon-"]:before{position:absolute;font-size:14px;left:9px;top:10px;color:#949ea6}
 .dropdown-menu .dropdown-container > ul li.first-item a:hover:after,.dropdown-menu .dropdown-container > ul li.first-item a:focus:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:8px solid #2f99da;position:absolute;left:15px;top:-8px;z-index:102}
 .dropdown-menu .dropdown-container > ul li.dropdown-title{display:none}
 .dropdown-menu .dropdown-container > ul li.divider{margin:0}
@@ -1206,12 +1207,12 @@ div.control-popover div.popover-body.form-container{padding-bottom:0}
 div.control-popover div.popover-footer{padding:0 20px 20px 20px}
 div.control-popover .popover-head{background:#d35400;padding:14px 16px;position:relative;color:#ffffff;border-top-right-radius:2px;border-top-left-radius:2px}
 div.control-popover .popover-head:before{z-index:602;position:absolute}
-div.control-popover .popover-head h3{font-size:14px;font-weight:600;margin-top:0;margin-bottom:0;padding-right:15px;line-height:130%}
-div.control-popover .popover-head p{font-size:13px;font-weight:100;margin:10px 0 0 0}
+div.control-popover .popover-head h3{font-size:16px;font-weight:bold;margin-top:0;margin-bottom:0;padding-right:15px;line-height:130%}
+div.control-popover .popover-head p{font-size:14px;font-weight:normal;margin:5px 0 0 0}
 div.control-popover .popover-head p:empty{display:none}
 div.control-popover .popover-head .close{float:none;position:absolute;right:11px;top:12px;color:#ffffff;outline:none;opacity:0.4;filter:alpha(opacity=40)}
 div.control-popover .popover-head .close:hover{opacity:1;filter:alpha(opacity=100)}
-div.control-popover .popover-head .inspector-move-to-container{opacity:0.4;filter:alpha(opacity=40);position:absolute;top:12px;right:26px;float:none;color:#ffffff;cursor:pointer;text-decoration:none}
+div.control-popover .popover-head .inspector-move-to-container{opacity:0.4;filter:alpha(opacity=40);position:absolute;top:14px;right:26px;float:none;color:#ffffff;cursor:pointer;text-decoration:none}
 div.control-popover .popover-head .inspector-move-to-container:hover{opacity:1;filter:alpha(opacity=100);color:#ffffff}
 div.control-popover .popover-head .inspector-move-to-container:before{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
 div.control-popover.placement-bottom .popover-head:before{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:8px solid #d35400;left:15px;top:-8px}
@@ -1234,13 +1235,18 @@ body.popover-open .control-popover > div:before,body.popover-open .control-popov
 body.popover-open .control-popover div.popover-fixed-height{height:100%;min-height:100%}
 body.popover-open .control-popover .popover-head:before{display:none}
 }
-.control-breadcrumb{font-size:15px;padding:12px 20px 13px 20px;margin:-25px -25px 25px -25px;background-color:#d3d9da}
-.control-breadcrumb ul{padding:0;margin:0}
-.control-breadcrumb li{list-style:none;margin:0;padding:0;display:inline-block;color:#555555}
-.control-breadcrumb li a{color:#9b9b9b;text-decoration:none}
-.control-breadcrumb li a:hover{color:#9b9b9b}
-.control-breadcrumb li:after{font-size:14px;line-height:14px;display:inline-block;margin-left:6px;margin-right:2px;vertical-align:baseline;color:#555555;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f105"}
+.control-breadcrumb{margin:-25px -25px 25px -25px;background-color:#d3d9da}
+.control-breadcrumb ul{padding:0;margin:0;font-size:0}
+.control-breadcrumb li{font-size:15px;list-style:none;margin:0;padding:12px 10px 13px 30px;display:inline-block;position:relative;color:#ffffff;background-color:#9da4a5}
+.control-breadcrumb li a{display:inline-block;color:#ffffff;text-decoration:none}
+.control-breadcrumb li a:hover{color:#ffffff}
+.control-breadcrumb li:before,.control-breadcrumb li:after{top:0;right:-15px;position:absolute;z-index:10}
+.control-breadcrumb li:after{content:'';display:block;width:0;height:0;border-top:23px solid transparent;border-bottom:23px solid transparent;border-left:15px solid #9da4a5}
+.control-breadcrumb li:before{right:-16px;z-index:9;content:'';display:block;width:0;height:0;border-top:23px solid transparent;border-bottom:23px solid transparent;border-left:15px solid #d3d9da}
+.control-breadcrumb li:first-child{padding-left:20px}
 .control-breadcrumb li:last-child:after{content:''}
+.control-breadcrumb li:last-child{background-color:transparent;color:#2a3e51}
+.control-breadcrumb li:last-child:after{display:none}
 body.breadcrumb-flush .control-breadcrumb,.control-breadcrumb.breadcrumb-flush{margin-bottom:0}
 body.slim-container .control-breadcrumb{margin-left:0;margin-right:0}
 body.compact-container .control-breadcrumb{margin-top:0;margin-left:0;margin-right:0}
@@ -1349,8 +1355,8 @@ to{background-position:0 0}
 .control-tabs.scroll-active-before:before{color:#dbe1e3}
 .control-tabs.scroll-active-after:after{color:#dbe1e3}
 .control-tabs:before,.control-tabs:after{top:5px;margin-top:0}
-.control-tabs > ul.nav-tabs,.control-tabs > div > ul.nav-tabs,.control-tabs > div > div > ul.nav-tabs{white-space:nowrap;font-size:0;overflow:hidden;border-bottom:none}
-.control-tabs > ul.nav-tabs > li,.control-tabs > div > ul.nav-tabs > li,.control-tabs > div > div > ul.nav-tabs > li{font-size:15px;float:none;display:inline-block;margin-right:20px;position:relative;z-index:90}
+.control-tabs > ul.nav-tabs,.control-tabs > div > ul.nav-tabs,.control-tabs > div > div > ul.nav-tabs{white-space:nowrap;font-size:0;overflow:hidden;border-bottom:none;vertical-align:bottom}
+.control-tabs > ul.nav-tabs > li,.control-tabs > div > ul.nav-tabs > li,.control-tabs > div > div > ul.nav-tabs > li{font-size:15px;float:none;display:inline-block;vertical-align:bottom;margin-right:20px;position:relative;z-index:90}
 .control-tabs > ul.nav-tabs > li:last-child,.control-tabs > div > ul.nav-tabs > li:last-child,.control-tabs > div > div > ul.nav-tabs > li:last-child{margin-right:0}
 .control-tabs > ul.nav-tabs > li a,.control-tabs > div > ul.nav-tabs > li a,.control-tabs > div > div > ul.nav-tabs > li a{border-left:none !important;border-top:none !important;border-right:none !important;padding:0 0 10px 0;color:#cccccc;background:#f9f9f9;font-weight:400;overflow:hidden}
 .control-tabs > ul.nav-tabs > li a:hover,.control-tabs > div > ul.nav-tabs > li a:hover,.control-tabs > div > div > ul.nav-tabs > li a:hover{background-color:transparent;border-bottom-color:transparent}
@@ -1399,12 +1405,14 @@ to{background-position:0 0}
 .control-tabs.primary > ul.nav-tabs > li.active a:before,.control-tabs.primary-tabs > ul.nav-tabs > li.active a:before,.control-tabs.primary > div > ul.nav-tabs > li.active a:before,.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before,.control-tabs.primary > div > div > ul.nav-tabs > li.active a:before,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a:before{position:absolute;bottom:0;height:2px;right:2px;left:2px;content:' ';background-color:#f9f9f9}
 .control-tabs.primary.tabs-inset > ul.nav-tabs,.control-tabs.primary-tabs.tabs-inset > ul.nav-tabs,.control-tabs.primary.tabs-inset > div > ul.nav-tabs,.control-tabs.primary-tabs.tabs-inset > div > ul.nav-tabs,.control-tabs.primary.tabs-inset > div > div > ul.nav-tabs,.control-tabs.primary-tabs.tabs-inset > div > div > ul.nav-tabs{margin-left:-20px;margin-right:-20px}
 .control-tabs.secondary > ul.nav-tabs > li,.control-tabs.secondary-tabs > ul.nav-tabs > li,.control-tabs.secondary > div > ul.nav-tabs > li,.control-tabs.secondary-tabs > div > ul.nav-tabs > li,.control-tabs.secondary > div > div > ul.nav-tabs > li,.control-tabs.secondary-tabs > div > div > ul.nav-tabs > li{padding-right:10px;margin-right:10px;border-right:1px solid #ecf0f1}
-.control-tabs.secondary > ul.nav-tabs > li a,.control-tabs.secondary-tabs > ul.nav-tabs > li a,.control-tabs.secondary > div > ul.nav-tabs > li a,.control-tabs.secondary-tabs > div > ul.nav-tabs > li a,.control-tabs.secondary > div > div > ul.nav-tabs > li a,.control-tabs.secondary-tabs > div > div > ul.nav-tabs > li a{font-size:12px;font-weight:600;padding-bottom:0}
+.control-tabs.secondary > ul.nav-tabs > li a,.control-tabs.secondary-tabs > ul.nav-tabs > li a,.control-tabs.secondary > div > ul.nav-tabs > li a,.control-tabs.secondary-tabs > div > ul.nav-tabs > li a,.control-tabs.secondary > div > div > ul.nav-tabs > li a,.control-tabs.secondary-tabs > div > div > ul.nav-tabs > li a{font-size:14px;font-weight:bold;padding-bottom:0}
 .control-tabs.secondary > ul.nav-tabs > li:last-child,.control-tabs.secondary-tabs > ul.nav-tabs > li:last-child,.control-tabs.secondary > div > ul.nav-tabs > li:last-child,.control-tabs.secondary-tabs > div > ul.nav-tabs > li:last-child,.control-tabs.secondary > div > div > ul.nav-tabs > li:last-child,.control-tabs.secondary-tabs > div > div > ul.nav-tabs > li:last-child{border-right:none;margin-right:0;padding-right:0}
+.control-tabs.secondary > div.tab-content > div.tab-pane,.control-tabs.secondary-tabs > div.tab-content > div.tab-pane{padding-top:15px}
 .control-tabs.content-tabs > ul.nav-tabs{position:relative}
 .control-tabs.content-tabs > ul.nav-tabs:before{content:' ';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#e3e5e7}
 .control-tabs.content-tabs > ul.nav-tabs li{margin-right:0;border-top:1px solid #e3e5e7;border-right:1px solid #e3e5e7}
-.control-tabs.content-tabs > ul.nav-tabs li a{font-size:12px;padding:17px 20px;margin:0;border:none;text-transform:uppercase;background:transparent}
+.control-tabs.content-tabs > ul.nav-tabs li a{font-size:12px;padding:11px 20px;margin:0;border:none;text-transform:uppercase;background:transparent}
+.control-tabs.content-tabs > ul.nav-tabs li a span.title span{border-top:none}
 .control-tabs.content-tabs > ul.nav-tabs li:first-child{border-left:1px solid #e3e5e7}
 .control-tabs.content-tabs > ul.nav-tabs li:last-child{border-right:1px solid #e3e5e7}
 .control-tabs.content-tabs > ul.nav-tabs li.active{background:#ffffff}
@@ -1554,6 +1562,13 @@ ul.status-list li span.status.info{background:#5bc0de}
 .tb-alignjustify:before{content:"\e61d"}
 .tb-aligncenter:before{content:"\e61e"}
 .tb-gallery:before{content:"\e61f"}
+ #layout-side-panel div.control-toolbar,.compact-toolbar div.control-toolbar,#layout-side-panel div.control-toolbar.toolbar-padded,.compact-toolbar div.control-toolbar.toolbar-padded{padding:0}
+#layout-side-panel div.control-toolbar.separator,.compact-toolbar div.control-toolbar.separator{border-bottom:1px solid #ecf0f1}
+#layout-side-panel div.control-toolbar .toolbar-item,.compact-toolbar div.control-toolbar .toolbar-item{padding-right:0}
+#layout-side-panel div.control-toolbar .btn,.compact-toolbar div.control-toolbar .btn{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;padding-top:12px;padding-bottom:13px;margin-right:0}
+#layout-side-panel div.control-toolbar input.form-control,.compact-toolbar div.control-toolbar input.form-control{border:none;padding:12px 13px 13px;height:auto;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important}
+#layout-side-panel div.control-toolbar input.form-control.icon.search,.compact-toolbar div.control-toolbar input.form-control.icon.search{background-position:right -78px}
+#layout-side-panel div.control-toolbar div.loading-indicator-container.size-input-text .loading-indicator,.compact-toolbar div.control-toolbar div.loading-indicator-container.size-input-text .loading-indicator{top:6px}
 div.scoreboard{position:relative;padding:0}
 div.scoreboard:after,div.scoreboard:before{display:none;position:absolute;top:50%;margin-top:-7px;height:9px;font-size:10px;color:#bbbbbb}
 div.scoreboard:before{left:-6px;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f104"}
@@ -1573,14 +1588,14 @@ div.scoreboard .control-chart .canvas + ul{margin-left:0}
 div.scoreboard .scoreboard-offset{padding-left:20px}
 body.slim-container div.scoreboard{padding:0 25px}
 #layout-canvas .flash-message{display:none}
-.flash-message{position:fixed;width:500px;left:50%;top:13px;margin-left:-250px;color:#ffffff;font-size:13px;padding:10px 30px 10px 15px;z-index:10000;word-wrap:break-word;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
+.flash-message{position:fixed;width:500px;left:50%;top:13px;margin-left:-250px;color:#ffffff;font-size:14px;padding:10px 30px 10px 15px;z-index:10000;word-wrap:break-word;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
 .flash-message.fade{opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.5s,width 0s;transition:all 0.5s,width 0s;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
 .flash-message.fade.in{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
 .flash-message.success{background:#8da85e}
 .flash-message.error{background:#cc3300}
 .flash-message.warning{background:#f0ad4e}
 .flash-message.info{background:#5fb6f5}
-.flash-message button{float:none;position:absolute;right:10px;top:8px;color:white}
+.flash-message button{float:none;position:absolute;right:10px;top:8px;color:white;outline:none}
 .flash-message button:hover{color:white}
 .flash-message.static{position:static !important;width:auto !important;display:block !important;margin-left:0 !important}
 @media (max-width:768px){.flash-message{left:10px;right:10px;top:10px;margin-left:0;width:auto}
@@ -1847,7 +1862,7 @@ body.slim-container div.scoreboard{padding:0 25px}
 .flag-ss{background-position:0 -3936px}
 fieldset{padding:0;margin:0;border:0;min-width:0}
 legend{display:block;width:100%;padding:0;margin-bottom:21px;font-size:22.5px;line-height:inherit;color:#333333;border:0;border-bottom:1px solid #e5e5e5}
-label{display:inline-block;margin-bottom:14px;font-weight:normal;font-size:15px;color:#2a3e51}
+label{display:inline-block;margin-bottom:11px;font-weight:normal;font-size:15px;color:#2a3e51}
 input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
 input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9; line-height:normal}
 input[type="file"]{display:block}
@@ -2091,8 +2106,8 @@ html.cssanimations .cursor-loading-indicator.hide{display:none}
 .select2-container.in-progress .select2-selection .select2-selection__arrow b{display:none !important}
 .select2-container--default{display:block; }
 .select2-container--default .select2-selection{background-color:#ffffff;border:2px solid #bdc3c7;border-radius:3px;color:#555555;font-size:15px;outline:0}
-.select2-container--default .select2-search--dropdown{position:relative}
-.select2-container--default .select2-search--dropdown:after{position:absolute;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f002";right:10px;top:7px;color:#95a5a6}
+.select2-container--default .select2-search--dropdown{position:relative;padding:9px}
+.select2-container--default .select2-search--dropdown:after{position:absolute;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f002";right:19px;top:15px;color:#95a5a6}
 .select2-container--default .select2-search--dropdown .select2-search__field{background-color:#ffffff;border:2px solid #bdc3c7;border-radius:3px;color:#555555;font-size:15px}
 .select2-container--default .select2-search__field{outline:0}
 .select2-container--default .select2-search__field::-webkit-input-placeholder{color:#cccccc}
@@ -2222,7 +2237,7 @@ html.cssanimations .cursor-loading-indicator.hide{display:none}
 .custom-switch > span span{z-index:5;display:block;width:50%;position:absolute;top:1px;left:-1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
 .custom-switch > span span:last-child{left:28px;color:#FFFFFF;display:block}
 .custom-switch > span span:first-of-type{padding-left:13px;display:none;color:#666666}
-.form-preview{padding:15px;margin-bottom:20px;background:white;border:1px solid #eee}
+.form-preview{padding:25px;margin-bottom:20px;background:white;border:1px solid #eee}
 .form-preview > .form-group:last-child{padding-bottom:0}
 .form-preview.form-flush{border-top:none}
 .form-elements:before,.form-tabless-fields:before,.form-elements:after,.form-tabless-fields:after{content:" ";display:table}
@@ -2248,7 +2263,7 @@ html.cssanimations .cursor-loading-indicator.hide{display:none}
 .form-group.layout-relative{padding-bottom:0}
 .form-group.checkbox-field{padding-bottom:5px}
 .form-group.number-field > .form-control{text-align:right}
-.form-group.checkbox-align{padding-left:23px;margin-top:-5px}
+.form-group.checkbox-align{padding-left:39px;margin-top:-5px}
 .form-group.field-slim.span-left,.form-group.field-slim.span-right{width:50%}
 .form-group.field-indent{padding-left:23px}
 .form-group.input-sidebar-control{padding-right:35px}
@@ -2410,7 +2425,7 @@ table.table.data .list-checkbox .custom-checkbox{position:relative;top:-14px;lef
 table.table.data .list-checkbox .custom-checkbox label{margin-right:0;margin-bottom:0}
 table.table.data thead tr th.list-checkbox{padding:18px 0 0 25px}
 table.table.data .list-tree{width:10px;padding:0}
-table.table.data .list-tree a.list-expand-collapse{padding:5px;display:block;text-align:center;font-size:14px;position:relative;top:5px;left:10px;text-decoration:none !important}
+table.table.data .list-tree a.list-expand-collapse{padding:5px;display:block;text-align:center;font-size:18px;position:relative;top:5px;left:10px;text-decoration:none !important}
 table.table.data tr.list-tree-level-1 a.list-expand-collapse{left:30px}
 table.table.data tr.list-tree-level-1 td.list-cell-index-1{padding-left:35px}
 table.table.data tr.list-tree-level-2 a.list-expand-collapse{left:40px}
@@ -2554,8 +2569,8 @@ div.inspector-dictionary-container table.inspector-dictionary-table tbody tr td
 div.inspector-dictionary-container table.inspector-dictionary-table tbody tr td:first-child{border-right:1px solid #e0e0e0}
 div.inspector-dictionary-container table.inspector-dictionary-table tbody tr:last-child td{border-bottom:none}
 .inspector-header{background:#d35400;padding:14px 16px;position:relative;color:#ffffff}
-.inspector-header h3{font-size:14px;font-weight:600;margin-top:0;margin-bottom:0;padding-right:15px;line-height:130%}
-.inspector-header p{font-size:13px;font-weight:100;margin:10px 0 0 0}
+.inspector-header h3{font-size:16px;font-weight:bold;margin-top:0;margin-bottom:0;padding-right:15px;line-height:130%}
+.inspector-header p{font-size:14px;font-weight:normal;margin:5px 0 0 0}
 .inspector-header p:empty{display:none}
 .inspector-header span,.inspector-header a{text-decoration:none;position:absolute;top:12px;float:none;color:#ffffff;cursor:pointer;opacity:0.4;filter:alpha(opacity=40)}
 .inspector-header span:hover,.inspector-header a:hover{opacity:1;filter:alpha(opacity=100);color:#ffffff}