update tab and select

app/assets/stylesheets/application.scss

@@ -5,7 +5,6 @@
 @import "sweetalert/sweetalert.css";
 @import "multi-select/css/multi-select.css";
 @import "bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker";
-
 @import "morrisjs/morris";
 @import "fileinput.min";
 @import "BSBMaterial/style";
@@ -81,10 +80,6 @@ section.content {
   top: 50px;
 }
 
-.nav-tabs li a.active {
-  color: #000 !important; 
-}
-
 .info-box {
   margin-bottom: 20px;
 }
@@ -148,7 +143,43 @@ section.content {
   top: 0px; 
   margin-left: 0px; 
 }
+.nav {
+    padding-left: 0;
+    margin-bottom: 0;
+    list-style: none;
+}
 
+.nav > li > a {
+    position: relative;
+    display: block;
+    padding: 10px 15px;
+}
+
+.nav-tabs > li {
+    float: left;
+    margin-bottom: -1px;
+}
+
+.nav-tabs li a.active {
+  color: #000 !important; 
+   border-bottom: 2px solid #2196F3 !important;
+}
+
+.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
+    color: #555;
+    cursor: default;
+    background-color: #fff;
+    border: 1px solid #ddd;
+    border-bottom-color: transparent;
+}
+.nav-tabs > li > a {
+    margin-right: 2px;
+    line-height: 1.42857143;
+    text-decoration:none;
+}
+.nav-tabs .nav-link {
+    padding: 0.7286em .8575em;
+}
 /* End Reset Theme */
 /* *************************************************** */