active_frontend 6.2.0 → 6.3.0

data/vendor/assets/stylesheets/_navbar.scss

@@ -30,10 +30,10 @@
   text-align: center;
   width: 1%;
 }
-.navbar > a.active,
-.navbar > a:active,
 .navbar > a:hover,
-.navbar > a:focus { color: rgba(255,255,255,1); }
+.navbar > a:focus,
+.navbar > a.active,
+.navbar > a:active { color: rgba(255,255,255,1); }
 
 /* # Media Queries
 ================================================== */

data/vendor/assets/stylesheets/_pagination.scss

@@ -4,38 +4,40 @@
 
 /* # Pagination
 ================================================== */
-.pagination ul {
+.pagination > ul {
   display: inline-block;
-  margin-bottom: 0;
-  margin-left: 0;
+  margin: 0;
   padding: 0;
 }
-.pagination ul > li {
-  display: inline-block ;
+.pagination > ul > li {
+  display: inline-block;
   font-size: 14px;
   line-height: 14px;
   margin-right: 2px;
 }
-.pagination ul > li > a {
+.pagination > ul > li > a,
+.pagination > ul > li.active {
   background: rgba(245,248,250,1);
   border-radius: 500px;
   color: rgba(35,41,55,1);
   min-width: 8px;
   padding: 9px 10px 7px 10px;
-  text-decoration: none;
   text-align: center;
+  text-decoration: none;
 }
-.pagination ul > li > a:hover,
-.pagination ul > li > a:focus { background: rgba(235,238,240,1); }
-.pagination ul > .active {
+.pagination > ul > li > a:hover,
+.pagination > ul > li > a:focus { background: rgba(235,238,240,1); }
+.pagination > ul > li > a:active,
+.pagination > ul > li.active {
   background: $primary-color;
-  border-radius: 500px;
   color: rgba(255,255,255,1);
-  min-width: 8px;
-  padding: 8px 10px 6px 10px;
-  text-align: center;
 }
-.pagination ul > .pagination-icon > a { padding: 9px 11px 7px 11px; }
+.pagination > ul > li.active {
+  padding-bottom: 6px;
+  padding-top: 8px;
+}
+.pagination > ul > li.pagination-icon:first-child > a { padding-right: 11px; }
+.pagination > ul > li.pagination-icon:last-child > a { padding-left: 11px; }
 .pagination-centered { text-align: center; }
 .pagination-right { text-align: right; }
 .pagination-left { text-align: left; }

data/vendor/assets/stylesheets/_panel.scss

@@ -9,18 +9,6 @@
   border: 1px solid rgba(225,232,237,1);
   margin-bottom: 20px;
 }
-.panel > .list-group { margin-bottom: 0; }
-.panel > .list-group .list-group-item {
-  border-radius: 0;
-  border-width: 1px 0;
-}
-.panel > .list-group .list-group-item:first-child { border-top: 0; }
-.panel > .list-group .list-group-item:last-child { border-bottom: 0; }
-.panel-header + .list-group .list-group-item:first-child { border-top-width: 0; }
-.panel > .table-responsive {
-  border: 0;
-  margin-bottom: 0;
-}
 .panel-header {
   background: rgba(245,248,250,1);
   border-bottom: 1px solid rgba(225,232,237,1);
@@ -28,35 +16,26 @@
 }
 .panel-header > .btn { margin-top: -2px; }
 .panel-header > .btn-group  { margin: -5px 0 -3px 0; }
-.panel-header > .dropdown .dropdown-toggle { color: rgba(35,41,55,1); }
 .panel-title {
   color: rgba(35,41,55,1);
   display: inline-block;
   font-size: 17px;
-  line-height: 17px;
+  line-height: 1;
   margin-bottom: 0;
   margin-top: 0;
 }
 .panel-title > a { color: rgba(35,41,55,1); }
-.panel-title > a:hover { color: rgba(35,41,55,1); }
 .panel-body { padding: 15px; }
 .panel-body-chart {
   margin-bottom: -10px;
   width: 100%;
 }
+.panel-body > .table-responsive {
+  border: 0;
+  margin-bottom: 0;
+}
 .panel-footer {
   background: rgba(245,248,250,1);
   border-top: 1px solid rgba(225,232,237,1);
   padding: 13px 15px 10px 15px;
-}
-.panel-group { margin-bottom: 20px; }
-.panel-group .panel {
-  border-radius: 3px;
-  margin-bottom: 0;
-  overflow: hidden;
-}
-.panel-group .panel + .panel { margin-top: 5px; }
-.panel-group .panel-header { border-bottom: 0; }
-.panel-group .panel-header + .panel-collapse .panel-body { border-top: 1px solid rgba(225,232,237,1); }
-.panel-group .panel-footer { border-top: 0; }
-.panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid rgba(225,232,237,1); }
+}

data/vendor/assets/stylesheets/_placeholder.scss

@@ -7,7 +7,7 @@
 /* # Placeholder
 ================================================== */
 .placeholder { text-align: center; }
-.placeholder i {
+.placeholder > i {
   background: $primary-color;
   border-radius: 500px;
   color: rgba(255,255,255,1);
@@ -17,12 +17,12 @@
   line-height: 130px;
   width: 120px;
 }
-.placeholder h6 {
+.placeholder > h6 {
   color: rgba(85,94,113,1);
   letter-spacing: 1px;
   text-transform: uppercase;
 }
-.placeholder p {
+.placeholder > p {
   color: rgba(136,153,166,1);
   font-size: 14px;
   line-height: 22px;
@@ -30,7 +30,7 @@
 
 /* # Size
 ================================================== */
-.placeholder-large i {
+.placeholder-large > i {
   background: transparent;
   color: rgba(85,94,113,1);
   display: inline-block;
@@ -51,7 +51,7 @@
 ================================================== */
 @media only screen and (max-width: 767px) {
   .placeholder-divider { width: 75%; }
-  .placeholder-large i {
+  .placeholder-large > i {
     font-size: 196px;
     line-height: 196px;
   }

data/vendor/assets/stylesheets/_popover.scss

@@ -15,9 +15,9 @@
   letter-spacing: 0;
   left: 0;
   position: absolute;
+  text-align: left;
   text-decoration: none;
   text-transform: none;
-  text-align: left;
   top: 0;
   width: 276px;
   white-space: normal;
@@ -27,27 +27,26 @@
 .popover.right { margin-left: 10px; }
 .popover.bottom { margin-top: 10px; }
 .popover.left { margin-left: -10px; }
-.popover-title {
-  background: rgba(245,248,250,1);
-  border-bottom: 1px solid rgba(225,232,237,1);
+.popover-title,
+.popover-content {
   color: rgba(35,41,55,1);
-  font-weight: bold;
+  font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
   font-size: 14px;
   letter-spacing: 0;
-  line-height: 18px;
   margin: 0;
   padding: 10px 15px;
 }
+.popover-title {
+  background: rgba(245,248,250,1);
+  border-bottom: 1px solid rgba(225,232,237,1);
+  font-weight: bold;
+  line-height: 18px;
+}
 .popover-title:empty { display: none; }
 .popover-content {
   background: rgba(255,255,255,1);
-  color: rgba(35,41,55,1);
-  font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
   font-weight: normal;
-  font-size: 14px;
-  letter-spacing: 0;
   line-height: 20px;
-  padding: 10px 15px;
 }
 .popover .arrow,
 .popover .arrow:after {
@@ -58,58 +57,58 @@
   position: absolute;
   width: 0;
 }
-.popover .arrow { border-width: 11px; }
-.popover .arrow:after {
+.popover > .arrow { border-width: 11px; }
+.popover > .arrow:after {
   border-width: 10px;
   content: "";
 }
-.popover.top .arrow {
+.popover.top > .arrow {
   border-bottom-width: 0;
   border-top-color: rgba(235,238,240,1);
   bottom: -11px;
   left: 50%;
   margin-left: -11px;
 }
-.popover.top .arrow:after {
+.popover.top > .arrow:after {
   border-bottom-width: 0;
   border-top-color: rgba(255,255,255,1);
   bottom: 1px;
   margin-left: -10px;
 }
-.popover.right .arrow {
+.popover.right > .arrow {
   border-right-color: rgba(235,238,240,1);
   border-left-width: 0;
   left: -11px;
   margin-top: -11px;
   top: 50%;
 }
-.popover.right .arrow:after {
+.popover.right > .arrow:after {
   border-right-color: rgba(255,255,255,1);
   border-left-width: 0;
   bottom: -10px;
   left: 1px;
 }
-.popover.bottom .arrow {
+.popover.bottom > .arrow {
   border-bottom-color: rgba(235,238,240,1);
   border-top-width: 0;
   left: 50%;
   margin-left: -11px;
   top: -11px;
 }
-.popover.bottom .arrow:after {
+.popover.bottom > .arrow:after {
   border-bottom-color: rgba(255,255,255,1);
   border-top-width: 0;
   margin-left: -10px;
   top: 1px;
 }
-.popover.left .arrow {
+.popover.left > .arrow {
   border-right-width: 0;
   border-left-color: rgba(235,238,240,1);
   margin-top: -11px;
   right: -11px;
   top: 50%;
 }
-.popover.left .arrow:after {
+.popover.left > .arrow:after {
   border-right-width: 0;
   border-left-color: rgba(255,255,255,1);
   bottom: -10px;

data/vendor/assets/stylesheets/_progress.scss

@@ -18,7 +18,7 @@
   height: 25px;
   overflow: hidden;
 }
-.progress .bar {
+.progress > .bar {
   background: $primary-color;
   box-sizing: border-box;
   color: rgba(255,255,255,1);
@@ -30,13 +30,13 @@
   text-align: center;
   width: 0;
 }
-.progress .bar-striped {
+.progress > .bar-striped {
   background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
   -webkit-background-size: 40px 40px;
   background-size: 40px 40px;
 }
-.progress .bar-striped.active {
+.progress > .bar-striped.active {
   -webkit-animation: progressBarStripes 2s linear infinite;
   animation: progressBarStripes 2s linear infinite;
 }

data/vendor/assets/stylesheets/_reset.scss

@@ -38,8 +38,8 @@ code,
 dfn,
 th,
 var {
-  font-weight: normal;
   font-style: normal;
+  font-weight: normal;
 }
 h1,
 h2,
@@ -47,8 +47,8 @@ h3,
 h4,
 h5,
 h6 {
-  font-weight: normal;
   font-size: 100%;
+  font-weight: normal;
 }
 abbr,
 acronym {
@@ -68,9 +68,9 @@ input,
 textarea,
 select {
   font-family: inherit;
-  font-weight: inherit;
   font-size: inherit;
   *font-size: 100%;
+  font-weight: inherit;
 }
 html,
 body {

data/vendor/assets/stylesheets/_spinner.scss

@@ -4,90 +4,50 @@
 
 /* # Spinner
 ================================================== */
-.spinner-backdrop {
-  background: rgba(255,255,255,0.9);
-  bottom: 0;
-  left: 0;
-  position: fixed;
-  right: 0;
-  top: 0;
-  z-index: 2040;
-}
-.spinner {
-  -webkit-animation-fill-mode: both;
-  animation-fill-mode: both;
-  -webkit-backface-visibility: hidden !important;
-  backface-visibility: hidden !important;
-  -webkit-perspective: 1000;
-  perspective: 1000;
-  margin: 15% auto 0 auto;
-  position: relative;
-  text-align: center;
-}
 @-webkit-keyframes spinnerBeat {
   0% {
     -webkit-transform: scale(1);
-        -ms-transform: scale(1);
             transform: scale(1);
   }
   14% {
     -webkit-transform: scale(1.5);
-        -ms-transform: scale(1.5);
             transform: scale(1.5);
   }
   28% {
     -webkit-transform: scale(1);
-        -ms-transform: scale(1);
             transform: scale(1);
   }
   42% {
     -webkit-transform: scale(1.5);
-        -ms-transform: scale(1.5);
             transform: scale(1.5);
   }
   70% {
     -webkit-transform: scale(1);
-        -ms-transform: scale(1);
             transform: scale(1);
   }
 }
 @keyframes spinnerBeat {
   0% {
     -webkit-transform: scale(1);
-        -ms-transform: scale(1);
             transform: scale(1);
   }
   14% {
     -webkit-transform: scale(1.5);
-        -ms-transform: scale(1.5);
             transform: scale(1.5);
   }
   28% {
     -webkit-transform: scale(1);
-        -ms-transform: scale(1);
             transform: scale(1);
   }
   42% {
     -webkit-transform: scale(1.5);
-        -ms-transform: scale(1.5);
             transform: scale(1.5);
   }
   70% {
     -webkit-transform: scale(1);
-        -ms-transform: scale(1);
             transform: scale(1);
   }
 }
-.spinner-beat {
-  -webkit-animation: spinnerBeat 1.3s infinite ease-in-out;
-  animation: spinnerBeat 1.3s infinite ease-in-out;
-  background: rgba(255,255,255,1);
-  border: 2px solid $primary-color;
-  border-radius: 500px;
-  box-sizing: border-box;
-  height: 50px;
-  width: 50px;
-}
 @-webkit-keyframes spinnerCircle {
   0%, 80%, 100% { -webkit-transform: scale(0); }
   40%           { -webkit-transform: scale(1.0); }
@@ -95,112 +55,19 @@
 @keyframes spinnerCircle {
   0%, 80%, 100% {
     -webkit-transform: scale(0);
-        -ms-transform: scale(0);
             transform: scale(0);
   }
   40% {
     -webkit-transform: scale(1.0);
-        -ms-transform: scale(1.0);
             transform: scale(1.0);
   }
 }
-.spinner-circle {
-  height: 60px;
-  width: 60px;
-}
-.spinner-circle-container-1 > div,
-.spinner-circle-container-2 > div,
-.spinner-circle-container-3 > div {
-  -webkit-animation: spinnerCircle 1.2s infinite ease-in-out;
-  animation: spinnerCircle 1.2s infinite ease-in-out;
-  background: $primary-color;
-  border: 1px solid $primary-color;
-  border-radius: 500px;
-  box-sizing: border-box;
-  height: 15px;
-  position: absolute;
-  width: 15px;
-}
-.spinner-circle .spinner-circle-container {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-}
-.spinner-circle-container-2 {
-  -webkit-transform: rotateZ(45deg);
-  transform: rotateZ(45deg);
-}
-.spinner-circle-container-3 {
-  -webkit-transform: rotateZ(90deg);
-  transform: rotateZ(90deg);
-}
-.spinner-circle-1 {
-  left: 0;
-  top: 0;
-}
-.spinner-circle-2 {
-  right: 0;
-  top: 0;
-}
-.spinner-circle-3 {
-  bottom: 0;
-  right: 0;
-}
-.spinner-circle-4 {
-  bottom: 0;
-  left: 0;
-}
-.spinner-circle-container-2 .spinner-circle-1 {
-  -webkit-animation-delay: -1.1s;
-  animation-delay: -1.1s;
-}
-.spinner-circle-container-3 .spinner-circle-1 {
-  -webkit-animation-delay: -1.0s;
-  animation-delay: -1.0s;
-}
-.spinner-circle-container-1 .spinner-circle-2 {
-  -webkit-animation-delay: -0.9s;
-  animation-delay: -0.9s;
-}
-.spinner-circle-container-2 .spinner-circle-2 {
-  -webkit-animation-delay: -0.8s;
-  animation-delay: -0.8s;
-}
-.spinner-circle-container-3 .spinner-circle-2 {
-  -webkit-animation-delay: -0.7s;
-  animation-delay: -0.7s;
-}
-.spinner-circle-container-1 .spinner-circle-3 {
-  -webkit-animation-delay: -0.6s;
-  animation-delay: -0.6s;
-}
-.spinner-circle-container-2 .spinner-circle-3 {
-  -webkit-animation-delay: -0.5s;
-  animation-delay: -0.5s;
-}
-.spinner-circle-container-3 .spinner-circle-3 {
-  -webkit-animation-delay: -0.4s;
-  animation-delay: -0.4s;
-}
-.spinner-circle-container-1 .spinner-circle-4 {
-  -webkit-animation-delay: -0.3s;
-  animation-delay: -0.3s;
-}
-.spinner-circle-container-2 .spinner-circle-4 {
-  -webkit-animation-delay: -0.2s;
-  animation-delay: -0.2s;
-}
-.spinner-circle-container-3 .spinner-circle-4 {
-  -webkit-animation-delay: -0.1s;
-  animation-delay: -0.1s;
-}
 @-webkit-keyframes spinnerChaseRotate {
-  100% { -webkit-transform: rotate(360deg) }
+  100% { -webkit-transform: rotate(360deg); }
 }
 @keyframes spinnerChaseRotate {
   100% {
     -webkit-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
             transform: rotate(360deg);
   }
 }
@@ -211,75 +78,33 @@
 @keyframes spinnerChaseBounce {
   0%, 100% {
     -webkit-transform: scale(0);
-        -ms-transform: scale(0);
             transform: scale(0);
   }
   50% {
     -webkit-transform: scale(1.0);
-        -ms-transform: scale(1.0);
             transform: scale(1.0);
   }
 }
-.spinner-chase {
-  -webkit-animation: spinnerChaseRotate 2.0s infinite linear;
-  animation: spinnerChaseRotate 2.0s infinite linear;
-  height: 60px;
-  width: 60px;
-}
-.spinner-chase-1,
-.spinner-chase-2 {
-  -webkit-animation: spinnerChaseBounce 2.0s infinite ease-in-out;
-  animation: spinnerChaseBounce 2.0s infinite ease-in-out;
-  background: $primary-color;
-  border: 1px solid $primary-color;
-  border-radius: 500px;
-  box-sizing: border-box;
-  display: inline-block;
-  height: 60%;
-  position: absolute;
-  top: 0;
-  width: 60%;
-}
-.spinner-chase-2 {
-  -webkit-animation-delay: -1.0s;
-  animation-delay: -1.0s;
-  bottom: 0;
-  top: auto;
-}
 @-webkit-keyframes spinnerCrescent {
   0% {
     -webkit-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
             transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
             transform: rotate(360deg);
   }
 }
 @keyframes spinnerCrescent {
   0% {
     -webkit-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
             transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
             transform: rotate(360deg);
   }
 }
-.spinner-crescent {
-  -webkit-animation: spinnerCrescent 1.2s infinite linear;
-  animation: spinnerCrescent 1.2s infinite linear;
-  border: 9px solid $primary-color;
-  border-right-color: transparent;
-  border-radius: 500px;
-  box-sizing: border-box;
-  height: 60px;
-  width: 60px;
-}
 @-webkit-keyframes spinnerCube {
   0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0); }
   35%           { -webkit-transform:scale3D(0.0, 0.0, 1.0); }
@@ -287,77 +112,13 @@
 @keyframes spinnerCube {
   0%, 70%, 100% {
     -webkit-transform:scale3D(1.0, 1.0, 1.0);
-        -ms-transform:scale3D(1.0, 1.0, 1.0);
             transform:scale3D(1.0, 1.0, 1.0);
   }
   35%           {
     -webkit-transform:scale3D(0.0, 0.0, 1.0);
-        -ms-transform:scale3D(0.0, 0.0, 1.0);
             transform:scale3D(0.0, 0.0, 1.0);
   }
 }
-.spinner-cube {
-  height: 60px;
-  width: 60px;
-}
-.spinner-cube-1,
-.spinner-cube-2,
-.spinner-cube-3,
-.spinner-cube-4,
-.spinner-cube-5,
-.spinner-cube-6,
-.spinner-cube-7,
-.spinner-cube-8,
-.spinner-cube-9 {
-  -webkit-animation: spinnerCube 1.3s infinite ease-in-out;
-  animation: spinnerCube 1.3s infinite ease-in-out;
-  background: $primary-color;
-  border: 1px solid rgba(255,255,255,1);
-  border-radius: 500px;
-  box-sizing: border-box;
-  float: left;
-  height: 33%;
-  width: 33%;
-}
-.spinner-cube-7,
-.spinner-cube-8,
-.spinner-cube-9 { margin-top: -1px; }
-.spinner-cube .spinner-cube-1 {
-  -webkit-animation-delay: 0.2s;
-  animation-delay: 0.2s;
-}
-.spinner-cube .spinner-cube-2 {
-  -webkit-animation-delay: 0.3s;
-  animation-delay: 0.3s;
-}
-.spinner-cube .spinner-cube-3 {
-  -webkit-animation-delay: 0.4s;
-  animation-delay: 0.4s;
-}
-.spinner-cube .spinner-cube-4 {
-  -webkit-animation-delay: 0.1s;
-  animation-delay: 0.1s;
-}
-.spinner-cube .spinner-cube-5 {
-  -webkit-animation-delay: 0.2s;
-  animation-delay: 0.2s;
-}
-.spinner-cube .spinner-cube-6 {
-  -webkit-animation-delay: 0.3s;
-  animation-delay: 0.3s;
-}
-.spinner-cube .spinner-cube-7 {
-  -webkit-animation-delay: 0.0s;
-  animation-delay: 0.0s;
-}
-.spinner-cube .spinner-cube-8 {
-  -webkit-animation-delay: 0.1s;
-  animation-delay: 0.1s;
-}
-.spinner-cube .spinner-cube-9 {
-  -webkit-animation-delay: 0.2s;
-  animation-delay: 0.2s;
-}
 @-webkit-keyframes spinnerDoubleBounce {
   0%, 100% { -webkit-transform: scale(0); }
   50%      { -webkit-transform: scale(1.0); }
@@ -366,48 +127,21 @@
   0%, 100% {
 
     -webkit-transform: scale(0);
-        -ms-transform: scale(0);
             transform: scale(0);
   }
   50% {
     -webkit-transform: scale(1.0);
-        -ms-transform: scale(1.0);
             transform: scale(1.0);
   }
 }
-.spinner-double-bounce {
-  height: 60px;
-  width: 60px;
-}
-.spinner-double-bounce-1,
-.spinner-double-bounce-2 {
-  -webkit-animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
-  animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
-  background: $primary-color;
-  border: 1px solid $primary-color;
-  border-radius: 50%;
-  box-sizing: border-box;
-  height: 100%;
-  left: 0;
-  opacity: 0.85;
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
-.spinner-double-bounce-2 {
-  -webkit-animation-delay: -1.0s;
-  animation-delay: -1.0s;
-}
 @-webkit-keyframes spinnerFlower {
   0% {
     -webkit-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
             transform: rotate(0deg);
     box-shadow: $primary-color 0 0 23px 0, $primary-color -20px -20px 0 0, $primary-color 20px -20px 0 0, $primary-color 20px 20px 0 0, $primary-color -20px 20px 0 0;
   }
   50% {
     -webkit-transform: rotate(1080deg);
-        -ms-transform: rotate(1080deg);
             transform: rotate(1080deg);
     box-shadow: $primary-color 0 0 23px 0, $primary-color 20px 20px 0 0, $primary-color -20px 20px 0 0, $primary-color -20px -20px 0 0, $primary-color 20px -20px 0 0;
   }
@@ -415,27 +149,15 @@
 @keyframes spinnerFlower {
   0% {
     -webkit-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
             transform: rotate(0deg);
     box-shadow: $primary-color 0 0 23px 0, $primary-color -20px -20px 0 0, $primary-color 20px -20px 0 0, $primary-color 20px 20px 0 0, $primary-color -20px 20px 0 0;
   }
   50% {
     -webkit-transform: rotate(1080deg);
-        -ms-transform: rotate(1080deg);
             transform: rotate(1080deg);
     box-shadow: $primary-color 0 0 23px 0, $primary-color 20px 20px 0 0, $primary-color -20px 20px 0 0, $primary-color -20px -20px 0 0, $primary-color 20px -20px 0 0;
   }
 }
-.spinner-flower {
-  -webkit-animation: spinnerFlower 5s infinite ease-in-out;
-  animation: spinnerFlower 5s infinite ease-in-out;
-  background: rgba(71,74,84,1);
-  border-radius: 500px;
-  height: 24px;
-  -webkit-transform-origin: 50% 50%;
-  transform-origin: 50% 50%;
-  width: 24px;
-}
 @-webkit-keyframes spinnerOrbit {
   0%   { -webkit-transform: rotate(0); }
   100% { -webkit-transform: rotate(360deg); }
@@ -443,33 +165,17 @@
 @keyframes spinnerOrbit {
   0% {
     -webkit-transform: rotate(0);
-        -ms-transform: rotate(0);
             transform: rotate(0);
   }
   100% {
     -webkit-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
             transform: rotate(360deg);
   }
 }
-.spinner-orbit {
-  -webkit-animation: spinnerOrbit 1s linear infinite;
-  animation: spinnerOrbit 1s linear infinite;
-  border: 1px solid $primary-color;
-  border-radius: 500px;
-  height: 60px;
-  width: 60px;
-}
-.spinner-orbit-1 {
-  background: $primary-color;
-  border: 1px solid $primary-color;
-  border-radius: 500px;
-  box-sizing: border-box;
-  height: 20px;
-  width: 20px;
-}
 @-webkit-keyframes spinnerPulse {
-  0% { -webkit-transform: scale(0) }
+  0% {
+    -webkit-transform: scale(0);
+  }
   100% {
     opacity: 0;
     -webkit-transform: scale(1.0);
@@ -478,26 +184,14 @@
 @keyframes spinnerPulse {
   0% {
     -webkit-transform: scale(0);
-        -ms-transform: scale(0);
             transform: scale(0);
   }
   100% {
     opacity: 0;
     -webkit-transform: scale(1.0);
-        -ms-transform: scale(1.0);
             transform: scale(1.0);
   }
 }
-.spinner-pulse {
-  -webkit-animation: spinnerPulse 1.0s infinite ease-in-out;
-  animation: spinnerPulse 1.0s infinite ease-in-out;
-  background: $primary-color;
-  border: 1px solid $primary-color;
-  border-radius: 500px;
-  box-sizing: border-box;
-  height: 60px;
-  width: 60px;
-}
 @-webkit-keyframes spinnerRotatingPlane {
   0%   { -webkit-transform: perspective(120px); }
   50%  { -webkit-transform: perspective(120px) rotateY(180deg); }
@@ -506,29 +200,17 @@
 @keyframes spinnerRotatingPlane {
   0% {
     -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-        -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
             transform: perspective(120px) rotateX(0deg) rotateY(0deg);
   }
   50% {
     -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-        -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
             transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
   }
   100% {
     -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-        -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
             transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
   }
 }
-.spinner-rotating-plane {
-  -webkit-animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
-  animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
-  background: $primary-color;
-  border: 1px solid $primary-color;
-  box-sizing: border-box;
-  height: 100px;
-  width: 100px;
-}
 @-webkit-keyframes spinnerTripleBounce {
   0%, 80%, 100% { -webkit-transform: scale(0); }
   40%           { -webkit-transform: scale(1.0); }
@@ -536,35 +218,13 @@
 @keyframes spinnerTripleBounce {
   0%, 80%, 100% {
     -webkit-transform: scale(0);
-        -ms-transform: scale(0);
             transform: scale(0);
   }
   40% {
     -webkit-transform: scale(1.0);
-        -ms-transform: scale(1.0);
             transform: scale(1.0);
   }
 }
-.spinner-triple-bounce { width: 100px; }
-.spinner-triple-bounce > div {
-  -webkit-animation: spinnerTripleBounce 1.4s infinite ease-in-out;
-  animation: spinnerTripleBounce 1.4s infinite ease-in-out;
-  background: $primary-color;
-  border: 1px solid $primary-color;
-  border-radius: 500px;
-  box-sizing: border-box;
-  display: inline-block;
-  height: 25px;
-  width: 25px;
-}
-.spinner-triple-bounce .spinner-triple-bounce-1 {
-  -webkit-animation-delay: -0.32s;
-  animation-delay: -0.32s;
-}
-.spinner-triple-bounce .spinner-triple-bounce-2 {
-  -webkit-animation-delay: -0.16s;
-  animation-delay: -0.16s;
-}
 @-webkit-keyframes spinnerWander {
   25%  { -webkit-transform: translateX(50px) rotate(-90deg) scale(0.5); }
   50%  { -webkit-transform: translateX(50px) translateY(50px) rotate(-180deg); }
@@ -574,51 +234,25 @@
 @keyframes spinnerWander {
   25% {
     -webkit-transform: translateX(50px) rotate(-90deg) scale(0.5);
-        -ms-transform: translateX(50px) rotate(-90deg) scale(0.5);
             transform: translateX(50px) rotate(-90deg) scale(0.5);
   }
   50% {
     -webkit-transform: translateX(50px) translateY(50px) rotate(-179deg);
-        -ms-transform: translateX(50px) translateY(50px) rotate(-179deg);
             transform: translateX(50px) translateY(50px) rotate(-179deg);
   }
   50.1% {
     -webkit-transform: translateX(50px) translateY(50px) rotate(-180deg);
-        -ms-transform: translateX(50px) translateY(50px) rotate(-180deg);
             transform: translateX(50px) translateY(50px) rotate(-180deg);
   }
   75% {
     -webkit-transform: translateX(0px) translateY(50px) rotate(-270deg) scale(0.5);
-        -ms-transform: translateX(0px) translateY(50px) rotate(-270deg) scale(0.5);
             transform: translateX(0px) translateY(50px) rotate(-270deg) scale(0.5);
   }
   100% {
     -webkit-transform: rotate(-360deg);
-        -ms-transform: rotate(-360deg);
             transform: rotate(-360deg);
   }
 }
-.spinner-wander {
-  height: 100px;
-  width: 100px;
-}
-.spinner-wander-1,
-.spinner-wander-2 {
-  -webkit-animation: spinnerWander 1.8s infinite ease-in-out;
-  animation: spinnerWander 1.8s infinite ease-in-out;
-  background: $primary-color;
-  border: 1px solid $primary-color;
-  box-sizing: border-box;
-  height: 20px;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 20px;
-}
-.spinner-wander-2 {
-  -webkit-animation-delay: -0.9s;
-  animation-delay: -0.9s;
-}
 @-webkit-keyframes spinnerWave {
   0%, 40%, 100% { -webkit-transform: scaleY(0.4); }
   20%           { -webkit-transform: scaleY(1.0); }
@@ -626,42 +260,13 @@
 @keyframes spinnerWave {
   0%, 40%, 100% {
     -webkit-transform: scaleY(0.4);
-        -ms-transform: scaleY(0.4);
             transform: scaleY(0.4);
   }
   20% {
     -webkit-transform: scaleY(1.0);
-        -ms-transform: scaleY(1.0);
             transform: scaleY(1.0);
   }
 }
-.spinner-wave { height: 100px; }
-.spinner-wave > div {
-  -webkit-animation: spinnerWave 1.2s infinite ease-in-out;
-  animation: spinnerWave 1.2s infinite ease-in-out;
-  background: $primary-color;
-  border: 1px solid $primary-color;
-  box-sizing: border-box;
-  display: inline-block;
-  height: 100%;
-  width: 6px;
-}
-.spinner-wave .spinner-wave-2 {
-  -webkit-animation-delay: -1.1s;
-  animation-delay: -1.1s;
-}
-.spinner-wave .spinner-wave-3 {
-  -webkit-animation-delay: -1.0s;
-  animation-delay: -1.0s;
-}
-.spinner-wave .spinner-wave-4 {
-  -webkit-animation-delay: -0.9s;
-  animation-delay: -0.9s;
-}
-.spinner-wave .spinner-wave-5 {
-  -webkit-animation-delay: -0.8s;
-  animation-delay: -0.8s;
-}
 @-webkit-keyframes spinnerWobbler {
   0%  { left: 4px; }
   3%  { left: 104px; }
@@ -718,10 +323,238 @@
   94% { left: 72px; }
   97% { left: 104px; }
 }
-.spinner-wobbler {
+.spinner-backdrop {
+  background: rgba(255,255,255,0.9);
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 2040;
+}
+.spinner {
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+  margin: 15% auto 0 auto;
+  -webkit-perspective: 1000;
+  perspective: 1000;
+  position: relative;
+  text-align: center;
+}
+.spinner-beat,
+.spinner-circle,
+.spinner-chase,
+.spinner-crescent,
+.spinner-cube,
+.spinner-double-bounce,
+.spinner-orbit,
+.spinner-pulse {
+  height: 60px;
+  width: 60px;
+}
+.spinner-beat,
+.spinner-circle-container-1 div,
+.spinner-circle-container-2 div,
+.spinner-circle-container-3 div,
+.spinner-chase-1,
+.spinner-chase-2,
+.spinner-crescent,
+.spinner-cube-1,
+.spinner-cube-2,
+.spinner-cube-3,
+.spinner-cube-4,
+.spinner-cube-5,
+.spinner-cube-6,
+.spinner-cube-7,
+.spinner-cube-8,
+.spinner-cube-9,
+.spinner-double-bounce-1,
+.spinner-double-bounce-2,
+.spinner-flower,
+.spinner-pulse,
+.spinner-rotating-plane,
+.spinner-orbit,
+.spinner-orbit-1,
+.spinner-triple-bounce div,
+.spinner-wander-1,
+.spinner-wander-2,
+.spinner-wave div,
+.spinner-wobbler,
+.spinner-wobbler::after  {
   border: 1px solid $primary-color;
   border-radius: 500px;
   box-sizing: border-box;
+}
+.spinner-beat {
+  -webkit-animation: spinnerBeat 1.3s infinite ease-in-out;
+  animation: spinnerBeat 1.3s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border-width: 2px;
+}
+.spinner-circle-container-1 div,
+.spinner-circle-container-2 div,
+.spinner-circle-container-3 div {
+  -webkit-animation: spinnerCircle 1.2s infinite ease-in-out;
+  animation: spinnerCircle 1.2s infinite ease-in-out;
+  background: $primary-color;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+.spinner-circle .spinner-circle-container {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+}
+.spinner-circle-container-2 {
+  -webkit-transform: rotateZ(45deg);
+  transform: rotateZ(45deg);
+}
+.spinner-circle-container-3 {
+  -webkit-transform: rotateZ(90deg);
+  transform: rotateZ(90deg);
+}
+.spinner-circle-1 {
+  left: 0;
+  top: 0;
+}
+.spinner-circle-2 {
+  right: 0;
+  top: 0;
+}
+.spinner-circle-3 {
+  bottom: 0;
+  right: 0;
+}
+.spinner-circle-4 {
+  bottom: 0;
+  left: 0;
+}
+.spinner-chase {
+  -webkit-animation: spinnerChaseRotate 2.0s infinite linear;
+  animation: spinnerChaseRotate 2.0s infinite linear;
+}
+.spinner-chase-1,
+.spinner-chase-2 {
+  -webkit-animation: spinnerChaseBounce 2.0s infinite ease-in-out;
+  animation: spinnerChaseBounce 2.0s infinite ease-in-out;
+  background: $primary-color;
+  display: inline-block;
+  height: 60%;
+  position: absolute;
+  top: 0;
+  width: 60%;
+}
+.spinner-chase-2 {
+  bottom: 0;
+  top: auto;
+}
+.spinner-crescent {
+  -webkit-animation: spinnerCrescent 1.2s infinite linear;
+  animation: spinnerCrescent 1.2s infinite linear;
+  border-width: 9px;
+  border-right-color: transparent;
+}
+.spinner-cube-1,
+.spinner-cube-2,
+.spinner-cube-3,
+.spinner-cube-4,
+.spinner-cube-5,
+.spinner-cube-6,
+.spinner-cube-7,
+.spinner-cube-8,
+.spinner-cube-9 {
+  -webkit-animation: spinnerCube 1.3s infinite ease-in-out;
+  animation: spinnerCube 1.3s infinite ease-in-out;
+  background: $primary-color;
+  border-color: rgba(255,255,255,1);
+  float: left;
+  height: 33%;
+  width: 33%;
+}
+.spinner-cube-7,
+.spinner-cube-8,
+.spinner-cube-9 { margin-top: -1px; }
+.spinner-double-bounce-1,
+.spinner-double-bounce-2 {
+  -webkit-animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
+  animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
+  background: $primary-color;
+  border-radius: 50%;
+  height: 100%;
+  left: 0;
+  opacity: 0.75;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.spinner-flower {
+  -webkit-animation: spinnerFlower 5s infinite ease-in-out;
+  animation: spinnerFlower 5s infinite ease-in-out;
+  background: $primary-color;
+  height: 23px;
+  -webkit-transform-origin: 50% 50%;
+  transform-origin: 50% 50%;
+  width: 23px;
+}
+.spinner-orbit {
+  -webkit-animation: spinnerOrbit 1s linear infinite;
+  animation: spinnerOrbit 1s linear infinite;
+}
+.spinner-orbit-1 {
+  background: $primary-color;
+  height: 20px;
+  width: 20px;
+}
+.spinner-pulse {
+  -webkit-animation: spinnerPulse 1.0s infinite ease-in-out;
+  animation: spinnerPulse 1.0s infinite ease-in-out;
+  background: $primary-color;
+}
+.spinner-rotating-plane {
+  -webkit-animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
+  animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
+  background: $primary-color;
+  border-radius: 0;
+  height: 100px;
+  width: 100px;
+}
+.spinner-triple-bounce { width: 100px; }
+.spinner-triple-bounce div {
+  -webkit-animation: spinnerTripleBounce 1.4s infinite ease-in-out;
+  animation: spinnerTripleBounce 1.4s infinite ease-in-out;
+  background: $primary-color;
+  display: inline-block;
+  height: 25px;
+  width: 25px;
+}
+.spinner-wander {
+  height: 100px;
+  width: 100px;
+}
+.spinner-wander-1,
+.spinner-wander-2 {
+  -webkit-animation: spinnerWander 1.8s infinite ease-in-out;
+  animation: spinnerWander 1.8s infinite ease-in-out;
+  background: $primary-color;
+  border-radius: 0;
+  height: 20px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 20px;
+}
+.spinner-wave { height: 100px; }
+.spinner-wave div {
+  -webkit-animation: spinnerWave 1.2s infinite ease-in-out;
+  animation: spinnerWave 1.2s infinite ease-in-out;
+  background: $primary-color;
+  border-radius: 0;
+  display: inline-block;
+  height: 100%;
+  width: 6px;
+}
+.spinner-wobbler {
   height: 26px;
   width: 150px;
 }
@@ -729,13 +562,90 @@
   -webkit-animation: spinnerWobbler 15s infinite ease-in-out;
   animation: spinnerWobbler 15s infinite ease-in-out;
   background: $primary-color;
-  border: 1px solid $primary-color;
-  border-radius: 500px;
-  box-sizing: border-box;
   content: '';
   height: 20px;
   left: 5px;
   position: absolute;
   top: 2px;
   width: 20px;
+}
+.spinner-circle-container-2 .spinner-circle-1,
+.spinner-wave .spinner-wave-2 {
+  -webkit-animation-delay: -1.1s;
+  animation-delay: -1.1s;
+}
+.spinner-circle-container-3 .spinner-circle-1,
+.spinner-circle-container-3 .spinner-circle-4,
+.spinner-chase-2,
+.spinner-double-bounce-2,
+.spinner-wave .spinner-wave-3 {
+  -webkit-animation-delay: -1.0s;
+  animation-delay: -1.0s;
+}
+.spinner-circle-container-1 .spinner-circle-2,
+.spinner-wander-2,
+.spinner-wave .spinner-wave-4 {
+  -webkit-animation-delay: -0.9s;
+  animation-delay: -0.9s;
+}
+.spinner-circle-container-2 .spinner-circle-2,
+.spinner-wave .spinner-wave-5 {
+  -webkit-animation-delay: -0.8s;
+  animation-delay: -0.8s;
+}
+.spinner-circle-container-3 .spinner-circle-2 {
+  -webkit-animation-delay: -0.7s;
+  animation-delay: -0.7s;
+}
+.spinner-circle-container-1 .spinner-circle-3 {
+  -webkit-animation-delay: -0.6s;
+  animation-delay: -0.6s;
+}
+.spinner-circle-container-2 .spinner-circle-3 {
+  -webkit-animation-delay: -0.5s;
+  animation-delay: -0.5s;
+}
+.spinner-circle-container-3 .spinner-circle-3 {
+  -webkit-animation-delay: -0.4s;
+  animation-delay: -0.4s;
+}
+.spinner-circle-container-1 .spinner-circle-4 {
+  -webkit-animation-delay: -0.3s;
+  animation-delay: -0.3s;
+}
+.spinner-circle-container-2 .spinner-circle-4 {
+  -webkit-animation-delay: -0.2s;
+  animation-delay: -0.2s;
+}
+.spinner-triple-bounce .spinner-triple-bounce-1 {
+  -webkit-animation-delay: -0.32s;
+  animation-delay: -0.32s;
+}
+.spinner-triple-bounce .spinner-triple-bounce-2 {
+  -webkit-animation-delay: -0.16s;
+  animation-delay: -0.16s;
+}
+.spinner-cube .spinner-cube-7 {
+  -webkit-animation-delay: 0.0s;
+  animation-delay: 0.0s;
+}
+.spinner-cube .spinner-cube-4,
+.spinner-cube .spinner-cube-8 {
+  -webkit-animation-delay: 0.1s;
+  animation-delay: 0.1s;
+}
+.spinner-cube .spinner-cube-1,
+.spinner-cube .spinner-cube-5,
+.spinner-cube .spinner-cube-9 {
+  -webkit-animation-delay: 0.2s;
+  animation-delay: 0.2s;
+}
+.spinner-cube .spinner-cube-2,
+.spinner-cube .spinner-cube-6 {
+  -webkit-animation-delay: 0.3s;
+  animation-delay: 0.3s;
+}
+.spinner-cube .spinner-cube-3 {
+  -webkit-animation-delay: 0.4s;
+  animation-delay: 0.4s;
 }