compatible test

app/assets/stylesheets/application.scss

@@ -6,70 +6,72 @@
 @import "BSBMaterial/style";
 @import "BSBMaterial/themes/all-themes";
 
-@media (min-width: 768px) {  
-  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
-    margin-left: 0px;
-  }
+.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
+  padding-left: 10px;
+  padding-right: 10px;
 }
 
-@media (max-width: 1169px) and (min-width: 992px) {
-  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
-    margin-left: 20px;
-  }
+.navbar-header {
+  padding: 0px;
 }
 
 .navbar-brand {
-  height: 40px;
-  padding: 5px 0px;
+  padding-top: 0rem;
+  padding-bottom: 0rem;
 }
 
-.ls-closed .bars:after, .ls-closed .bars:before {
-  position: absolute;
-  top: 13px;
-  left: 13px;
+.navbar-brand-txt {
+  position: relative;
+  top: 5px;
 }
 
-.navbar-brand > img {
-  display: inline;
+.navbar-right a {
+  color: #fff;
 }
 
-.navbar-nav > li > a {
-  margin-top: 12px;
-}
-
-.navbar-nav .dropdown-menu {
-  margin-top: 0px !important;
-}
-
-.navbar-nav .dropdown a > i.material-icons {
-  margin-top: 0px;
-}
-
-.navbar-nav > li > a {
-  display: inline-flex;
+.navbar-right a.dropdown-toggle {
+  position: relative;
+  top: -5px;
 }
 
 .dropdown-menu {
   margin-top: 0px !important;
 }
 
-.sidebar {
-  top: 60px;
-  height: calc(100vh - 60px);
-}
-
-.right-sidebar {
-  top: 60px;
-  height: calc(100vh - 60px);
+.ls-closed .bars:after, .ls-closed .bars:before {
+  position: absolute;
+  top: 8px;
 }
 
 section.content {
-   margin: 60px 15px 0 315px;
+  margin: 70px 15px 0 225px;
+}
+
+.sidebar {
+  width: 210px;
+  height: calc(100vh - 55px);
+  position: fixed;
+  top: 55px;
+  right: 250px;
+}
+
+.right-sidebar {
+  width: 240px;
+  height: calc(100vh - 55px);
+  position: fixed;
+  right: -260px;
+  top: 55px;
+}
+
+.nav-tabs li a.active {
+  color: #222 !important; 
+}
+
+.info-box {
+  margin-bottom: 20px;
+}
+
+.card {
+  margin-bottom: 20px;
 }
 
-.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
-  position: relative;
-  min-height: 1px;
-  padding-right: 10px;
-  padding-left: 10px;
-}