admin_lte-rails 2.2.0.9 → 2.3.0.3

data/app/assets/stylesheets/admin_lte/rtl/admin_lte.css

@@ -9,8 +9,9 @@ datepicker3.css
 daterangepicker-bs3
 bootstrap3-wysihtml5
 */
-//= require admin_lte/rtl/AdminLTE
-//= require admin_lte/rtl/skins/_all-skins
 //= require select2
 //= require select2-bootstrap
+//= require admin_lte/rtl/AdminLTE
+//= require admin_lte/rtl/skins/_all-skins
 //= require jquery-icheck/skins/flat/_all
+//= require admin_lte/rtl/sidebar_rtl_fix

data/app/assets/stylesheets/admin_lte/rtl/sidebar_rtl_fix.scss

@@ -0,0 +1,31 @@
+
+@media (max-width: 767px) {
+  .main-sidebar,
+  .left-side {
+    -webkit-transform: translate(230px, 0) !important;
+    -ms-transform: translate(230px, 0) !important;
+    -o-transform: translate(230px, 0) !important;
+    transform: translate(230px, 0) !important;
+  }
+}
+
+@media (max-width: 767px) {
+  .sidebar-open .main-sidebar,
+  .sidebar-open .left-side {
+    -webkit-transform: translate(0, 0) !important;
+    -ms-transform: translate(0, 0) !important;
+    -o-transform: translate(0, 0) !important;
+    transform: translate(0, 0) !important;
+  }
+}
+
+@media (max-width: 767px) {
+  .sidebar-open .content-wrapper,
+  .sidebar-open .right-side,
+  .sidebar-open .main-footer {
+    -webkit-transform: translate(-230px, 0) !important;
+    -ms-transform: translate(-230px, 0) !important;
+    -o-transform: translate(-230px, 0) !important;
+    transform: translate(-230px, 0) !important;
+  }
+}

data/app/assets/stylesheets/admin_lte/rtl/skins/_all-skins.scss

@@ -13,7 +13,8 @@
 .skin-blue .main-header .navbar .nav > li > a:focus,
 .skin-blue .main-header .navbar .nav .open > a,
 .skin-blue .main-header .navbar .nav .open > a:hover,
-.skin-blue .main-header .navbar .nav .open > a:focus {
+.skin-blue .main-header .navbar .nav .open > a:focus,
+.skin-blue .main-header .navbar .nav > .active > a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
@@ -44,7 +45,7 @@
 .skin-blue .main-header .logo {
   background-color: #367fa9;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-blue .main-header .logo:hover {
   background-color: #357ca5;
@@ -111,10 +112,10 @@
 }
 .skin-blue .sidebar-form input[type="text"] {
   color: #666;
-  border-top-right-radius: 2px !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  border-bottom-right-radius: 2px !important;
+  border-top-right-radius: 2px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 2px;
 }
 .skin-blue .sidebar-form input[type="text"]:focus,
 .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -126,15 +127,15 @@
 }
 .skin-blue .sidebar-form .btn {
   color: #999;
-  border-top-right-radius: 0 !important;
-  border-top-left-radius: 2px !important;
-  border-bottom-left-radius: 2px !important;
-  border-bottom-right-radius: 0 !important;
+  border-top-right-radius: 0;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 0;
 }
 .skin-blue.layout-top-nav .main-header > .logo {
   background-color: #3c8dbc;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-blue.layout-top-nav .main-header > .logo:hover {
   background-color: #3b8ab8;
@@ -154,7 +155,8 @@
 .skin-blue-light .main-header .navbar .nav > li > a:focus,
 .skin-blue-light .main-header .navbar .nav .open > a,
 .skin-blue-light .main-header .navbar .nav .open > a:hover,
-.skin-blue-light .main-header .navbar .nav .open > a:focus {
+.skin-blue-light .main-header .navbar .nav .open > a:focus,
+.skin-blue-light .main-header .navbar .nav > .active > a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
@@ -185,7 +187,7 @@
 .skin-blue-light .main-header .logo {
   background-color: #3c8dbc;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-blue-light .main-header .logo:hover {
   background-color: #3b8ab8;
@@ -269,10 +271,10 @@
 }
 .skin-blue-light .sidebar-form input[type="text"] {
   color: #666;
-  border-top-right-radius: 2px !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  border-bottom-right-radius: 2px !important;
+  border-top-right-radius: 2px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 2px;
 }
 .skin-blue-light .sidebar-form input[type="text"]:focus,
 .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -284,10 +286,10 @@
 }
 .skin-blue-light .sidebar-form .btn {
   color: #999;
-  border-top-right-radius: 0 !important;
-  border-top-left-radius: 2px !important;
-  border-bottom-left-radius: 2px !important;
-  border-bottom-right-radius: 0 !important;
+  border-top-right-radius: 0;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 0;
 }
 @media (min-width: 768px) {
   .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
@@ -300,7 +302,7 @@
 .skin-blue.layout-top-nav .main-header > .logo {
   background-color: #3c8dbc;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-blue.layout-top-nav .main-header > .logo:hover {
   background-color: #3b8ab8;
@@ -332,7 +334,8 @@
 .skin-black .main-header > .navbar .nav > li > a:focus,
 .skin-black .main-header > .navbar .nav .open > a,
 .skin-black .main-header > .navbar .nav .open > a:hover,
-.skin-black .main-header > .navbar .nav .open > a:focus {
+.skin-black .main-header > .navbar .nav .open > a:focus,
+.skin-black .main-header > .navbar .nav > .active > a {
   background: #ffffff;
   color: #999999;
 }
@@ -358,7 +361,7 @@
 .skin-black .main-header > .logo {
   background-color: #ffffff;
   color: #333333;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
   border-left: 1px solid #eee;
 }
 .skin-black .main-header > .logo:hover {
@@ -368,7 +371,7 @@
   .skin-black .main-header > .logo {
     background-color: #222222;
     color: #ffffff;
-    border-bottom: 0px solid transparent;
+    border-bottom: 0 solid transparent;
     border-left: none;
   }
   .skin-black .main-header > .logo:hover {
@@ -438,10 +441,10 @@
 }
 .skin-black .sidebar-form input[type="text"] {
   color: #666;
-  border-top-right-radius: 2px !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  border-bottom-right-radius: 2px !important;
+  border-top-right-radius: 2px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 2px;
 }
 .skin-black .sidebar-form input[type="text"]:focus,
 .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -453,10 +456,10 @@
 }
 .skin-black .sidebar-form .btn {
   color: #999;
-  border-top-right-radius: 0 !important;
-  border-top-left-radius: 2px !important;
-  border-bottom-left-radius: 2px !important;
-  border-bottom-right-radius: 0 !important;
+  border-top-right-radius: 0;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 0;
 }
 /*
  * Skin: Black
@@ -485,7 +488,8 @@
 .skin-black-light .main-header > .navbar .nav > li > a:focus,
 .skin-black-light .main-header > .navbar .nav .open > a,
 .skin-black-light .main-header > .navbar .nav .open > a:hover,
-.skin-black-light .main-header > .navbar .nav .open > a:focus {
+.skin-black-light .main-header > .navbar .nav .open > a:focus,
+.skin-black-light .main-header > .navbar .nav > .active > a {
   background: #ffffff;
   color: #999999;
 }
@@ -511,7 +515,7 @@
 .skin-black-light .main-header > .logo {
   background-color: #ffffff;
   color: #333333;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
   border-left: 1px solid #eee;
 }
 .skin-black-light .main-header > .logo:hover {
@@ -521,7 +525,7 @@
   .skin-black-light .main-header > .logo {
     background-color: #222222;
     color: #ffffff;
-    border-bottom: 0px solid transparent;
+    border-bottom: 0 solid transparent;
     border-left: none;
   }
   .skin-black-light .main-header > .logo:hover {
@@ -608,10 +612,10 @@
 }
 .skin-black-light .sidebar-form input[type="text"] {
   color: #666;
-  border-top-right-radius: 2px !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  border-bottom-right-radius: 2px !important;
+  border-top-right-radius: 2px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 2px;
 }
 .skin-black-light .sidebar-form input[type="text"]:focus,
 .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -623,10 +627,10 @@
 }
 .skin-black-light .sidebar-form .btn {
   color: #999;
-  border-top-right-radius: 0 !important;
-  border-top-left-radius: 2px !important;
-  border-bottom-left-radius: 2px !important;
-  border-bottom-right-radius: 0 !important;
+  border-top-right-radius: 0;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 0;
 }
 @media (min-width: 768px) {
   .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
@@ -648,7 +652,8 @@
 .skin-green .main-header .navbar .nav > li > a:focus,
 .skin-green .main-header .navbar .nav .open > a,
 .skin-green .main-header .navbar .nav .open > a:hover,
-.skin-green .main-header .navbar .nav .open > a:focus {
+.skin-green .main-header .navbar .nav .open > a:focus,
+.skin-green .main-header .navbar .nav > .active > a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
@@ -679,7 +684,7 @@
 .skin-green .main-header .logo {
   background-color: #008d4c;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-green .main-header .logo:hover {
   background-color: #008749;
@@ -746,10 +751,10 @@
 }
 .skin-green .sidebar-form input[type="text"] {
   color: #666;
-  border-top-right-radius: 2px !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  border-bottom-right-radius: 2px !important;
+  border-top-right-radius: 2px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 2px;
 }
 .skin-green .sidebar-form input[type="text"]:focus,
 .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -761,10 +766,10 @@
 }
 .skin-green .sidebar-form .btn {
   color: #999;
-  border-top-right-radius: 0 !important;
-  border-top-left-radius: 2px !important;
-  border-bottom-left-radius: 2px !important;
-  border-bottom-right-radius: 0 !important;
+  border-top-right-radius: 0;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 0;
 }
 /*
  * Skin: Green
@@ -781,7 +786,8 @@
 .skin-green-light .main-header .navbar .nav > li > a:focus,
 .skin-green-light .main-header .navbar .nav .open > a,
 .skin-green-light .main-header .navbar .nav .open > a:hover,
-.skin-green-light .main-header .navbar .nav .open > a:focus {
+.skin-green-light .main-header .navbar .nav .open > a:focus,
+.skin-green-light .main-header .navbar .nav > .active > a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
@@ -812,7 +818,7 @@
 .skin-green-light .main-header .logo {
   background-color: #00a65a;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-green-light .main-header .logo:hover {
   background-color: #00a157;
@@ -896,10 +902,10 @@
 }
 .skin-green-light .sidebar-form input[type="text"] {
   color: #666;
-  border-top-right-radius: 2px !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  border-bottom-right-radius: 2px !important;
+  border-top-right-radius: 2px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 2px;
 }
 .skin-green-light .sidebar-form input[type="text"]:focus,
 .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -911,10 +917,10 @@
 }
 .skin-green-light .sidebar-form .btn {
   color: #999;
-  border-top-right-radius: 0 !important;
-  border-top-left-radius: 2px !important;
-  border-bottom-left-radius: 2px !important;
-  border-bottom-right-radius: 0 !important;
+  border-top-right-radius: 0;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 0;
 }
 @media (min-width: 768px) {
   .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
@@ -936,7 +942,8 @@
 .skin-red .main-header .navbar .nav > li > a:focus,
 .skin-red .main-header .navbar .nav .open > a,
 .skin-red .main-header .navbar .nav .open > a:hover,
-.skin-red .main-header .navbar .nav .open > a:focus {
+.skin-red .main-header .navbar .nav .open > a:focus,
+.skin-red .main-header .navbar .nav > .active > a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
@@ -967,7 +974,7 @@
 .skin-red .main-header .logo {
   background-color: #d73925;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-red .main-header .logo:hover {
   background-color: #d33724;
@@ -1034,10 +1041,10 @@
 }
 .skin-red .sidebar-form input[type="text"] {
   color: #666;
-  border-top-right-radius: 2px !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  border-bottom-right-radius: 2px !important;
+  border-top-right-radius: 2px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 2px;
 }
 .skin-red .sidebar-form input[type="text"]:focus,
 .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -1049,10 +1056,10 @@
 }
 .skin-red .sidebar-form .btn {
   color: #999;
-  border-top-right-radius: 0 !important;
-  border-top-left-radius: 2px !important;
-  border-bottom-left-radius: 2px !important;
-  border-bottom-right-radius: 0 !important;
+  border-top-right-radius: 0;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 0;
 }
 /*
  * Skin: Red
@@ -1069,7 +1076,8 @@
 .skin-red-light .main-header .navbar .nav > li > a:focus,
 .skin-red-light .main-header .navbar .nav .open > a,
 .skin-red-light .main-header .navbar .nav .open > a:hover,
-.skin-red-light .main-header .navbar .nav .open > a:focus {
+.skin-red-light .main-header .navbar .nav .open > a:focus,
+.skin-red-light .main-header .navbar .nav > .active > a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
@@ -1100,7 +1108,7 @@
 .skin-red-light .main-header .logo {
   background-color: #dd4b39;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-red-light .main-header .logo:hover {
   background-color: #dc4735;
@@ -1184,10 +1192,10 @@
 }
 .skin-red-light .sidebar-form input[type="text"] {
   color: #666;
-  border-top-right-radius: 2px !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  border-bottom-right-radius: 2px !important;
+  border-top-right-radius: 2px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 2px;
 }
 .skin-red-light .sidebar-form input[type="text"]:focus,
 .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -1199,10 +1207,10 @@
 }
 .skin-red-light .sidebar-form .btn {
   color: #999;
-  border-top-right-radius: 0 !important;
-  border-top-left-radius: 2px !important;
-  border-bottom-left-radius: 2px !important;
-  border-bottom-right-radius: 0 !important;
+  border-top-right-radius: 0;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 0;
 }
 @media (min-width: 768px) {
   .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
@@ -1224,7 +1232,8 @@
 .skin-yellow .main-header .navbar .nav > li > a:focus,
 .skin-yellow .main-header .navbar .nav .open > a,
 .skin-yellow .main-header .navbar .nav .open > a:hover,
-.skin-yellow .main-header .navbar .nav .open > a:focus {
+.skin-yellow .main-header .navbar .nav .open > a:focus,
+.skin-yellow .main-header .navbar .nav > .active > a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
@@ -1255,7 +1264,7 @@
 .skin-yellow .main-header .logo {
   background-color: #e08e0b;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-yellow .main-header .logo:hover {
   background-color: #db8b0b;
@@ -1322,10 +1331,10 @@
 }
 .skin-yellow .sidebar-form input[type="text"] {
   color: #666;
-  border-top-right-radius: 2px !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  border-bottom-right-radius: 2px !important;
+  border-top-right-radius: 2px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 2px;
 }
 .skin-yellow .sidebar-form input[type="text"]:focus,
 .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -1337,10 +1346,10 @@
 }
 .skin-yellow .sidebar-form .btn {
   color: #999;
-  border-top-right-radius: 0 !important;
-  border-top-left-radius: 2px !important;
-  border-bottom-left-radius: 2px !important;
-  border-bottom-right-radius: 0 !important;
+  border-top-right-radius: 0;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 0;
 }
 /*
  * Skin: Yellow
@@ -1357,7 +1366,8 @@
 .skin-yellow-light .main-header .navbar .nav > li > a:focus,
 .skin-yellow-light .main-header .navbar .nav .open > a,
 .skin-yellow-light .main-header .navbar .nav .open > a:hover,
-.skin-yellow-light .main-header .navbar .nav .open > a:focus {
+.skin-yellow-light .main-header .navbar .nav .open > a:focus,
+.skin-yellow-light .main-header .navbar .nav > .active > a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
@@ -1388,7 +1398,7 @@
 .skin-yellow-light .main-header .logo {
   background-color: #f39c12;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-yellow-light .main-header .logo:hover {
   background-color: #f39a0d;
@@ -1472,10 +1482,10 @@
 }
 .skin-yellow-light .sidebar-form input[type="text"] {
   color: #666;
-  border-top-right-radius: 2px !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  border-bottom-right-radius: 2px !important;
+  border-top-right-radius: 2px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 2px;
 }
 .skin-yellow-light .sidebar-form input[type="text"]:focus,
 .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -1487,10 +1497,10 @@
 }
 .skin-yellow-light .sidebar-form .btn {
   color: #999;
-  border-top-right-radius: 0 !important;
-  border-top-left-radius: 2px !important;
-  border-bottom-left-radius: 2px !important;
-  border-bottom-right-radius: 0 !important;
+  border-top-right-radius: 0;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 0;
 }
 @media (min-width: 768px) {
   .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
@@ -1512,7 +1522,8 @@
 .skin-purple .main-header .navbar .nav > li > a:focus,
 .skin-purple .main-header .navbar .nav .open > a,
 .skin-purple .main-header .navbar .nav .open > a:hover,
-.skin-purple .main-header .navbar .nav .open > a:focus {
+.skin-purple .main-header .navbar .nav .open > a:focus,
+.skin-purple .main-header .navbar .nav > .active > a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
@@ -1543,7 +1554,7 @@
 .skin-purple .main-header .logo {
   background-color: #555299;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-purple .main-header .logo:hover {
   background-color: #545096;
@@ -1610,10 +1621,10 @@
 }
 .skin-purple .sidebar-form input[type="text"] {
   color: #666;
-  border-top-right-radius: 2px !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  border-bottom-right-radius: 2px !important;
+  border-top-right-radius: 2px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 2px;
 }
 .skin-purple .sidebar-form input[type="text"]:focus,
 .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -1625,10 +1636,10 @@
 }
 .skin-purple .sidebar-form .btn {
   color: #999;
-  border-top-right-radius: 0 !important;
-  border-top-left-radius: 2px !important;
-  border-bottom-left-radius: 2px !important;
-  border-bottom-right-radius: 0 !important;
+  border-top-right-radius: 0;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 0;
 }
 /*
  * Skin: Purple
@@ -1645,7 +1656,8 @@
 .skin-purple-light .main-header .navbar .nav > li > a:focus,
 .skin-purple-light .main-header .navbar .nav .open > a,
 .skin-purple-light .main-header .navbar .nav .open > a:hover,
-.skin-purple-light .main-header .navbar .nav .open > a:focus {
+.skin-purple-light .main-header .navbar .nav .open > a:focus,
+.skin-purple-light .main-header .navbar .nav > .active > a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
@@ -1676,7 +1688,7 @@
 .skin-purple-light .main-header .logo {
   background-color: #605ca8;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-purple-light .main-header .logo:hover {
   background-color: #5d59a6;
@@ -1760,10 +1772,10 @@
 }
 .skin-purple-light .sidebar-form input[type="text"] {
   color: #666;
-  border-top-right-radius: 2px !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  border-bottom-right-radius: 2px !important;
+  border-top-right-radius: 2px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 2px;
 }
 .skin-purple-light .sidebar-form input[type="text"]:focus,
 .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -1775,10 +1787,10 @@
 }
 .skin-purple-light .sidebar-form .btn {
   color: #999;
-  border-top-right-radius: 0 !important;
-  border-top-left-radius: 2px !important;
-  border-bottom-left-radius: 2px !important;
-  border-bottom-right-radius: 0 !important;
+  border-top-right-radius: 0;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 0;
 }
 @media (min-width: 768px) {
   .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {