implement navpill css

historical.css

@@ -1,65 +1,39 @@
+#analysisMOMCobalt td select,
+#varMOMCobalt td select{
+    text-overflow: ellipsis;
+    max-width: 85%;
+}
 
-/* time series button */
-/* .tsButton {
-	width: 100%;
-} */
+/* in-page navbar */
 .nav-pills a{
-	color: black;
-	text-align: center;
-	font-size: 17px;
-	border-radius: 15px;
-	background-color: #ddd;
-	padding: 14px;
-	padding-left: 30px;
-	padding-right: 30px;
-	margin: 5px;
-	margin-right: 10px;
+    color: black;
+    text-align: center;
+    font-size: 17px;
+    border-radius: 15px;
+    background-color: #ddd;
+    padding: 14px;
+    padding-left: 30px;
+    padding-right: 30px;
+    margin: 5px;
+    margin-right: 10px;
 }
-
-
 .nav-pills .nav-item.active a{
 	background-color: #555 !important;
 	color: white;
 }
-
 .nav-pills .nav-item a:hover{
 	background-color: #ccc;
-    color: black;
+color: black;
 }
 
-/* Adjust font size for smaller screens */
+/* Adjust dashboard options */
 @media (max-width: 768px) {
 	.tsOptions {
 		width: 100%;
 	}
 }
 
 
-/* minitabs default no show */
-input[type="radio"].miniinput {
-	display: none;
-}
-/* Show the selected minitabs */
-input[type="radio"].miniinput:checked + label {
-	display: block;
-	background-color: #656464;
-	color: white;
-}
-/* style of the minitab */
-label.minitab {
-	width: 100%;
-	height: 50px;
-	/* display: inline-block; */
-	text-align:center;
-	padding: 10px 20px;
-	background-color: #ddd;
-	cursor: pointer;
-	border-radius: 10px 10px 0 0;
-	margin-bottom: 0px;
-}
-label.minitab:hover {
-	background-color: #ccc;
-}
 /* style of the div under the minitab */
 div.view {
 	padding: 20px;
@@ -69,11 +43,6 @@ div.view {
     height: 100%;
 }
 
-/* 
-.minitabDiv {
-	padding: 0;
-} */
-
 .hidden {
 	display: none;
 }