diff --git a/app/assets/stylesheets/application.css.sass b/app/assets/stylesheets/application.css.sass
--- a/app/assets/stylesheets/application.css.sass
+++ b/app/assets/stylesheets/application.css.sass
@@ -1,19 +1,150 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any styles
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
+ * file per style scope.
+ *
+ // bootstrap says that we should not do this, but @import each file instead
+ #   *= require_tree .
+ #   *= require_self
+ */
 
+@import jquery.ui.all
 @import jquery.ui.core
 @import jquery.ui.theme
 @import jquery.ui.datepicker
 @import jquery.ui.slider
 @import jquery-ui-timepicker-addon
 @import jquery-tablesorter/theme.metro-dark
+@import jquery.countdown
 @import tablesorter-theme.cafe
 
+//bootstrap
+@import bootstrap-sprockets
+@import bootstrap
+@import select2
+@import select2-bootstrap
+//@import bootstrap3-switch
+@import bootstrap-toggle
+@import bootstrap-sortable
+
+//bootstrap navbar color (from)
+$bgDefault      : #19197b
+$bgHighlight    : #06064b
+$colDefault     : #8e8eb4
+$colHighlight   : #ffffff
+$dropDown       : false
+.navbar-default
+  background-color: $bgDefault
+  border-color: $bgHighlight
+  .navbar-brand
+    color: $colDefault
+    &:hover, &:focus
+      color: $colHighlight
+  .navbar-text
+    color: $colDefault
+  .navbar-nav
+    > li
+      > a
+        color: $colDefault
+        &:hover, &:focus
+          color: $colHighlight
+      @if $dropDown
+        > .dropdown-menu
+          background-color: $bgDefault
+          > li
+            > a
+              color: $colDefault
+              &:hover, &:focus
+                color: $colHighlight
+                background-color: $bgHighlight
+            > .divider
+              background-color: $bgHighlight
+    @if $dropDown
+      .open .dropdown-menu > .active
+        > a, > a:hover, > a:focus
+          color: $colHighlight
+          background-color: $bgHighlight
+    > .active
+      > a, > a:hover, > a:focus
+        color: $colHighlight
+        background-color: $bgHighlight
+    > .open
+      > a, > a:hover, > a:focus
+        color: $colHighlight
+        background-color: $bgHighlight
+  .navbar-toggle
+    border-color: $bgHighlight
+    &:hover, &:focus
+      background-color: $bgHighlight
+    .icon-bar
+      background-color: $colDefault
+  .navbar-collapse,
+  .navbar-form
+    border-color: $colDefault
+  .navbar-link
+    color: $colDefault
+    &:hover
+      color: $colHighlight
+@media (max-width: 767px)
+  .navbar-default .navbar-nav .open .dropdown-menu
+    > li > a
+      color: $colDefault
+      &:hover, &:focus
+        color: $colHighlight
+    > .active
+      > a, > a:hover, > a:focus
+        color: $colHighlight
+        background-color: $bgHighlight
+
+.secondnavbar
+  top: 50px
+
+
+// --------------- bootstrap file upload ----------------------
+.btn-file
+  position: relative
+  overflow: hidden
+
+.btn-file input[type=file]
+  position: absolute
+  top: 0
+  right: 0
+  min-width: 100%
+  min-height: 100%
+  font-size: 100px
+  text-align: right
+  filter: alpha(opacity=0)
+  opacity: 0
+  outline: none
+  background: white
+  cursor: inherit
+  display: block
+
 body
   background: white image-url("topbg.jpg") repeat-x top center
-  font-size: 13px
-  font-family: Tahoma, "sans-serif"
+  //font-size: 13px
+  //font-family: Tahoma, "sans-serif"
   margin: 10px
   padding: 10px
+  padding-top: 60px
 
+// ------------------ bootstrap sortable --------------------
+table.sortable th
+  padding-right: 20px !important
+  span.sign
+    right: -15px !important
+  &.text-right
+    padding-left: 20px !important
+    padding-right: 8px !important
+    &:after, span.sign
+      left: -15px !important
 
 input
   font-family: Tahoma, "sans-serif"
@@ -36,17 +167,17 @@
   border-bottom: 1px solid #eeeeee
 
 
-a
-  color: #6666cc
-  text-decoration: none
-
-  &:link, &:visited
-    color: #6666cc
-    text-decoration: none
-
-  &:hover, &:focus
-    color: #111166
-    text-decoration: none
+//#a
+//  color: #6666cc
+//  text-decoration: none
+//
+//  &:link, &:visited
+//    color: #6666cc
+//    text-decoration: none
+//
+//  &:hover, &:focus
+//    color: #111166
+//    text-decoration: none
 
 
 div