Changing UX for simpler design

assets/sass/paper-kit/_misc.scss

@@ -0,0 +1,124 @@
+/*     General overwrite     */
+body{
+    color: $font-color;
+    font-size: $font-size-base;
+    font-weight: $font-weight-light;
+    font-family: 'Montserrat', "Helvetica", Arial, sans-serif;
+}
+a{
+  color: $info-color;
+
+  &:hover, &:focus{
+     color: $info-states-color;
+     text-decoration: none;
+  }
+
+  // @include transition($fast-transition-time, linear);
+}
+hr{
+    border-color: $medium-pale-bg;
+}
+.icon{
+    fill: $font-color;
+}
+.fa-base{
+    font-size: 1.25em !important;
+}
+a:focus, a:active,
+button::-moz-focus-inner,
+input[type="reset"]::-moz-focus-inner,
+input[type="button"]::-moz-focus-inner,
+input[type="submit"]::-moz-focus-inner,
+select::-moz-focus-inner,
+input[type="file"] > input[type="button"]::-moz-focus-inner {
+    outline : 0;
+}
+.ui-slider-handle:focus,
+.navbar-toggle {
+    outline : 0 !important;
+}
+
+
+/*           Animations              */
+.form-control,
+.input-group-addon,
+.tagsinput,
+.navbar,
+.navbar .alert,
+.carousel-control.right,
+.carousel-control.left
+{
+    @include transition($general-transition-time, linear);
+}
+.tagsinput .tag,
+.tagsinput-remove-link,
+.filter,
+.btn-hover,
+[data-toggle="collapse"] i,
+.animation-transition-fast,
+.dropdown-menu .dropdown-item{
+    @include transition($fast-transition-time, linear);
+}
+
+.btn-morphing .fa,
+.btn-morphing .circle,
+.gsdk-collapse{
+    @include transition($slow-transition-time, linear);
+}
+
+.fa{
+    width: 18px;
+    text-align: center;
+}
+.margin-top{
+    margin-top: 50px;
+}
+
+.iframe-container iframe{
+    box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
+}
+
+/*       CT colors          */
+.ct-blue{
+    color: $primary-color;
+}
+.ct-azure{
+    color: $info-color;
+}
+.ct-green{
+    color: $success-color;
+}
+.ct-orange{
+    color: $warning-color;
+}
+.ct-red{
+    color: $danger-color;
+}
+
+// small changes
+
+.pagination .page-item .page-link .fa{
+    width: auto;
+    font-weight: $font-weight-bold;
+}
+
+.bg-primary{
+    @include navbar-color($bg-primary !important);
+}
+.bg-info{
+    @include navbar-color($bg-info !important);
+}
+.bg-success{
+    @include navbar-color($bg-success !important);
+}
+.bg-warning{
+    @include navbar-color($bg-warning !important);
+}
+.bg-danger{
+    @include navbar-color($bg-danger !important);
+}
+
+.navbar-transparent{
+    background-color: transparent !important;
+    border-bottom: 1px solid transparent;
+}