weaver 0.6.0 → 0.6.1

data/data/weaver/css/plugins/textSpinners/spinners.css

@@ -0,0 +1,204 @@
+/* --- Basics --- */
+
+.loading {
+    display: inline-block;
+    overflow: hidden;
+    height: 1.3em;
+    margin-top: -0.3em;
+    line-height: 1.5em;
+    vertical-align: text-bottom;
+}
+
+.loading::after {
+    display: inline-table;
+    white-space: pre;
+    text-align: left;
+}
+
+/* --- Types --- */
+
+/* default loading is ellip */
+.loading::after {
+    content: "\A.\A..\A...";
+    animation: spin4 2s steps(4) infinite;
+}
+
+.loading.line::after {
+    content: "/\A–\A\\\A|";
+    text-align: center;
+    animation: spin4 1s steps(4) infinite;
+}
+
+.loading.line2::after {
+    content: "╲\A│\A╱\A─";
+    text-align: center;
+    animation: spin4 1s steps(4) infinite;
+}
+
+.loading.plus::after {
+    content: "┽\A╀\A┾\A╁";
+    animation: spin4 1s steps(4) infinite;
+}
+
+.loading.dots::after {
+    content: "⠋\A⠙\A⠹\A⠸\A⠼\A⠴\A⠦\A⠧\A⠇\A⠏";
+    animation: spin10 1s steps(10) infinite;
+}
+
+.loading.dots2::after {
+    content: "⠋\A⠙\A⠚\A⠞\A⠖\A⠦\A⠴\A⠲\A⠳";
+    animation: spin9 1s steps(9) infinite;
+}
+
+.loading.dots3::after {
+    content: "⋮\A⋰\A⋯\A⋱";
+    text-align: center;
+    animation: spin4 1s steps(4) infinite;
+}
+
+.loading.lifting::after {
+    content: "꜈꜍\A꜉꜎\A꜊꜏\A꜋꜐\A꜌꜑";
+    animation: spin5 .5s steps(5) infinite alternate;
+}
+
+.loading.hamburger::after {
+    content: "☱\A☲\A☴";
+    animation: spin3 .3s steps(3) infinite alternate;
+}
+
+.loading.bar::after {
+    content: "▏\A▎\A▍\A▌\A▋\A▊\A▉";
+    animation: spin7 1s steps(7) infinite alternate;
+}
+
+.loading.bar2::after {
+    content: "▁\A▂\A▃\A▄\A▅\A▆\A▇\A█";
+    animation: spin8 2s steps(8) infinite alternate;
+}
+
+.loading.circle::after {
+    content: "◴\A◷\A◶\A◵";
+    animation: spin4 1s steps(4) infinite;
+}
+
+.loading.open-circle::after {
+    content: "◜\A◠\A◝\A◞\A◡\A◟";
+    animation: spin6 .6s steps(6) infinite;
+}
+
+.loading.arrow::after {
+    content: "←\A↖\A↑\A↗\A→\A↘\A↓\A↙";
+    animation: spin8 1s steps(8) infinite;
+}
+
+.loading.triangle::after {
+    content: "◢\A◣\A◤\A◥";
+    animation: spin4 1s steps(4) infinite;
+}
+
+.loading.triangles::after {
+    content: "▹▹▹▹▹\A ▸▹▹▹▹\A ▹▸▹▹▹\A ▹▹▸▹▹\A ▹▹▹▸▹\A ▹▹▹▹▸";
+    animation: spin6 1s steps(6) infinite;
+}
+
+.loading.beam::after {
+    content: "\A=   \A ==  \A === \A ====\A  ===\A   ==\A    =\A";
+    animation: spin9 1.2s steps(9) infinite;
+    font-family: monospace;
+}
+
+.loading.bullet::after {
+    content: " ●    \A   ●   \A    ●  \A     ● \A      ●\A     ● \A    ●  \A   ●   \A  ●    \A ●     ";
+    animation: spin10 1s steps(10) infinite;
+}
+
+.loading.bullseye::after {
+    content: "◎◎◎\A◉◎◎\A◎◉◎\A◎◎◉";
+    animation: spin4 1s steps(4) infinite;
+}
+
+.loading.rhomb::after {
+    content: "◇◇◇\A◈◇◇\A◇◈◇\A◇◇◈";
+    animation: spin4 1s steps(4) infinite;
+}
+
+.loading.fish::after {
+    content: ">))'>\A  >))'>\A   >))'>\A    >))'>\A     >))'>\A     <'((<\A    <'((<\A   <'((<\A  <'((<\A <'((<\A";
+    animation: spin10 5s steps(10) infinite;
+}
+
+.loading.toggle::after {
+    content: "⊶\A⊷";
+    animation: spin2 1s steps(2) infinite;
+}
+
+.loading.countdown::after {
+    content: "0\A 1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9";
+    animation: spin10 10s steps(10) reverse;
+}
+
+.loading.time::after {
+    content: "🕐\A🕑\A🕒\A🕓\A🕔\A🕕\A🕖\A🕗\A🕘\A🕙\A🕚\A🕛";
+    animation: spin12 3s steps(12) infinite;
+    width: 1.3em;
+}
+
+.loading.hearts::after {
+    content: "💛\A💙\A💜\A💚";
+    animation: spin4 2s steps(4) infinite;
+    width: 1.3em;
+}
+
+.loading.earth::after {
+    content: "🌍\A🌎\A🌏";
+    animation: spin3 1s steps(3) infinite;
+    width: 1.3em;
+}
+
+.loading.moon::after {
+    content: "🌑\A🌒\A🌓\A🌔\A🌕\A🌖\A🌗\A🌘";
+    animation: spin8 2s steps(8) infinite;
+    width: 1.3em;
+}
+
+.loading.monkey::after {
+    content: "🙈\A🙉\A🙊";
+    animation: spin3 1.5s steps(3) infinite;
+    width: 1.3em;
+}
+
+.loading.runner::after {
+    content: "🚶\A🏃";
+    animation: spin2 1s steps(2) infinite;
+    width: 1.3em;
+}
+
+.loading.box-bounce::after {
+    content:"▖\A▘\A▝\A▗";
+    animation: spin4 1s steps(4) infinite;
+}
+
+.loading.star::after {
+    content:"✶\A✸\A✹\A✺\A✹\A✷";
+    animation: spin6 1s steps(6) infinite;
+}
+
+.loading.words::after {
+    content: "Loading\A Still loading\A Mostly done\A A bit more \A Almost done\A Ready-ish";
+    animation: spin6 12s steps(6) infinite;
+}
+
+/* --- Animations --- */
+
+@keyframes spin1  { to { transform: translateY( -1.5em); } }
+@keyframes spin2  { to { transform: translateY( -3.0em); } }
+@keyframes spin3  { to { transform: translateY( -4.5em); } }
+@keyframes spin4  { to { transform: translateY( -6.0em); } }
+@keyframes spin5  { to { transform: translateY( -7.5em); } }
+@keyframes spin6  { to { transform: translateY( -9.0em); } }
+@keyframes spin7  { to { transform: translateY(-10.5em); } }
+@keyframes spin8  { to { transform: translateY(-12.0em); } }
+@keyframes spin9  { to { transform: translateY(-13.5em); } }
+@keyframes spin10 { to { transform: translateY(-15.0em); } }
+@keyframes spin11 { to { transform: translateY(-16.5em); } }
+@keyframes spin12 { to { transform: translateY(-18.0em); } }

data/data/weaver/css/plugins/touchspin/jquery.bootstrap-touchspin.min.css

@@ -0,0 +1,10 @@
+/*
+ *  Bootstrap TouchSpin - v3.0.1
+ *  A mobile and touch friendly input spinner component for Bootstrap 3.
+ *  http://www.virtuosoft.eu/code/bootstrap-touchspin/
+ *
+ *  Made by István Ujj-Mészáros
+ *  Under Apache License v2.0 License
+ */
+
+.bootstrap-touchspin .input-group-btn-vertical{position:relative;white-space:nowrap;width:1%;vertical-align:middle;display:table-cell}.bootstrap-touchspin .input-group-btn-vertical>.btn{display:block;float:none;width:100%;max-width:100%;padding:8px 10px;margin-left:-1px;position:relative}.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{border-radius:0;border-top-right-radius:4px}.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{margin-top:-2px;border-radius:0;border-bottom-right-radius:4px}.bootstrap-touchspin .input-group-btn-vertical i{position:absolute;top:3px;left:5px;font-size:9px;font-weight:400}

data/data/weaver/css/style.css

@@ -1,9 +1,9 @@
-@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en");
+@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
 /*
  *
  *   INSPINIA - Responsive Admin Theme
- *   version 2.3
+ *   version 2.7.1
  *
 */
 h1,
@@ -109,6 +109,14 @@ h5 {
   text-align: left;
   font-weight: normal;
 }
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:focus,
+.dropdown-menu > .active > a:hover {
+  color: #fff;
+  text-decoration: none;
+  background-color: #1ab394;
+  outline: 0;
+}
 .dropdown-menu > li > a.font-bold {
   font-weight: 600;
 }
@@ -161,10 +169,14 @@ h5 {
 }
 .nav-header {
   padding: 33px 25px;
-  background: url("patterns/header-profile.png") no-repeat;
+  background-color: #2f4050;
+  background-image: url("patterns/header-profile.png");
 }
 .pace-done .nav-header {
-  transition: all 0.5s;
+  transition: all 0.4s;
+}
+ul.nav-second-level {
+  background: #293846;
 }
 .nav > li.active {
   border-left: 4px solid #19aa8d;
@@ -193,7 +205,7 @@ h5 {
   height: 50px;
   padding: 0;
   width: 200px;
-  display: inline-table;
+  display: block;
 }
 .navbar-form-custom .form-group {
   margin-bottom: 0;
@@ -256,10 +268,10 @@ body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
 .mini-navbar .nav-second-level li a {
   padding: 10px 10px 10px 15px;
 }
-.mini-navbar .nav-second-level {
+.mini-navbar .nav .nav-second-level {
   position: absolute;
   left: 70px;
-  top: 0px;
+  top: 0;
   background-color: #2f4050;
   padding: 10px 10px 10px 10px;
   font-size: 12px;
@@ -307,14 +319,14 @@ body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
 .pace-done li.active,
 .pace-done #page-wrapper,
 .pace-done .footer {
-  -webkit-transition: all 0.5s;
-  -moz-transition: all 0.5s;
-  -o-transition: all 0.5s;
-  transition: all 0.5s;
+  -webkit-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  transition: all 0.4s;
 }
 .navbar-fixed-top {
   background: #fff;
-  transition-duration: 0.5s;
+  transition-duration: 0.4s;
   border-bottom: 1px solid #e7eaec !important;
   z-index: 2030;
 }
@@ -325,6 +337,26 @@ body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
 .fixed-nav #wrapper {
   margin-top: 0;
 }
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+  -moz-border-bottom-colors: none;
+  -moz-border-left-colors: none;
+  -moz-border-right-colors: none;
+  -moz-border-top-colors: none;
+  background: none;
+  border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
+  border-bottom: #f3f3f4;
+  border-image: none;
+  border-style: solid;
+  border-width: 1px;
+  color: #555555;
+  cursor: default;
+}
+.nav.nav-tabs li {
+  background: none;
+  border: none;
+}
 body.fixed-nav #wrapper .navbar-static-side,
 body.fixed-nav #wrapper #page-wrapper {
   margin-top: 60px;
@@ -332,11 +364,29 @@ body.fixed-nav #wrapper #page-wrapper {
 body.top-navigation.fixed-nav #wrapper #page-wrapper {
   margin-top: 0;
 }
+body.fixed-nav.fixed-nav-basic .navbar-fixed-top {
+  left: 220px;
+}
+body.fixed-nav.fixed-nav-basic.mini-navbar .navbar-fixed-top {
+  left: 70px;
+}
+body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar .navbar-fixed-top {
+  left: 0;
+}
+body.fixed-nav.fixed-nav-basic #wrapper .navbar-static-side {
+  margin-top: 0;
+}
+body.fixed-nav.fixed-nav-basic.body-small .navbar-fixed-top {
+  left: 0;
+}
+body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar.body-small .navbar-fixed-top {
+  left: 220px;
+}
 .fixed-nav .minimalize-styl-2 {
   margin: 14px 5px 5px 15px;
 }
 .body-small .navbar-fixed-top {
-  margin-left: 0px;
+  margin-left: 0;
 }
 body.mini-navbar .navbar-static-side {
   width: 70px;
@@ -387,10 +437,10 @@ body.canvas-menu .navbar-static-side {
   height: 100%;
 }
 body.fixed-sidebar.mini-navbar .navbar-static-side {
-  width: 0px;
+  width: 0;
 }
 body.fixed-sidebar.mini-navbar #page-wrapper {
-  margin: 0 0 0 0px;
+  margin: 0 0 0 0;
 }
 body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
   margin: 0 0 0 220px;
@@ -423,7 +473,7 @@ body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a
 }
 .fixed-sidebar.mini-navbar li.active .nav-second-level,
 .canvas-menu.mini-navbar li.active .nav-second-level {
-  left: 0px;
+  left: 0;
 }
 body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a,
 body.canvas-menu.mini-navbar .navbar-default .nav > li > a {
@@ -444,7 +494,7 @@ body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span {
 }
 .fixed-sidebar.mini-navbar .nav-second-level,
 .canvas-menu.mini-navbar .nav-second-level {
-  left: 0px;
+  left: 0;
 }
 body.canvas-menu nav.navbar-static-side {
   z-index: 2001;
@@ -481,7 +531,7 @@ body.canvas-menu.mini-navbar nav.navbar-static-side {
   background: #fff;
   color: #1ab394;
 }
-.top-navigation .nav > li.active {
+.top-navigation .navbar .nav > li.active {
   background: #fff;
   border: none;
 }
@@ -500,7 +550,7 @@ body.canvas-menu.mini-navbar nav.navbar-static-side {
   padding: 7px 20px;
 }
 .navbar .dropdown-menu {
-  margin-top: 0px;
+  margin-top: 0;
 }
 .top-navigation .navbar-brand {
   background: #1ab394;
@@ -529,7 +579,7 @@ body.canvas-menu.mini-navbar nav.navbar-static-side {
 }
 .top-navigation.body-small .wrapper.wrapper-content,
 .body-small .top-navigation .wrapper.wrapper-content {
-  padding: 40px 0px 40px 0px;
+  padding: 40px 0 40px 0;
 }
 .navbar-toggle {
   background-color: #1ab394;
@@ -724,9 +774,9 @@ fieldset[disabled] .btn-info.active {
   border-color: #26d7d9;
 }
 .btn-default {
-  background-color: #c2c2c2;
-  border-color: #c2c2c2;
-  color: #FFFFFF;
+  color: inherit;
+  background: white;
+  border: 1px solid #e7eaec;
 }
 .btn-default:hover,
 .btn-default:focus,
@@ -737,14 +787,13 @@ fieldset[disabled] .btn-info.active {
 .btn-default:active:hover,
 .btn-default.active:hover,
 .btn-default.active:focus {
-  background-color: #bababa;
-  border-color: #bababa;
-  color: #FFFFFF;
+  color: inherit;
+  border: 1px solid #d2d2d2;
 }
 .btn-default:active,
 .btn-default.active,
 .open .dropdown-toggle.btn-default {
-  background-image: none;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
 }
 .btn-default.disabled,
 .btn-default.disabled:hover,
@@ -761,8 +810,7 @@ fieldset[disabled] .btn-default:hover,
 fieldset[disabled] .btn-default:focus,
 fieldset[disabled] .btn-default:active,
 fieldset[disabled] .btn-default.active {
-  background-color: #cccccc;
-  border-color: #cccccc;
+  color: #cacaca;
 }
 .btn-warning {
   background-color: #f8ac59;
@@ -953,7 +1001,6 @@ fieldset[disabled] .btn-white.active {
 }
 button.dim {
   display: inline-block;
-  color: #fff;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
@@ -969,40 +1016,40 @@ button.dim:active {
   top: 3px;
 }
 button.btn-primary.dim {
-  box-shadow: inset 0px 0px 0px #16987e, 0px 5px 0px 0px #16987e, 0px 10px 5px #999999;
+  box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #999999;
 }
 button.btn-primary.dim:active {
-  box-shadow: inset 0px 0px 0px #16987e, 0px 2px 0px 0px #16987e, 0px 5px 3px #999999;
+  box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999999;
 }
 button.btn-default.dim {
-  box-shadow: inset 0px 0px 0px #b3b3b3, 0px 5px 0px 0px #b3b3b3, 0px 10px 5px #999999;
+  box-shadow: inset 0 0 0 #b3b3b3, 0 5px 0 0 #b3b3b3, 0 10px 5px #999999;
 }
 button.btn-default.dim:active {
-  box-shadow: inset 0px 0px 0px #b3b3b3, 0px 2px 0px 0px #b3b3b3, 0px 5px 3px #999999;
+  box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 5px 3px #999999;
 }
 button.btn-warning.dim {
-  box-shadow: inset 0px 0px 0px #f79d3c, 0px 5px 0px 0px #f79d3c, 0px 10px 5px #999999;
+  box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999999;
 }
 button.btn-warning.dim:active {
-  box-shadow: inset 0px 0px 0px #f79d3c, 0px 2px 0px 0px #f79d3c, 0px 5px 3px #999999;
+  box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999999;
 }
 button.btn-info.dim {
-  box-shadow: inset 0px 0px 0px #1eacae, 0px 5px 0px 0px #1eacae, 0px 10px 5px #999999;
+  box-shadow: inset 0 0 0 #1eacae, 0 5px 0 0 #1eacae, 0 10px 5px #999999;
 }
 button.btn-info.dim:active {
-  box-shadow: inset 0px 0px 0px #1eacae, 0px 2px 0px 0px #1eacae, 0px 5px 3px #999999;
+  box-shadow: inset 0 0 0 #1eacae, 0 2px 0 0 #1eacae, 0 5px 3px #999999;
 }
 button.btn-success.dim {
-  box-shadow: inset 0px 0px 0px #1872ab, 0px 5px 0px 0px #1872ab, 0px 10px 5px #999999;
+  box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999999;
 }
 button.btn-success.dim:active {
-  box-shadow: inset 0px 0px 0px #1872ab, 0px 2px 0px 0px #1872ab, 0px 5px 3px #999999;
+  box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999999;
 }
 button.btn-danger.dim {
-  box-shadow: inset 0px 0px 0px #ea394c, 0px 5px 0px 0px #ea394c, 0px 10px 5px #999999;
+  box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999999;
 }
 button.btn-danger.dim:active {
-  box-shadow: inset 0px 0px 0px #ea394c, 0px 2px 0px 0px #ea394c, 0px 5px 3px #999999;
+  box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999999;
 }
 button.dim:before {
   font-size: 50px;
@@ -1016,19 +1063,25 @@ button.dim:active:before {
   top: 7px;
   font-size: 50px;
 }
+.btn:focus {
+  outline: none !important;
+}
 .label {
   background-color: #d1dade;
   color: #5e5e5e;
-  font-family: 'Open Sans';
-  font-size: 10px;
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: 600;
   padding: 3px 8px;
   text-shadow: none;
 }
+.nav .label,
+.ibox .label {
+  font-size: 10px;
+}
 .badge {
   background-color: #d1dade;
   color: #5e5e5e;
-  font-family: 'Open Sans';
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size: 11px;
   font-weight: 600;
   padding-bottom: 4px;
@@ -1137,7 +1190,7 @@ button.dim:active:before {
 }
 .onoffswitch-switch {
   width: 20px;
-  margin: 0px;
+  margin: 0;
   background: #FFFFFF;
   border: 2px solid #1ab394;
   border-radius: 2px;
@@ -1154,15 +1207,20 @@ button.dim:active:before {
   margin-left: 0;
 }
 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
-  right: 0px;
+  right: 0;
+}
+.onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-inner:before {
+  background-color: #919191;
+}
+.onoffswitch-checkbox:disabled + .onoffswitch-label,
+.onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-switch {
+  border-color: #919191;
 }
 /* CHOSEN PLUGIN */
 .chosen-container-single .chosen-single {
   background: #ffffff;
   box-shadow: none;
   -moz-box-sizing: border-box;
-  background-color: #FFFFFF;
-  border: 1px solid #CBD5DD;
   border-radius: 2px;
   cursor: text;
   height: auto !important;
@@ -1175,7 +1233,7 @@ button.dim:active:before {
 }
 .chosen-container-multi .chosen-choices li.search-choice {
   background: #f1f1f1;
-  border: 1px solid #ededed;
+  border: 1px solid #e5e6e7;
   border-radius: 2px;
   box-shadow: none;
   color: #333333;
@@ -1185,6 +1243,11 @@ button.dim:active:before {
   padding: 3px 20px 3px 5px;
   position: relative;
 }
+/* Tags Input Plugin */
+.bootstrap-tagsinput {
+  border: 1px solid #e5e6e7;
+  box-shadow: none;
+}
 /* PAGINATIN */
 .pagination > .active > a,
 .pagination > .active > span,
@@ -1346,7 +1409,7 @@ button.dim:active:before {
 .media-body {
   overflow: hidden;
 }
-.media-body {
+.chat-element .media-body {
   display: block;
   width: auto;
 }
@@ -1454,7 +1517,6 @@ a.list-group-item.active:focus {
 .elements-list .list-group-item {
   border-left: none;
   border-right: none;
-  /*border-top: none;*/
   padding: 15px 25px;
 }
 .elements-list .list-group-item:first-child {
@@ -1473,8 +1535,6 @@ a.list-group-item.active:focus {
   background: #f3f3f4;
   color: inherit;
   border-color: #e7eaec;
-  /*border-bottom: 1px solid #e7eaec;*/
-  /*border-top: 1px solid #e7eaec;*/
   border-radius: 0;
 }
 .elements-list li.active {
@@ -1510,8 +1570,8 @@ a.list-group-item.active:focus {
 .jqstooltip {
   position: absolute;
   display: block;
-  left: 0px;
-  top: 0px;
+  left: 0;
+  top: 0;
   visibility: hidden;
   background: #2b303a;
   background-color: rgba(43, 48, 58, 0.8);
@@ -1527,9 +1587,30 @@ a.list-group-item.active:focus {
   color: white;
   text-align: left;
 }
+.fh-150 {
+  height: 150px;
+}
+.fh-200 {
+  height: 200px;
+}
+.h-150 {
+  min-height: 150px;
+}
 .h-200 {
   min-height: 200px;
 }
+.h-300 {
+  min-height: 300px;
+}
+.w-150 {
+  min-width: 150px;
+}
+.w-200 {
+  min-width: 200px;
+}
+.w-300 {
+  min-width: 300px;
+}
 .legendLabel {
   padding-left: 5px;
 }
@@ -1562,40 +1643,37 @@ table.dataTable thead .sorting_desc_disabled {
 .dataTables_length {
   float: left;
 }
-body.DTTT_Print {
-  background: #fff;
+.dataTables_filter label {
+  margin-right: 5px;
 }
-.DTTT_Print #page-wrapper {
-  margin: 0;
-  background: #fff;
+.html5buttons {
+  float: right;
 }
-button.DTTT_button,
-div.DTTT_button,
-a.DTTT_button {
+.html5buttons a {
   border: 1px solid #e7eaec;
   background: #fff;
   color: #676a6c;
   box-shadow: none;
   padding: 6px 8px;
+  font-size: 12px;
 }
-button.DTTT_button:hover,
-div.DTTT_button:hover,
-a.DTTT_button:hover {
-  border: 1px solid #d2d2d2;
-  background: #fff;
-  color: #676a6c;
-  box-shadow: none;
-  padding: 6px 8px;
+.html5buttons a:hover,
+.html5buttons a:focus:active {
+  background-color: #eee;
+  color: inherit;
+  border-color: #d2d2d2;
 }
-button.DTTT_button:hover:not(.DTTT_disabled),
-div.DTTT_button:hover:not(.DTTT_disabled),
-a.DTTT_button:hover:not(.DTTT_disabled) {
-  border: 1px solid #d2d2d2;
-  background: #fff;
-  box-shadow: none;
+div.dt-button-info {
+  z-index: 100;
 }
-.dataTables_filter label {
-  margin-right: 5px;
+@media (max-width: 768px) {
+  .html5buttons {
+    float: none;
+    margin-top: 10px;
+  }
+  .dataTables_length {
+    float: none;
+  }
 }
 /* CIRCLE */
 .img-circle {
@@ -1688,7 +1766,7 @@ a.DTTT_button:hover:not(.DTTT_disabled) {
 .pace .pace-progress {
   background: #1ab394;
   position: fixed;
-  z-index: 2000;
+  z-index: 2040;
   top: 0;
   right: 100%;
   width: 100%;
@@ -1718,7 +1796,7 @@ a.DTTT_button:hover:not(.DTTT_disabled) {
   background: #ffffff;
 }
 .widget-head-color-box {
-  border-radius: 5px 5px 0px 0px;
+  border-radius: 5px 5px 0 0;
   margin-top: 10px;
 }
 .widget .flot-chart {
@@ -1816,19 +1894,21 @@ a.DTTT_button:hover:not(.DTTT_disabled) {
   padding: 6px 12px;
   transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
   width: 100%;
-  font-size: 14px;
 }
 .form-control:focus,
 .single-line:focus {
-  border-color: #1ab394 !important;
+  border-color: #1ab394;
 }
-.has-success .form-control {
+.has-success .form-control,
+.has-success .form-control:focus {
   border-color: #1ab394;
 }
-.has-warning .form-control {
+.has-warning .form-control,
+.has-warning .form-control:focus {
   border-color: #f8ac59;
 }
-.has-error .form-control {
+.has-error .form-control,
+.has-error .form-control:focus {
   border-color: #ed5565;
 }
 .has-success .control-label {
@@ -1875,7 +1955,7 @@ a.DTTT_button:hover:not(.DTTT_disabled) {
   background: #e7eaec;
 }
 .ibox.ui-sortable-placeholder {
-  margin: 0px 0px 23px !important;
+  margin: 0 0 23px !important;
 }
 /* SWITCHES */
 .onoffswitch {
@@ -1936,7 +2016,7 @@ a.DTTT_button:hover:not(.DTTT_disabled) {
 .onoffswitch-switch {
   display: block;
   width: 18px;
-  margin: 0px;
+  margin: 0;
   background: #FFFFFF;
   border: 2px solid #1AB394;
   border-radius: 3px;
@@ -1953,7 +2033,7 @@ a.DTTT_button:hover:not(.DTTT_disabled) {
   margin-left: 0;
 }
 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
-  right: 0px;
+  right: 0;
 }
 /* jqGrid */
 .ui-jqgrid {
@@ -1978,17 +2058,17 @@ a.DTTT_button:hover:not(.DTTT_disabled) {
 }
 .ui-jqgrid .ui-jqgrid-titlebar {
   position: relative;
-  border-left: 0px solid;
-  border-right: 0px solid;
-  border-top: 0px solid;
+  border-left: 0 solid;
+  border-right: 0 solid;
+  border-top: 0 solid;
 }
 .ui-widget-header {
   background: none;
   background-image: none;
   background-color: #f5f5f6;
   text-transform: uppercase;
-  border-top-left-radius: 0px;
-  border-top-right-radius: 0px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
 }
 .ui-jqgrid tr.ui-row-ltr td {
   border-right-color: inherit;
@@ -2002,7 +2082,7 @@ a.DTTT_button:hover:not(.DTTT_disabled) {
   font-size: 12px;
   height: 15px;
   border: 1px solid #CCCCCC;
-  border-radius: 0px;
+  border-radius: 0;
 }
 .ui-state-default,
 .ui-widget-content .ui-state-default,
@@ -2021,7 +2101,7 @@ a.DTTT_button:hover:not(.DTTT_disabled) {
   background-position: 1px -16px;
 }
 .ui-jqgrid tr.ui-search-toolbar th {
-  border-top-width: 0px !important;
+  border-top-width: 0 !important;
   border-top-color: inherit !important;
   border-top-style: ridge !important;
 }
@@ -2068,11 +2148,11 @@ a.DTTT_button:hover:not(.DTTT_disabled) {
   position: relative;
 }
 .ui-pg-table .navtable .ui-corner-all {
-  border-radius: 0px;
+  border-radius: 0;
 }
 .ui-jqgrid .ui-pg-button:hover {
   padding: 1px;
-  border: 0px;
+  border: 0;
 }
 .ui-jqgrid .loading {
   position: absolute;
@@ -2304,9 +2384,6 @@ a.DTTT_button:hover:not(.DTTT_disabled) {
   background: #f3f3f4;
   padding: 10px;
 }
-#nestable2 .dd-handle:hover {
-  /*background: #bbb;*/
-}
 #nestable2 span.label {
   margin-right: 10px;
 }
@@ -2337,9 +2414,7 @@ label.error {
   margin-left: 5px;
 }
 .form-control.error {
-    background: rgb(251, 227, 228);
-    border: 1px solid #fbc2c4;
-    color: #8a1f11;
+  border: 1px dotted #cc5965;
 }
 /* ngGrid */
 .gridStyle {
@@ -2446,9 +2521,9 @@ label.error {
   background: #fff;
   padding: 0;
   box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
-  -webkit-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1), 0 2 px 4 px rgba(0, 0, 0, 0.2);
-  -moz-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1), 0 2 px 4 px rgba(0, 0, 0, 0.2);
-  border: none ;
+  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
+  border: none;
   margin-top: 30px;
   color: inherit;
 }
@@ -2583,7 +2658,7 @@ a.forum-item-title:hover {
 }
 @media (max-width: 992px) {
   .forum-info {
-    margin: 15px 0 10px 0px;
+    margin: 15px 0 10px 0;
     /* Comment this is you want to show forum info in small devices */
     display: none;
   }
@@ -2626,10 +2701,10 @@ a.forum-item-title:hover {
   background: #e7eaec;
 }
 .dark-timeline .vertical-timeline-content:before {
-  border-color: transparent #f5f5f5 transparent transparent ;
+  border-color: transparent #f5f5f5 transparent transparent;
 }
 .dark-timeline.center-orientation .vertical-timeline-content:before {
-  border-color: transparent  transparent transparent #f5f5f5;
+  border-color: transparent transparent transparent #f5f5f5;
 }
 .dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,
 .dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
@@ -2920,7 +2995,6 @@ a.forum-item-title:hover {
 .tabs-container .tabs-left > .nav-tabs .active > a:hover,
 .tabs-container .tabs-left > .nav-tabs .active > a:focus {
   border-color: #e7eaec transparent #e7eaec #e7eaec;
-  *border-right-color: #ffffff;
 }
 .tabs-container .tabs-right > .nav-tabs {
   float: right;
@@ -2936,9 +3010,17 @@ a.forum-item-title:hover {
 .tabs-container .tabs-right > .nav-tabs .active > a:hover,
 .tabs-container .tabs-right > .nav-tabs .active > a:focus {
   border-color: #e7eaec #e7eaec #e7eaec transparent;
-  *border-left-color: #ffffff;
   z-index: 1;
 }
+@media (max-width: 767px) {
+  .tabs-container .nav-tabs > li {
+    float: none !important;
+  }
+  .tabs-container .nav-tabs > li.active > a {
+    border-bottom: 1px solid #e7eaec !important;
+    margin: 0;
+  }
+}
 /* jsvectormap */
 .jvectormap-container {
   width: 100%;
@@ -3088,30 +3170,190 @@ a.forum-item-title:hover {
 .select2-container--default .select2-selection--multiple {
   border-color: #e7eaec;
 }
-.sidebard-panel {
+.select2-container--default.select2-container--focus .select2-selection--single,
+.select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #1ab394;
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+  background-color: #1ab394;
+}
+.select2-container--default .select2-search--dropdown .select2-search__field {
+  border-color: #e7eaec;
+}
+.select2-dropdown {
+  border-color: #e7eaec;
+}
+.select2-dropdown input:focus {
+  outline: none;
+}
+.select2-selection {
+  outline: none;
+}
+.ui-select-container.ui-select-bootstrap .ui-select-choices-row.active > a {
+  background-color: #1ab394;
+}
+/* Tour */
+.tour-tour .btn.btn-default {
+  background-color: #ffffff;
+  border: 1px solid #d2d2d2;
+  color: inherit;
+}
+.tour-step-backdrop {
+  z-index: 2101;
+}
+.tour-backdrop {
+  z-index: 2100;
+  opacity: .7;
+}
+.popover[class*=tour-] {
+  z-index: 2100;
+}
+body.tour-open .animated {
+  animation-fill-mode: initial;
+}
+/* Resizable */
+.resizable-panels .ibox {
+  clear: none;
+  margin: 10px;
+  float: left;
+  overflow: hidden;
+  min-height: 150px;
+  min-width: 150px;
+}
+.resizable-panels .ibox .ibox-content {
+  height: calc(100% - 49px);
+}
+.ui-resizable-helper {
+  background: rgba(211, 211, 211, 0.4);
+}
+/* Wizard step fix */
+.wizard > .content > .body {
+  position: relative;
+}
+/* PDF js style */
+.pdf-toolbar {
+  max-width: 600px;
+  margin: 0 auto;
+}
+/* Dropzone */
+.dropzone {
+  min-height: 140px;
+  border: 1px dashed #1ab394;
+  background: white;
+  padding: 20px 20px;
+}
+.dropzone .dz-message {
+  font-size: 16px;
+}
+/* Activity stream */
+.stream {
+  position: relative;
+  padding: 10px 0;
+}
+.stream:first-child .stream-badge:before {
+  top: 10px;
+}
+.stream:last-child .stream-badge:before {
+  height: 30px;
+}
+.stream .stream-badge {
+  width: 50px;
+}
+.stream .stream-badge i {
+  border: 1px solid #e7eaec;
+  border-radius: 50%;
+  padding: 6px;
+  color: #808486;
+  position: absolute;
+  background-color: #ffffff;
+  left: 8px;
+}
+.stream .stream-badge i.fa-circle {
+  color: #ced0d1;
+}
+.stream .stream-badge i.bg-success {
+  color: #ffffff;
+  background-color: #1c84c6;
+  border-color: #1c84c6;
+}
+.stream .stream-badge i.bg-primary {
+  color: #ffffff;
+  background-color: #1ab394;
+  border-color: #1ab394;
+}
+.stream .stream-badge i.bg-warning {
+  color: #ffffff;
+  background-color: #f8ac59;
+  border-color: #f8ac59;
+}
+.stream .stream-badge i.bg-info {
+  color: #ffffff;
+  background-color: #23c6c8;
+  border-color: #23c6c8;
+}
+.stream .stream-badge i.bg-danger {
+  color: #ffffff;
+  background-color: #ed5565;
+  border-color: #ed5565;
+}
+.stream .stream-badge:before {
+  content: '';
+  width: 1px;
+  background-color: #e7eaec;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 20px;
+}
+.stream .stream-info {
+  font-size: 12px;
+  margin-bottom: 5px;
+}
+.stream .stream-info img {
+  border-radius: 50%;
+  width: 18px;
+  height: 18px;
+  margin-right: 2px;
+  margin-top: -4px;
+}
+.stream .stream-info .date {
+  color: #9a9d9f;
+  font-size: 80%;
+}
+.stream .stream-panel {
+  margin-left: 55px;
+}
+.stream-small {
+  margin: 10px 0;
+}
+.stream-small .label {
+  padding: 2px 6px;
+  margin-right: 2px;
+}
+.sidebar-panel {
   width: 220px;
   background: #ebebed;
   padding: 10px 20px;
   position: absolute;
   right: 0;
 }
-.sidebard-panel .feed-element img.img-circle {
+.sidebar-panel .feed-element img.img-circle {
   width: 32px;
   height: 32px;
 }
-.sidebard-panel .feed-element,
+.sidebar-panel .feed-element,
 .media-body,
-.sidebard-panel p {
+.sidebar-panel p {
   font-size: 12px;
 }
-.sidebard-panel .feed-element {
+.sidebar-panel .feed-element {
   margin-top: 20px;
   padding-bottom: 0;
 }
-.sidebard-panel .list-group {
+.sidebar-panel .list-group {
   margin-bottom: 10px;
 }
-.sidebard-panel .list-group .list-group-item {
+.sidebar-panel .list-group .list-group-item {
   padding: 5px 0;
   font-size: 12px;
   border: 0;
@@ -3196,7 +3438,7 @@ a.forum-item-title:hover {
   color: inherit;
 }
 .sidebar-container .sidebar-content {
-  padding: 15px 20px ;
+  padding: 15px 20px;
   font-size: 12px;
 }
 .sidebar-container .sidebar-title {
@@ -3221,6 +3463,10 @@ a.forum-item-title:hover {
 .sidebar-container .sidebar-message {
   padding: 15px 20px;
 }
+.sidebar-container .sidebar-message .media-body {
+  display: block;
+  width: auto;
+}
 .sidebar-container .sidebar-message .message-avatar {
   height: 38px;
   width: 38px;
@@ -3255,9 +3501,9 @@ body.boxed-layout #wrapper {
   background-color: #2f4050;
   max-width: 1200px;
   margin: 0 auto;
-  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
-  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
-  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
+  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
+  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
 }
 .top-navigation.boxed-layout #wrapper,
 .boxed-layout #wrapper.top-navigation {
@@ -3283,12 +3529,15 @@ a:focus {
 .font-bold {
   font-weight: 600;
 }
-.font-noraml {
+.font-normal {
   font-weight: 400;
 }
 .text-uppercase {
   text-transform: uppercase;
 }
+.font-italic {
+  font-style: italic;
+}
 .b-r {
   border-right: 1px solid #e7eaec;
 }
@@ -3307,8 +3556,8 @@ a:focus {
   margin-bottom: 15px;
 }
 video {
-  width: 100%    !important;
-  height: auto   !important;
+  width: 100% !important;
+  height: auto !important;
 }
 /* GALLERY */
 .gallery > .row > div {
@@ -3322,7 +3571,22 @@ video {
 /* Summernote text editor  */
 .note-editor {
   height: auto !important;
-  min-height: 300px;
+}
+.note-editor.fullscreen {
+  z-index: 2050;
+}
+.note-editor.note-frame.fullscreen {
+  z-index: 2020;
+}
+.note-editor.note-frame .note-editing-area .note-editable {
+  color: #676a6c;
+  padding: 15px;
+}
+.note-editor.note-frame {
+  border: none;
+}
+.note-editor.panel {
+  margin-bottom: 0;
 }
 /* MODAL */
 .modal-content {
@@ -3383,7 +3647,7 @@ video {
   #page-wrapper {
     position: inherit;
     margin: 0 0 0 240px;
-    min-height: 1000px;
+    min-height: 2002px;
   }
 }
 .title-action {
@@ -3454,12 +3718,12 @@ body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
   margin: 0 0 0 220px;
 }
 body.body-small .footer.fixed {
-  margin-left: 0px;
+  margin-left: 0;
 }
 /* PANELS */
 .page-heading {
   border-top: 0;
-  padding: 0px 10px 20px 10px;
+  padding: 0 10px 20px 10px;
 }
 .panel-heading h1,
 .panel-heading h2 {
@@ -3505,26 +3769,6 @@ body.body-small .footer.fixed {
 .blank-panel .panel-heading {
   padding-bottom: 0;
 }
-.nav-tabs > li.active > a,
-.nav-tabs > li.active > a:hover,
-.nav-tabs > li.active > a:focus {
-  -moz-border-bottom-colors: none;
-  -moz-border-left-colors: none;
-  -moz-border-right-colors: none;
-  -moz-border-top-colors: none;
-  background: none;
-  border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
-  border-bottom: #f3f3f4;
-  border-image: none;
-  border-style: solid;
-  border-width: 1px;
-  color: #555555;
-  cursor: default;
-}
-.nav.nav-tabs li {
-  background: none;
-  border: none;
-}
 .nav-tabs > li > a {
   color: #A7B1C2;
   font-weight: 600;
@@ -3536,7 +3780,7 @@ body.body-small .footer.fixed {
   color: #676a6c;
 }
 .ui-tab .tab-content {
-  padding: 20px 0px;
+  padding: 20px 0;
 }
 /* GLOBAL  */
 .no-padding {
@@ -3552,26 +3796,40 @@ body.body-small .footer.fixed {
   border-top: 0 !important;
 }
 .ibox-content.text-box {
-  padding-bottom: 0px;
+  padding-bottom: 0;
   padding-top: 15px;
 }
 .border-left-right {
   border-left: 1px solid #e7eaec;
   border-right: 1px solid #e7eaec;
-  border-top: none;
-  border-bottom: none;
+}
+.border-top-bottom {
+  border-top: 1px solid #e7eaec;
+  border-bottom: 1px solid #e7eaec;
 }
 .border-left {
   border-left: 1px solid #e7eaec;
-  border-right: none;
-  border-top: none;
-  border-bottom: none;
 }
 .border-right {
-  border-left: none;
   border-right: 1px solid #e7eaec;
-  border-top: none;
-  border-bottom: none;
+}
+.border-top {
+  border-top: 1px solid #e7eaec;
+}
+.border-bottom {
+  border-bottom: 1px solid #e7eaec;
+}
+.border-size-sm {
+  border-width: 3px;
+}
+.border-size-md {
+  border-width: 6px;
+}
+.border-size-lg {
+  border-width: 9px;
+}
+.border-size-xl {
+  border-width: 12px;
 }
 .full-width {
   width: 100% !important;
@@ -3673,10 +3931,10 @@ code {
   border-color: #e7eaec;
   border-image: none;
   border-style: solid solid none;
-  border-width: 3px 0 0;
+  border-width: 2px 0 0;
   color: inherit;
   margin-bottom: 0;
-  padding: 14px 15px 7px;
+  padding: 15px 15px 7px;
   min-height: 48px;
 }
 .ibox-content {
@@ -3686,7 +3944,7 @@ code {
   border-color: #e7eaec;
   border-image: none;
   border-style: solid solid none;
-  border-width: 1px 0px;
+  border-width: 1px 0;
 }
 .ibox-footer {
   color: inherit;
@@ -3769,29 +4027,35 @@ table.table-mail tr td {
   right: 0;
 }
 /* BACKGROUNDS */
-.gray-bg {
+.gray-bg,
+.bg-muted {
   background-color: #f3f3f4;
 }
 .white-bg {
   background-color: #ffffff;
 }
-.navy-bg {
-  background-color: #1ab394;
+.blue-bg,
+.bg-success {
+  background-color: #1c84c6;
   color: #ffffff;
 }
-.blue-bg {
-  background-color: #1c84c6;
+.navy-bg,
+.bg-primary {
+  background-color: #1ab394;
   color: #ffffff;
 }
-.lazur-bg {
+.lazur-bg,
+.bg-info {
   background-color: #23c6c8;
   color: #ffffff;
 }
-.yellow-bg {
+.yellow-bg,
+.bg-warning {
   background-color: #f8ac59;
   color: #ffffff;
 }
-.red-bg {
+.red-bg,
+.bg-danger {
   background-color: #ed5565;
   color: #ffffff;
 }
@@ -3851,7 +4115,7 @@ table.table-mail tr td {
 .progress-mini,
 .progress-mini .progress-bar {
   height: 5px;
-  margin-bottom: 0px;
+  margin-bottom: 0;
 }
 .progress-bar-navy-light {
   background-color: #3dc7ab;
@@ -3915,9 +4179,9 @@ table.table-mail tr td {
   display: inline-block;
 }
 .img-shadow {
-  -webkit-box-shadow: 0px 0px 3px 0px #919191;
-  -moz-box-shadow: 0px 0px 3px 0px #919191;
-  box-shadow: 0px 0px 3px 0px #919191;
+  -webkit-box-shadow: 0 0 3px 0 #919191;
+  -moz-box-shadow: 0 0 3px 0 #919191;
+  box-shadow: 0 0 3px 0 #919191;
 }
 /* For handle diferent bg color in AngularJS version */
 .dashboards\.dashboard_2 nav.navbar,
@@ -3952,6 +4216,15 @@ a.close-canvas-menu {
 a.close-canvas-menu:hover {
   color: #fff;
 }
+.close-canvas-menu {
+  display: none;
+}
+.canvas-menu .close-canvas-menu {
+  display: block;
+}
+.light-navbar .navbar.navbar-static-top {
+  background-color: #ffffff;
+}
 /* FULL HEIGHT */
 .full-height {
   height: 100%;
@@ -4022,18 +4295,36 @@ a.close-canvas-menu:hover {
 .p-w-xl {
   padding: 0 40px;
 }
+.p-h-xs {
+  padding: 10px 0;
+}
+.p-h-sm {
+  padding: 15px 0;
+}
+.p-h-m {
+  padding: 20px 0;
+}
+.p-h-md {
+  padding: 25px 0;
+}
+.p-h-lg {
+  padding: 30px 0;
+}
+.p-h-xl {
+  padding: 40px 0;
+}
 .m-xxs {
   margin: 2px 4px;
 }
+.m {
+  margin: 15px;
+}
 .m-xs {
   margin: 5px;
 }
 .m-sm {
   margin: 10px;
 }
-.m {
-  margin: 15px;
-}
 .m-md {
   margin: 20px;
 }
@@ -4235,6 +4526,43 @@ a.close-canvas-menu:hover {
 .space-30 {
   margin: 30px 0;
 }
+.img-sm {
+  width: 32px;
+  height: 32px;
+}
+.img-md {
+  width: 64px;
+  height: 64px;
+}
+.img-lg {
+  width: 96px;
+  height: 96px;
+}
+.b-r-xs {
+  -webkit-border-radius: 1px;
+  -moz-border-radius: 1px;
+  border-radius: 1px;
+}
+.b-r-sm {
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+.b-r-md {
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+.b-r-lg {
+  -webkit-border-radius: 12px;
+  -moz-border-radius: 12px;
+  border-radius: 12px;
+}
+.b-r-xl {
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  border-radius: 24px;
+}
 .fullscreen-ibox-mode .animated {
   animation: none;
 }
@@ -4260,8 +4588,14 @@ body.fullscreen-ibox-mode {
 body.modal-open {
   padding-right: inherit !important;
 }
+body.modal-open .wrapper-content.animated {
+  -webkit-animation: none;
+  -ms-animation-nam: none;
+  animation: none;
+}
 body.modal-open .animated {
   animation-fill-mode: initial;
+  z-index: inherit;
 }
 /* Show profile dropdown on fixed sidebar */
 body.mini-navbar.fixed-sidebar .profile-element,
@@ -4274,6 +4608,9 @@ body.mini-navbar.fixed-sidebar .nav-header {
 body.mini-navbar.fixed-sidebar .logo-element {
   display: none;
 }
+.fullscreen-video .animated {
+  animation: none;
+}
 /* SEARCH PAGE */
 .search-form {
   margin-top: 10px;
@@ -4377,7 +4714,7 @@ body.mini-navbar.fixed-sidebar .logo-element {
   font-size: 180px;
   font-weight: 800;
   letter-spacing: -10px;
-  margin-bottom: 0px;
+  margin-bottom: 0;
 }
 .middle-box h1 {
   font-size: 170px;
@@ -4489,7 +4826,7 @@ ul.notes li div a {
   color: inherit;
 }
 ul.notes li {
-  margin: 10px 40px 50px 0px;
+  margin: 10px 40px 50px 0;
   float: left;
 }
 ul.notes li div p {
@@ -4514,11 +4851,13 @@ ul.notes li div {
   -webkit-transform: rotate(-6deg);
   -o-transform: rotate(-6deg);
   -moz-transform: rotate(-6deg);
+  -ms-transform: rotate(-6deg);
 }
 ul.notes li:nth-child(even) div {
   -o-transform: rotate(4deg);
   -webkit-transform: rotate(4deg);
   -moz-transform: rotate(4deg);
+  -ms-transform: rotate(4deg);
   position: relative;
   top: 5px;
 }
@@ -4526,6 +4865,7 @@ ul.notes li:nth-child(3n) div {
   -o-transform: rotate(-3deg);
   -webkit-transform: rotate(-3deg);
   -moz-transform: rotate(-3deg);
+  -ms-transform: rotate(-3deg);
   position: relative;
   top: -5px;
 }
@@ -4533,6 +4873,7 @@ ul.notes li:nth-child(5n) div {
   -o-transform: rotate(5deg);
   -webkit-transform: rotate(5deg);
   -moz-transform: rotate(5deg);
+  -ms-transform: rotate(5deg);
   position: relative;
   top: -10px;
 }
@@ -4541,6 +4882,7 @@ ul.notes li div:focus {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
+  -ms-transform: scale(1.1);
   position: relative;
   z-index: 5;
 }
@@ -4776,7 +5118,7 @@ a.compose-mail {
   background-color: #ffffff;
   border: 1px solid #e7eaec;
   border-top: 0;
-  padding: 0px;
+  padding: 0;
   margin-bottom: 20px;
 }
 .mail-box-header {
@@ -4786,7 +5128,7 @@ a.compose-mail {
   padding: 30px 20px 20px 20px;
 }
 .mail-box-header h2 {
-  margin-top: 0px;
+  margin-top: 0;
 }
 .mailbox-content .tag-list li a {
   background: #ffffff;
@@ -4895,7 +5237,7 @@ dd.project-people {
   height: 90px !important;
 }
 .chat-avatar {
-  white: 36px;
+  width: 36px;
   height: 36px;
   float: left;
   margin-right: 10px;
@@ -4920,7 +5262,7 @@ dd.project-people {
 @media (max-width: 992px) {
   .chat-users,
   .chat-statistic {
-    margin-left: 0px;
+    margin-left: 0;
   }
 }
 .chat-view .ibox-content {
@@ -5009,7 +5351,7 @@ dd.project-people {
 .clients-list table tr td {
   height: 46px;
   vertical-align: middle;
-  border: none ;
+  border: none;
 }
 .client-link {
   font-weight: 600;
@@ -5108,7 +5450,7 @@ table.issue-tracker tbody tr td {
 .agile-list li {
   background: #FAFAFB;
   border: 1px solid #e7eaec;
-  margin: 0px 0 10px 0;
+  margin: 0 0 10px 0;
   padding: 10px;
   border-radius: 2px;
 }
@@ -5148,9 +5490,9 @@ del {
 .product-box:hover,
 .product-box.active {
   border: 1px solid transparent;
-  -webkit-box-shadow: 0px 3px 7px 0px #a8a8a8;
-  -moz-box-shadow: 0px 3px 7px 0px #a8a8a8;
-  box-shadow: 0px 3px 7px 0px #a8a8a8;
+  -webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
+  -moz-box-shadow: 0 3px 7px 0 #a8a8a8;
+  box-shadow: 0 3px 7px 0 #a8a8a8;
 }
 .product-imitation {
   text-align: center;
@@ -5159,6 +5501,13 @@ del {
   color: #bebec3;
   font-weight: 600;
 }
+.cart-product-imitation {
+  text-align: center;
+  padding-top: 30px;
+  height: 80px;
+  width: 80px;
+  background-color: #f8f8f9;
+}
 .product-imitation.xl {
   padding: 120px 0;
 }
@@ -5178,6 +5527,20 @@ del {
 .ecommerce .note-editor {
   border: 1px solid #e7eaec;
 }
+table.shoping-cart-table {
+  margin-bottom: 0;
+}
+table.shoping-cart-table tr td {
+  border: none;
+  text-align: right;
+}
+table.shoping-cart-table tr td.desc,
+table.shoping-cart-table tr td:first-child {
+  text-align: left;
+}
+table.shoping-cart-table tr td:last-child {
+  width: 80px;
+}
 .product-name {
   font-size: 16px;
   font-weight: 600;
@@ -5354,6 +5717,12 @@ del {
 body.body-small .vote-icon {
   display: none;
 }
+.lightBoxGallery {
+  text-align: center;
+}
+.lightBoxGallery img {
+  margin: 5px;
+}
 #small-chat {
   position: fixed;
   bottom: 20px;
@@ -5515,6 +5884,18 @@ body.body-small .vote-icon {
   -webkit-transition-property: height, visibility;
   transition-property: height, visibility;
 }
+.mini-navbar .metismenu .collapse {
+  opacity: 0;
+}
+.mini-navbar .metismenu .collapse.in {
+  opacity: 1;
+}
+.mini-navbar .metismenu .collapse a {
+  display: none;
+}
+.mini-navbar .metismenu .collapse.in a {
+  display: block;
+}
 /*
  *  Usage:
  *
@@ -5823,7 +6204,7 @@ body.body-small .vote-icon {
 }
 .sk-spinner-chasing-dots .sk-dot2 {
   top: auto;
-  bottom: 0px;
+  bottom: 0;
   -webkit-animation-delay: -1s;
   animation-delay: -1s;
 }
@@ -6399,6 +6780,29 @@ body.body-small .vote-icon {
     opacity: 1;
   }
 }
+.ibox-content > .sk-spinner {
+  display: none;
+}
+.ibox-content.sk-loading {
+  position: relative;
+}
+.ibox-content.sk-loading:after {
+  content: '';
+  background-color: rgba(255, 255, 255, 0.7);
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.ibox-content.sk-loading > .sk-spinner {
+  display: block;
+  position: absolute;
+  top: 40%;
+  left: 0;
+  right: 0;
+  z-index: 2000;
+}
 /*
  *
  *   INSPINIA Landing Page - Responsive Admin Theme
@@ -6447,6 +6851,9 @@ body.landing-page {
   /* RESPONSIVE CSS
   -------------------------------------------------- */
 }
+.landing-page .container {
+  overflow: hidden;
+}
 .landing-page span.navy {
   color: #1ab394;
 }
@@ -6562,7 +6969,7 @@ body.landing-page {
 }
 .landing-page .navbar-wrapper .navbar.navbar-scroll {
   padding-top: 0;
-  padding-bottom: 0px;
+  padding-bottom: 5px;
   border-bottom: 1px solid #e7eaec;
   border-radius: 0;
 }
@@ -6650,6 +7057,7 @@ body.landing-page {
 }
 .landing-page .carousel-inner .container {
   position: relative;
+  overflow: visible;
 }
 .landing-page .carousel-inner {
   overflow: visible;
@@ -6773,7 +7181,7 @@ body.landing-page {
 }
 .landing-page .pricing-plan.selected {
   transform: scale(1.1);
-  background: #f4f4f4 ;
+  background: #f4f4f4;
 }
 .landing-page .pricing-plan li {
   padding: 10px 16px;
@@ -6788,7 +7196,7 @@ body.landing-page {
 .landing-page li.pricing-desc {
   font-size: 13px;
   border-top: none;
-  padding: 20px 16px ;
+  padding: 20px 16px;
 }
 .landing-page li.pricing-title {
   background: #1ab394;
@@ -6825,6 +7233,7 @@ body.landing-page {
 .landing-page .comments-avatar {
   margin-top: 25px;
   margin-left: 22px;
+  margin-bottom: 25px;
 }
 .landing-page .comments-avatar .commens-name {
   font-weight: 600;
@@ -7127,11 +7536,11 @@ body.rtls .spin-icon {
   right: 0;
   left: auto;
 }
-body.rtls .skin-setttings {
+body.rtls .skin-settings {
   margin-right: 40px;
   margin-left: 0;
 }
-body.rtls .skin-setttings {
+body.rtls .skin-settings {
   direction: ltr;
 }
 body.rtls .footer.fixed {
@@ -7141,7 +7550,7 @@ body.rtls .footer.fixed {
 @media (max-width: 992px) {
   body.rtls .chat-users,
   body.rtls .chat-statistic {
-    margin-right: 0px;
+    margin-right: 0;
   }
 }
 body.rtls.mini-navbar .footer.fixed,
@@ -7176,7 +7585,7 @@ body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
   width: 220px;
 }
 .body-small.rtls .navbar-fixed-top {
-  margin-right: 0px;
+  margin-right: 0;
 }
 .body-small.rtls .navbar-header {
   float: right;
@@ -7199,7 +7608,7 @@ body.rtls.top-navigation .footer.fixed {
   }
   .body-small.rtls #page-wrapper {
     position: inherit;
-    margin: 0 0 0 0px;
+    margin: 0 0 0 0;
     min-height: 1000px;
   }
   .body-small.rtls .navbar-static-side {
@@ -7224,6 +7633,18 @@ body.rtls.top-navigation .footer.fixed {
 .rtls .ltr-support {
   direction: ltr;
 }
+.rtls.mini-navbar .nav-second-level,
+.rtls.mini-navbar li.active .nav-second-level {
+  left: auto;
+  right: 70px;
+}
+.rtls #right-sidebar {
+  left: -260px;
+  right: auto;
+}
+.rtls #right-sidebar.sidebar-open {
+  left: 0;
+}
 /*
  *
  *   This is style for skin config
@@ -7233,7 +7654,7 @@ body.rtls.top-navigation .footer.fixed {
 .theme-config {
   position: absolute;
   top: 90px;
-  right: 0px;
+  right: 0;
   overflow: hidden;
 }
 .theme-config-box {
@@ -7243,26 +7664,26 @@ body.rtls.top-navigation .footer.fixed {
   transition-duration: 0.8s;
 }
 .theme-config-box.show {
-  margin-right: 0px;
+  margin-right: 0;
 }
 .spin-icon {
   background: #1ab394;
   position: absolute;
   padding: 7px 10px 7px 13px;
-  border-radius: 20px 0px 0px 20px;
+  border-radius: 20px 0 0 20px;
   font-size: 16px;
   top: 0;
-  left: 0px;
+  left: 0;
   width: 40px;
   color: #fff;
   cursor: pointer;
 }
-.skin-setttings {
+.skin-settings {
   width: 220px;
   margin-left: 40px;
   background: #f3f3f4;
 }
-.skin-setttings .title {
+.skin-settings .title {
   background: #efefef;
   text-align: center;
   text-transform: uppercase;
@@ -7340,8 +7761,8 @@ body.rtls.top-navigation .footer.fixed {
   background: #0e9aef !important;
 }
 .skin-1 .nav-header {
-  background: #0e9aef;
-  background: url('patterns/header-profile-skin-1.png');
+  background-color: #0e9aef;
+  background-image: url('patterns/header-profile-skin-1.png');
 }
 .skin-1.mini-navbar .nav-second-level {
   background: #3e495f;
@@ -7358,6 +7779,9 @@ body.rtls.top-navigation .footer.fixed {
 .skin-1 .nav > li > a {
   color: #9ea6b9;
 }
+.skin-1 ul.nav-second-level {
+  background-color: inherit;
+}
 .skin-1 .nav > li.active > a {
   color: #fff;
 }
@@ -7443,8 +7867,8 @@ body.skin-2 {
   background: #23c6c8 !important;
 }
 .skin-2 .nav-header {
-  background: #23c6c8;
-  background: url('patterns/header-profile-skin-2.png');
+  background-color: #23c6c8;
+  background-image: url('patterns/header-profile-skin-2.png');
 }
 .skin-2.mini-navbar .nav-second-level {
   background: #ededed;
@@ -7459,6 +7883,9 @@ body.skin-2 {
   border: none;
   background: rgba(255, 255, 255, 0.7);
 }
+.skin-2 ul.nav-second-level {
+  background-color: inherit;
+}
 .skin-2 .nav > li.active {
   background: #e0e0e0;
 }
@@ -7516,7 +7943,7 @@ body.skin-2 #wrapper {
   padding: 30px 15px;
 }
 .skin-2 .dashoard-1 .wrapper-content {
-  padding: 0px 30px 25px 30px;
+  padding: 0 30px 25px 30px;
 }
 .skin-2 .ibox-title {
   background: rgba(255, 255, 255, 0.7);
@@ -7593,8 +8020,8 @@ body.boxed-layout.skin-3 #wrapper {
   background: #3e2c42;
 }
 .skin-3 .nav-header {
-  background: #ecba52;
-  background: url('patterns/header-profile-skin-3.png');
+  background-color: #ecba52;
+  background-image: url('patterns/header-profile-skin-3.png');
 }
 .skin-3.mini-navbar .nav-second-level {
   background: #3e2c42;
@@ -7605,6 +8032,9 @@ body.boxed-layout.skin-3 #wrapper {
 .skin-3 .page-heading {
   border: none;
 }
+.skin-3 ul.nav-second-level {
+  background-color: inherit;
+}
 .skin-3 .nav > li.active {
   background: #38283c;
 }
@@ -7688,6 +8118,9 @@ body.md-skin {
 .md-skin .badge {
   font-family: 'Roboto';
 }
+.md-skin ul.nav-second-level {
+  background-color: inherit;
+}
 .md-skin .font-bold {
   font-weight: 500;
 }
@@ -7703,7 +8136,7 @@ body.md-skin {
   border-bottom: none !important;
   border-top: 0;
   padding: 0 10px 20px 10px;
-  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.34), 0 0px 6px 0px rgba(0, 0, 0, 0.14);
+  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.34), 0 0 6px 0 rgba(0, 0, 0, 0.14);
 }
 .md-skin .full-height-layout .page-heading {
   border-bottom: 1px solid #e7eaec !important;
@@ -7792,6 +8225,9 @@ body.md-skin {
 .md-skin .nav-second-level li a {
   padding: 7px 10px 7px 52px;
 }
+.md-skin .nav-third-level li a {
+  padding-left: 62px;
+}
 .md-skin .navbar-top-links li a {
   padding: 20px 10px;
   min-height: 50px;
@@ -7807,7 +8243,7 @@ body.md-skin {
   padding: 3px 20px;
   min-height: inherit;
 }
-.md-skin .nav-header a {
+.md-skin .nav-header .navbar-fixed-top a {
   color: #ffffff;
 }
 .md-skin .nav-header .text-muted {
@@ -7947,7 +8383,10 @@ body.md-skin {
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .md-skin.mini-navbar .nav-second-level li a {
-  padding-left: 0px;
+  padding-left: 0;
+}
+.md-skin.mini-navbar.fixed-sidebar .nav-second-level li a {
+  padding-left: 52px;
 }
 .md-skin.top-navigation .nav.navbar-right > li > a {
   padding: 15px 20px;
@@ -7965,6 +8404,9 @@ body.md-skin {
   color: #1ab394;
   background: #ffffff;
 }
+.md-skin.fixed-nav #side-menu {
+  background-color: #fff;
+}
 .md-skin.fixed-nav #wrapper.top-navigation #page-wrapper {
   margin-top: 0;
 }
@@ -7981,6 +8423,9 @@ body.md-skin {
   width: 220px;
   background-color: #ffffff;
 }
+.md-skin.boxed-layout #wrapper {
+  background-color: #ffffff;
+}
 .md-skin.canvas-menu nav.navbar-static-side {
   z-index: 2001;
   background: #ffffff;
@@ -7992,7 +8437,7 @@ body.md-skin {
   #page-wrapper {
     position: inherit;
     margin: 0 0 0 220px;
-    min-height: 1200px;
+    min-height: 100vh;
   }
   .navbar-static-side {
     z-index: 2001;
@@ -8008,8 +8453,8 @@ body.md-skin {
 @media (max-width: 768px) {
   #page-wrapper {
     position: inherit;
-    margin: 0 0 0 0px;
-    min-height: 1000px;
+    margin: 0 0 0 0;
+    min-height: 100vh;
   }
   .body-small .navbar-static-side {
     display: none;
@@ -8030,14 +8475,14 @@ body.md-skin {
     display: inline;
     float: left;
   }
-  .sidebard-panel {
+  .sidebar-panel {
     z-index: 2;
     position: relative;
     width: auto;
     min-height: 100% !important;
   }
   .sidebar-content .wrapper {
-    padding-right: 0px;
+    padding-right: 0;
     z-index: 1;
   }
   .fixed-sidebar.body-small .navbar-static-side {
@@ -8054,6 +8499,17 @@ body.md-skin {
     text-align: right;
     display: block;
   }
+  .navbar-static-side {
+    display: none;
+  }
+  body:not(.mini-navbar) {
+    -webkit-transition: background-color 500ms linear;
+    -moz-transition: background-color 500ms linear;
+    -o-transition: background-color 500ms linear;
+    -ms-transition: background-color 500ms linear;
+    transition: background-color 500ms linear;
+    background-color: #f3f3f4;
+  }
 }
 @media (max-width: 350px) {
   .timeline-item .date {
@@ -8093,3 +8549,14 @@ body.md-skin {
     display: none;
   }
 }
+@media print {
+  nav.navbar-static-side {
+    display: none;
+  }
+  body {
+    overflow: visible !important;
+  }
+  #page-wrapper {
+    margin: 0;
+  }
+}