GUI Code refactor

GUI Code refactor for the sun release code.

Issue-Id : CLIENT-11

Change-Id: I771cc25ff3c8ff7a4e939ce7baef7dd94a67974b
Signed-off-by: seshukm <seshu.kumar.m@huawei.com>

22 files changed, 7181 insertions, 7181 deletions

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/black.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/black.css
index c8350009..df334bd7 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/black.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/black.css
@@ -1,388 +1,388 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-Default theme
-***/
-
-/***
-Reset and overrides  
-***/
-body {
-  background-color: #3d3d3d !important;
-}
-/***
-Page header
-***/
-.header {
-  filter: none !important;
-  background-image: none !important;
-  background-color: #212121 !important;
-}
-.header .btn-navbar {
-  background-color: #212121 !important;
-}
-.header .navbar-nav .dropdown-toggle:hover,
-.header .navbar-nav .dropdown.open .dropdown-toggle {
-  background-color: #383838 !important;
-}
-.header .navbar-nav li.dropdown .dropdown-toggle i {
-  color: #8a8a8a !important;
-}
-.page-content .page-breadcrumb.breadcrumb{
-background-color:#F5F5F5 !important;
-}
-/***
-Header Search
-***/
-.header .search-form {
-  background-color: #000;
-}
-
-.header .search-form .form-control {
-  color: #999;
-  border: 0; 
-  background-color: #000;  
-}
-
-.header .search-form .form-control::-webkit-input-placeholder { /* WebKit browsers */
-    color: #777;
-}
-.header .search-form .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
-    color: #777;
-}
-.header .search-form .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
-    color: #777;
-}
-.header .search-form .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
-    color: #777;
-}
-
-.header .search-form .submit {  
-  background: url(../../image/search-icon-light.png);
-}
-
-/***
-Hor menu
-***/
-.header .hor-menu ul.nav li a {
-  color: #999;
-}
-
-.header .hor-menu ul.nav li.open > a,
-.header .hor-menu ul.nav li > a:hover,
-.header .hor-menu ul.nav li > a:focus {
-  color: #fff;
-  background: #383838;
-}
-
-.header .hor-menu .dropdown-menu li:hover > a,
-.header .hor-menu ul.nav li.active > a,
-.header .hor-menu ul.nav li.active > a:hover {
-  color: #fff;
-  background: #e02222 !important; 
-}
-
-.header .hor-menu ul.nav li.current > a,
-.header .hor-menu ul.nav li.current > a:hover {
-  color: #fff;
-  background: #e02222 !important; 
-}
-
-.header .hor-menu .dropdown-menu {  
-    background: #383838;
-}
-.header .hor-menu .dropdown-menu li > a {    
-    color: #999;
-}
-
-.header .hor-menu .hor-menu-search-form-toggler.off {
-   background: #383838 url(../../image/hor-menu-search-close.png) no-repeat center;
-}
-
-.header .hor-menu .search-form {  
-  background:#383838; 
-}
-
-.header .hor-menu .search-form form input {
-  color: #999;
-}
-
-.header .hor-menu .search-form .btn {
-  color: #999;
-  background: url(../../image/search-icon.png) no-repeat center;
-}
-
-.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */
-    color: #999;
-}
-.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
-    color: #999;
-}
-.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
-    color: #999;
-}
-.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
-    color: #999;
-}
-.btn-group .btn.blue.dropdown-toggle{
-  background-color: #3d3d3d !important; 
-  color: #fff !important;
-}
-/***
-Mega Menu
-***/
-.mega-menu .mega-menu-submenu {  
-  border-right: 1px solid #444;
-}
-.mega-menu .mega-menu-submenu li h3 {  
-  color: #fff;
-}
-/***
-Page sidebar
-***/
-.page-sidebar {
-  background-color: #3d3d3d;
-}
-ul.page-sidebar-menu > li > a {
-  border-top: 1px solid #5c5c5c !important;
-  color: #ffffff !important;
-}
-ul.page-sidebar-menu > li:last-child > a {
-  border-bottom: 1px solid transparent !important;
-}
-ul.page-sidebar-menu > li a i {
-  color: #969696;
-}
-ul.page-sidebar-menu > li.open > a,
-ul.page-sidebar-menu > li > a:hover,
-ul.page-sidebar-menu > li:hover > a {
-  background: #303030;
-}
-ul.page-sidebar-menu > li.active > a {
-  background: #e02222 !important;
-  border-top-color: transparent !important;
-  color: #ffffff;
-}
-ul.page-sidebar-menu > li.active > a i {
-  color: #ffffff;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
-  border-top: 0px !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,
-ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
-  color: #ffffff !important;
-  background: #575757 !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
-  background: #575757 !important;
-}
-/* 3rd level sub menu */
-ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
-ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
-ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
-  color: #ffffff !important;
-  background: #575757 !important;
-}
-/* font color for all sub menu links*/
-ul.page-sidebar-menu li > ul.sub-menu > li > a {
-  color: #bdbdbd;
-}
-/* menu arrows */
-ul.page-sidebar-menu > li > a .arrow:before,
-ul.page-sidebar-menu > li > a .arrow.open:before {
-  color: #7d7d7d !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
-  color: #707070 !important;
-}
-ul.page-sidebar-menu > li > a > .arrow.open:before {
-  color: #8a8a8a !important;
-}
-ul.page-sidebar-menu > li.active > a .arrow:before,
-ul.page-sidebar-menu > li.active > a .arrow.open:before {
-  color: #ffffff !important;
-}
-/* sidebar search */
-.page-sidebar .sidebar-search input {
-  background-color: #242424 !important;
-  color: #7d7d7d;
-}
-.page-sidebar .sidebar-search input::-webkit-input-placeholder {
-  color: #7d7d7d !important;
-}
-.page-sidebar .sidebar-search input:-moz-placeholder {
-  color: #7d7d7d !important;
-}
-.page-sidebar .sidebar-search input:-ms-input-placeholder {
-  color: #7d7d7d !important;
-}
-.page-sidebar .sidebar-search input {
-  background-color: #3d3d3d !important;
-  color: #bfbfbf !important;
-}
-.page-sidebar .sidebar-search .input-box {
-  border-bottom: 1px solid #7d7d7d !important;
-}
-.page-sidebar .sidebar-search .submit {
-  background-image: url(../../image/search-icon.png);
-}
-/***
-Sidebar toggler
-***/
-.sidebar-toggler {
-  background-image: url(../../image/sidebar-toggler.jpg);
-  background-color: #242424;
-}
-/* search box bg color on expanded */
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
-  background-color: #3d3d3d !important;
-}
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
-  background-image: url("../../image/sidebar-search-close.png");
-}
-/* sub menu bg color on hover menu item */
-.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
-  background-color: #3d3d3d;
-}
-/***
-Footer 
-***/
-.footer .footer-inner {
-  color: #999999;
-}
-.footer .footer-tools .go-top {
-  background-color: #4f4f4f;
-}
-.footer .footer-tools .go-top:hover {
-  opacity: 0.7;
-  filter: alpha(opacity=70);
-}
-.footer .footer-tools .go-top i {
-  color: #8a8a8a;
-}
-/***
-Footer Layouts (new in v1.3)
-***/
-/* begin:fixed footer */
-.page-footer-fixed .footer {
-  background-color: #242424;
-}
-.page-footer-fixed .footer .footer-inner {
-  color: #999999;
-}
-.page-footer-fixed .footer .footer-tools .go-top {
-  background-color: #4f4f4f;
-}
-.page-footer-fixed .footer .footer-tools .go-top i {
-  color: #8a8a8a;
-}
-/* end:fixed footer */
-/***
-Gritter Notifications 
-***/
-.gritter-top {
-  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -30px !important;
-}
-.gritter-bottom {
-  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left bottom !important;
-}
-.gritter-item {
-  display: block;
-  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -40px !important;
-}
-.gritter-close {
-  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left top !important;
-}
-.gritter-title {
-  text-shadow: none !important;
-  /* Not supported by IE :( */
-
-}
-/* for the light (white) version of the gritter notice */
-.gritter-light .gritter-item,
-.gritter-light .gritter-bottom,
-.gritter-light .gritter-top,
-.gritter-light .gritter-close {
-  background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;
-}
-.gritter-item-wrapper a {
-  color: #18a5ed;
-}
-.gritter-item-wrapper a:hover {
-  color: #0b6694;
-}
-/* begin: boxed page */
-@media (min-width: 992px) {
-  .page-boxed {
-    background-color: #2e2e2e !important;
-  }
-  .page-boxed .page-container {
-    background-color: #3d3d3d;
-    border-left: 1px solid #5e5e5e;
-    border-bottom: 1px solid #5e5e5e;
-  }
-  .page-boxed.page-sidebar-reversed .page-container {
-    border-left: 0;
-    border-right: 1px solid #5e5e5e;
-  }
-  .page-boxed.page-sidebar-fixed .page-container {
-    border-left: 0;
-    border-bottom: 0;
-  }
-  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
-    border-left: 0;
-    border-right: 0;
-    border-bottom: 0;
-  }
-  .page-boxed.page-sidebar-fixed .page-sidebar {
-    border-left: 1px solid #5e5e5e;
-  }
-  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
-    border-right: 1px solid #5e5e5e;
-    border-left: 0; 
-  }
-  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
-    background-color: #2e2e2e !important;
-  }
-}
-/* end: boxed page */
-/***
-Landscape phone to portrait tablet
-***/
-@media (max-width: 991px) {
-  /***
-    page sidebar
-    ***/
-  .page-sidebar {
-    background-color: #292929 !important;
-  }
-  ul.page-sidebar-menu > li > a {
-    border-top: 1px solid #4a4a4a !important;
-  }
-  ul.page-sidebar-menu > li:last-child > a {
-    border-bottom: 0 !important;
-  }
-  .page-sidebar .sidebar-search input {
-    background-color: #292929 !important;
-  }
-  ul.page-sidebar-menu > li.open > a,
-  ul.page-sidebar-menu > li > a:hover,
-  ul.page-sidebar-menu > li:hover > a {
-    background: #1e1e1e;
-  }
-}
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+Default theme

+***/

+

+/***

+Reset and overrides  

+***/

+body {

+  background-color: #3d3d3d !important;

+}

+/***

+Page header

+***/

+.header {

+  filter: none !important;

+  background-image: none !important;

+  background-color: #212121 !important;

+}

+.header .btn-navbar {

+  background-color: #212121 !important;

+}

+.header .navbar-nav .dropdown-toggle:hover,

+.header .navbar-nav .dropdown.open .dropdown-toggle {

+  background-color: #383838 !important;

+}

+.header .navbar-nav li.dropdown .dropdown-toggle i {

+  color: #8a8a8a !important;

+}

+.page-content .page-breadcrumb.breadcrumb{

+background-color:#F5F5F5 !important;

+}

+/***

+Header Search

+***/

+.header .search-form {

+  background-color: #000;

+}

+

+.header .search-form .form-control {

+  color: #999;

+  border: 0; 

+  background-color: #000;  

+}

+

+.header .search-form .form-control::-webkit-input-placeholder { /* WebKit browsers */

+    color: #777;

+}

+.header .search-form .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

+    color: #777;

+}

+.header .search-form .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */

+    color: #777;

+}

+.header .search-form .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */

+    color: #777;

+}

+

+.header .search-form .submit {  

+  background: url(../../image/search-icon-light.png);

+}

+

+/***

+Hor menu

+***/

+.header .hor-menu ul.nav li a {

+  color: #999;

+}

+

+.header .hor-menu ul.nav li.open > a,

+.header .hor-menu ul.nav li > a:hover,

+.header .hor-menu ul.nav li > a:focus {

+  color: #fff;

+  background: #383838;

+}

+

+.header .hor-menu .dropdown-menu li:hover > a,

+.header .hor-menu ul.nav li.active > a,

+.header .hor-menu ul.nav li.active > a:hover {

+  color: #fff;

+  background: #e02222 !important; 

+}

+

+.header .hor-menu ul.nav li.current > a,

+.header .hor-menu ul.nav li.current > a:hover {

+  color: #fff;

+  background: #e02222 !important; 

+}

+

+.header .hor-menu .dropdown-menu {  

+    background: #383838;

+}

+.header .hor-menu .dropdown-menu li > a {    

+    color: #999;

+}

+

+.header .hor-menu .hor-menu-search-form-toggler.off {

+   background: #383838 url(../../image/hor-menu-search-close.png) no-repeat center;

+}

+

+.header .hor-menu .search-form {  

+  background:#383838; 

+}

+

+.header .hor-menu .search-form form input {

+  color: #999;

+}

+

+.header .hor-menu .search-form .btn {

+  color: #999;

+  background: url(../../image/search-icon.png) no-repeat center;

+}

+

+.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */

+    color: #999;

+}

+.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

+    color: #999;

+}

+.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */

+    color: #999;

+}

+.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */

+    color: #999;

+}

+.btn-group .btn.blue.dropdown-toggle{

+  background-color: #3d3d3d !important; 

+  color: #fff !important;

+}

+/***

+Mega Menu

+***/

+.mega-menu .mega-menu-submenu {  

+  border-right: 1px solid #444;

+}

+.mega-menu .mega-menu-submenu li h3 {  

+  color: #fff;

+}

+/***

+Page sidebar

+***/

+.page-sidebar {

+  background-color: #3d3d3d;

+}

+ul.page-sidebar-menu > li > a {

+  border-top: 1px solid #5c5c5c !important;

+  color: #ffffff !important;

+}

+ul.page-sidebar-menu > li:last-child > a {

+  border-bottom: 1px solid transparent !important;

+}

+ul.page-sidebar-menu > li a i {

+  color: #969696;

+}

+ul.page-sidebar-menu > li.open > a,

+ul.page-sidebar-menu > li > a:hover,

+ul.page-sidebar-menu > li:hover > a {

+  background: #303030;

+}

+ul.page-sidebar-menu > li.active > a {

+  background: #e02222 !important;

+  border-top-color: transparent !important;

+  color: #ffffff;

+}

+ul.page-sidebar-menu > li.active > a i {

+  color: #ffffff;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {

+  border-top: 0px !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,

+ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {

+  color: #ffffff !important;

+  background: #575757 !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {

+  background: #575757 !important;

+}

+/* 3rd level sub menu */

+ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,

+ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,

+ul.page-sidebar-menu > li > ul.sub-menu li.open > a {

+  color: #ffffff !important;

+  background: #575757 !important;

+}

+/* font color for all sub menu links*/

+ul.page-sidebar-menu li > ul.sub-menu > li > a {

+  color: #bdbdbd;

+}

+/* menu arrows */

+ul.page-sidebar-menu > li > a .arrow:before,

+ul.page-sidebar-menu > li > a .arrow.open:before {

+  color: #7d7d7d !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {

+  color: #707070 !important;

+}

+ul.page-sidebar-menu > li > a > .arrow.open:before {

+  color: #8a8a8a !important;

+}

+ul.page-sidebar-menu > li.active > a .arrow:before,

+ul.page-sidebar-menu > li.active > a .arrow.open:before {

+  color: #ffffff !important;

+}

+/* sidebar search */

+.page-sidebar .sidebar-search input {

+  background-color: #242424 !important;

+  color: #7d7d7d;

+}

+.page-sidebar .sidebar-search input::-webkit-input-placeholder {

+  color: #7d7d7d !important;

+}

+.page-sidebar .sidebar-search input:-moz-placeholder {

+  color: #7d7d7d !important;

+}

+.page-sidebar .sidebar-search input:-ms-input-placeholder {

+  color: #7d7d7d !important;

+}

+.page-sidebar .sidebar-search input {

+  background-color: #3d3d3d !important;

+  color: #bfbfbf !important;

+}

+.page-sidebar .sidebar-search .input-box {

+  border-bottom: 1px solid #7d7d7d !important;

+}

+.page-sidebar .sidebar-search .submit {

+  background-image: url(../../image/search-icon.png);

+}

+/***

+Sidebar toggler

+***/

+.sidebar-toggler {

+  background-image: url(../../image/sidebar-toggler.jpg);

+  background-color: #242424;

+}

+/* search box bg color on expanded */

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {

+  background-color: #3d3d3d !important;

+}

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {

+  background-image: url("../../image/sidebar-search-close.png");

+}

+/* sub menu bg color on hover menu item */

+.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {

+  background-color: #3d3d3d;

+}

+/***

+Footer 

+***/

+.footer .footer-inner {

+  color: #999999;

+}

+.footer .footer-tools .go-top {

+  background-color: #4f4f4f;

+}

+.footer .footer-tools .go-top:hover {

+  opacity: 0.7;

+  filter: alpha(opacity=70);

+}

+.footer .footer-tools .go-top i {

+  color: #8a8a8a;

+}

+/***

+Footer Layouts (new in v1.3)

+***/

+/* begin:fixed footer */

+.page-footer-fixed .footer {

+  background-color: #242424;

+}

+.page-footer-fixed .footer .footer-inner {

+  color: #999999;

+}

+.page-footer-fixed .footer .footer-tools .go-top {

+  background-color: #4f4f4f;

+}

+.page-footer-fixed .footer .footer-tools .go-top i {

+  color: #8a8a8a;

+}

+/* end:fixed footer */

+/***

+Gritter Notifications 

+***/

+.gritter-top {

+  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -30px !important;

+}

+.gritter-bottom {

+  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left bottom !important;

+}

+.gritter-item {

+  display: block;

+  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -40px !important;

+}

+.gritter-close {

+  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left top !important;

+}

+.gritter-title {

+  text-shadow: none !important;

+  /* Not supported by IE :( */

+

+}

+/* for the light (white) version of the gritter notice */

+.gritter-light .gritter-item,

+.gritter-light .gritter-bottom,

+.gritter-light .gritter-top,

+.gritter-light .gritter-close {

+  background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;

+}

+.gritter-item-wrapper a {

+  color: #18a5ed;

+}

+.gritter-item-wrapper a:hover {

+  color: #0b6694;

+}

+/* begin: boxed page */

+@media (min-width: 992px) {

+  .page-boxed {

+    background-color: #2e2e2e !important;

+  }

+  .page-boxed .page-container {

+    background-color: #3d3d3d;

+    border-left: 1px solid #5e5e5e;

+    border-bottom: 1px solid #5e5e5e;

+  }

+  .page-boxed.page-sidebar-reversed .page-container {

+    border-left: 0;

+    border-right: 1px solid #5e5e5e;

+  }

+  .page-boxed.page-sidebar-fixed .page-container {

+    border-left: 0;

+    border-bottom: 0;

+  }

+  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {

+    border-left: 0;

+    border-right: 0;

+    border-bottom: 0;

+  }

+  .page-boxed.page-sidebar-fixed .page-sidebar {

+    border-left: 1px solid #5e5e5e;

+  }

+  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {

+    border-right: 1px solid #5e5e5e;

+    border-left: 0; 

+  }

+  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {

+    background-color: #2e2e2e !important;

+  }

+}

+/* end: boxed page */

+/***

+Landscape phone to portrait tablet

+***/

+@media (max-width: 991px) {

+  /***

+    page sidebar

+    ***/

+  .page-sidebar {

+    background-color: #292929 !important;

+  }

+  ul.page-sidebar-menu > li > a {

+    border-top: 1px solid #4a4a4a !important;

+  }

+  ul.page-sidebar-menu > li:last-child > a {

+    border-bottom: 0 !important;

+  }

+  .page-sidebar .sidebar-search input {

+    background-color: #292929 !important;

+  }

+  ul.page-sidebar-menu > li.open > a,

+  ul.page-sidebar-menu > li > a:hover,

+  ul.page-sidebar-menu > li:hover > a {

+    background: #1e1e1e;

+  }

+}

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/black_ifrm.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/black_ifrm.css
index 976a9679..6aec79ea 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/black_ifrm.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/black_ifrm.css
@@ -1,207 +1,207 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-light_ifrm theme
-***/
-td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-/* button style*/
-.buttonRounded,
-.buttonRoundedOver,
-.buttonRoundedFocused,
-.buttonRoundedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown,
-.buttonRoundedSelected,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedDown,
-.buttonRoundedSelectedFocusedDown,
-.buttonRoundedSelectedOver,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDisabled,
-.buttonRoundedSelectedDisabled {
-  background-color: #3d3d3d;
-  color: #fff;
-  border: 0px solid #b15a59;
-  border-radius: 0px;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  /*padding: 0 3px;*/
-  padding-left:7px !important;
-  padding-right:7px !important;
-  height:30px !important;
-}
-.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-.buttonRoundedOver,
-.buttonRoundedFocusedOver,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown {
-  background-color: #212121;
-  height:30px !important;
-}
-
-.menuButton,
-.menuButtonOver,
-.menuButtonDown,
-.menuButtonDisabled,
-.menuButtonFocused,
-.menuButtonFocusedDown,
-.menuButtonFocusedOver,
-.menuButtonSelected,
-.menuButtonSelectedDown,
-.menuButtonSelectedOver,
-.menuButtonSelectedDisabled {
-  background-color: #3d3d3d;
-  border: 0px solid #ababab;
-  color: #fff;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  padding-left: 7px !important;
-  padding-right: 7px !important;
-  height:30px !important;
-}
-.menuButtonOver {
-  background-color: #212121;
- }
-.menuButtonDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-.buttonTitle,
-.buttonTitleOver,
-.buttonTitleDown,
-.buttonTitleSelected,
-.buttonTitleFocused,
-.buttonTitleSelectedFocused,
-.buttonTitleSelectedOver,
-.buttonTitleFocusedOver,
-.buttonTitleSelectedFocusedOver,
-.buttonTitleSelectedDown,
-.buttonTitleFocusedDown,
-.buttonTitleSelectedFocusedDown,
-.buttonTitleDisabled,
-.buttonTitleSelectedDisabled {
-  color: #fff ;
-  }
-.buttonTitleDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-   /* windowBody dialogBody Style */
- .windowBody,
-.dialogBody {
-  background-color: white;
-  border: 1px solid #d1d1d1;
-  border-top: 0;
-}
-.windowHeader,
-.dialogHeader {
-  background-color: #3d3d3d;
-  padding: 0;
-}
-/* sectionHeader Style */
-.sectionHeaderopened {
-  background-color: #3d3d3d;
-  }
-  .sectionHeaderclosed {
-  background-color: #262626;
-  }
-
-#dt_example h1{
-color:#3d3d3d;
-font-weight:600 !important;
-}
-
-  /*cell style*/
-.tallCellOver,
-.tallCellOverDark {
-  background-color: #ffede4;
-  border-bottom: 1px solid #ffede4;
-  border-top: 1px  solid #ffede4;
-  }
-.tallCellSelected,
-.tallCellSelectedDark {
-  background: #f8dddd;
-  border-bottom: 1px solid #f8dddd;
-  border-top: 1px  solid #f8dddd;
-  }
-.tallCellSelectedOver,
-.tallCellSelectedOverDark {
-  background: #f8dddd;
-  border-bottom: 1px solid #f8dddd;
-  border-top: 1px  solid #f8dddd;
-  }
-.imgHeaderButtonOver,
-.imgHeaderButtonDown,
-.headerButtonOver,
-.headerButtonDown,
-.sorterButtonOver,
-.sorterButtonDown {
-  background-color: #c4d7e2;
-  }
- .cellSelected,
-.cellSelectedDark,
-.specialColSelected,
-.recordSummaryCellSelected,
-.recordSummaryCellSelectedDark {
-  background: #f8dddd !important;
- border-bottom: 1px solid #f8dddd;
-  border-top: 1px solid #f8dddd;
-  }
-.cellSelectedOver,
-.cellSelectedOverDark,
-.specialColSelectedOver,
-.recordSummaryCellSelectedOver,
-.recordSummaryCellSelectedOverDark {
-  background: #f8dddd !important;
-   border-bottom: 1px solid #f8dddd;
-  border-top: 1px solid #f8dddd;
-}
-.cellOver,
-.cellOverDark,
-.specialColOver,
-.recordSummaryCellOver,
-.recordSummaryCellOverDark {
-  background: #ffede4 !important;
-  border-bottom: 1px solid #ffede4;
-  border-top: 1px solid #ffede4;
-  }
-.treeCellOver,
-.treeCellOverDark {
-  background-color: #ffede4; 
-} 
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+light_ifrm theme

+***/

+td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+/* button style*/

+.buttonRounded,

+.buttonRoundedOver,

+.buttonRoundedFocused,

+.buttonRoundedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown,

+.buttonRoundedSelected,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedDown,

+.buttonRoundedSelectedFocusedDown,

+.buttonRoundedSelectedOver,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDisabled,

+.buttonRoundedSelectedDisabled {

+  background-color: #3d3d3d;

+  color: #fff;

+  border: 0px solid #b15a59;

+  border-radius: 0px;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  /*padding: 0 3px;*/

+  padding-left:7px !important;

+  padding-right:7px !important;

+  height:30px !important;

+}

+.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+.buttonRoundedOver,

+.buttonRoundedFocusedOver,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown {

+  background-color: #212121;

+  height:30px !important;

+}

+

+.menuButton,

+.menuButtonOver,

+.menuButtonDown,

+.menuButtonDisabled,

+.menuButtonFocused,

+.menuButtonFocusedDown,

+.menuButtonFocusedOver,

+.menuButtonSelected,

+.menuButtonSelectedDown,

+.menuButtonSelectedOver,

+.menuButtonSelectedDisabled {

+  background-color: #3d3d3d;

+  border: 0px solid #ababab;

+  color: #fff;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  padding-left: 7px !important;

+  padding-right: 7px !important;

+  height:30px !important;

+}

+.menuButtonOver {

+  background-color: #212121;

+ }

+.menuButtonDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+.buttonTitle,

+.buttonTitleOver,

+.buttonTitleDown,

+.buttonTitleSelected,

+.buttonTitleFocused,

+.buttonTitleSelectedFocused,

+.buttonTitleSelectedOver,

+.buttonTitleFocusedOver,

+.buttonTitleSelectedFocusedOver,

+.buttonTitleSelectedDown,

+.buttonTitleFocusedDown,

+.buttonTitleSelectedFocusedDown,

+.buttonTitleDisabled,

+.buttonTitleSelectedDisabled {

+  color: #fff ;

+  }

+.buttonTitleDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+   /* windowBody dialogBody Style */

+ .windowBody,

+.dialogBody {

+  background-color: white;

+  border: 1px solid #d1d1d1;

+  border-top: 0;

+}

+.windowHeader,

+.dialogHeader {

+  background-color: #3d3d3d;

+  padding: 0;

+}

+/* sectionHeader Style */

+.sectionHeaderopened {

+  background-color: #3d3d3d;

+  }

+  .sectionHeaderclosed {

+  background-color: #262626;

+  }

+

+#dt_example h1{

+color:#3d3d3d;

+font-weight:600 !important;

+}

+

+  /*cell style*/

+.tallCellOver,

+.tallCellOverDark {

+  background-color: #ffede4;

+  border-bottom: 1px solid #ffede4;

+  border-top: 1px  solid #ffede4;

+  }

+.tallCellSelected,

+.tallCellSelectedDark {

+  background: #f8dddd;

+  border-bottom: 1px solid #f8dddd;

+  border-top: 1px  solid #f8dddd;

+  }

+.tallCellSelectedOver,

+.tallCellSelectedOverDark {

+  background: #f8dddd;

+  border-bottom: 1px solid #f8dddd;

+  border-top: 1px  solid #f8dddd;

+  }

+.imgHeaderButtonOver,

+.imgHeaderButtonDown,

+.headerButtonOver,

+.headerButtonDown,

+.sorterButtonOver,

+.sorterButtonDown {

+  background-color: #c4d7e2;

+  }

+ .cellSelected,

+.cellSelectedDark,

+.specialColSelected,

+.recordSummaryCellSelected,

+.recordSummaryCellSelectedDark {

+  background: #f8dddd !important;

+ border-bottom: 1px solid #f8dddd;

+  border-top: 1px solid #f8dddd;

+  }

+.cellSelectedOver,

+.cellSelectedOverDark,

+.specialColSelectedOver,

+.recordSummaryCellSelectedOver,

+.recordSummaryCellSelectedOverDark {

+  background: #f8dddd !important;

+   border-bottom: 1px solid #f8dddd;

+  border-top: 1px solid #f8dddd;

+}

+.cellOver,

+.cellOverDark,

+.specialColOver,

+.recordSummaryCellOver,

+.recordSummaryCellOverDark {

+  background: #ffede4 !important;

+  border-bottom: 1px solid #ffede4;

+  border-top: 1px solid #ffede4;

+  }

+.treeCellOver,

+.treeCellOverDark {

+  background-color: #ffede4; 

+} 

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/blue.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/blue.css
index ac651e70..0b48d414 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/blue.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/blue.css
@@ -1,374 +1,374 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-Blue theme
-***/
-/***
-Reset and overrides  
-***/
-body {
-  background-color: #1570a6 !important;
-}
-/***
-Page header
-***/
-.header {
-  filter: none !important;
-  background-image: none !important;
-  background-color: #0f4e74 !important;
-}
-.header .btn-navbar {
-  background-color: #0f4e74 !important;
-}
-.header .navbar-nav .dropdown-toggle:hover,
-.header .navbar-nav .dropdown.open .dropdown-toggle {
-  color: #fff;
-  background-color: #146a9d !important;
-}
-.header .navbar-nav li.dropdown .dropdown-toggle i {
-  color: #68bbec !important;
-}
-.page-content .page-breadcrumb.breadcrumb{
-background-color:#F5F5F5 !important;
-}
-/***
-Header Search
-***/
-.header .search-form {
-  background-color: #0B4263;
-}
-
-.header .search-form .form-control{
-  color: #68bbec;
-  border: 0; 
-  background-color: #0B4263;  
-}
-
-.header .search-form .submit {  
-  background: url(../../image/search-icon-blue.png);
-}
-
-/***
-Hor menu
-***/
-.header .hor-menu ul.nav li a {
-  color: #ccc;
-}
-
-.header .hor-menu ul.nav li.open > a,
-.header .hor-menu ul.nav li > a:hover,
-.header .hor-menu ul.nav li > a:focus {
-  color: #fff;
-  background: #146a9d;
-}
-
-.header .hor-menu .dropdown-menu li:hover > a,
-.header .hor-menu ul.nav li.active > a,
-.header .hor-menu ul.nav li.active > a:hover {
-  color: #fff;
-  background: #e02222 !important; 
-}
-
-.header .hor-menu ul.nav li.current > a,
-.header .hor-menu ul.nav li.current > a:hover {
-  color: #fff;
-  background: #e02222 !important; 
-}
-
-.header .hor-menu .dropdown-menu {  
-    background: #146a9d;
-}
-.header .hor-menu .dropdown-menu li > a {    
-    color: #ccc;
-}
-
-.header .hor-menu .hor-menu-search-form-toggler.off {
-   background: #146a9d url(../../image/hor-menu-search-close-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form {  
-  background:#146a9d; 
-}
-
-.header .hor-menu .search-form form input {
-  color: #ccc;
-}
-
-.header .hor-menu .search-form .btn {
-  color: #ccc;
-  background: url(../../image/search-icon-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
-    color: #ccc;
-}
-
-/***
-Mega Menu
-***/
-.mega-menu .mega-menu-submenu {  
-  border-right: 1px solid #1876AD;
-}
-
-.mega-menu .mega-menu-submenu li h3 {  
-  color: #fff;
-}
-
-/***
-Page sidebar
-***/
-.page-sidebar {
-  background-color: #1570a6;
-}
-ul.page-sidebar-menu > li > a {
-  border-top: 1px solid #1c95dc !important;
-  color: #ffffff !important;
-}
-ul.page-sidebar-menu > li:last-child > a {
-  border-bottom: 1px solid transparent !important;
-}
-ul.page-sidebar-menu > li a i {
-  color: #7fc5ef;
-}
-ul.page-sidebar-menu > li.open > a,
-ul.page-sidebar-menu > li > a:hover,
-ul.page-sidebar-menu > li:hover > a {
-  background: #12618f;
-}
-ul.page-sidebar-menu > li.active > a {
-  background: #cc1d1d !important;
-  border-top-color: transparent !important;
-  color: #ffffff;
-}
-ul.page-sidebar-menu > li.active > a i {
-  color: #ffffff;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
-  border-top: 0px !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,
-ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
-  color: #ffffff !important;
-  background: #1b8fd3 !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
-  background: #1b8fd3 !important;
-}
-/* 3rd level sub menu */
-ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
-ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
-ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
-  color: #ffffff !important;
-  background: #1b8fd3 !important;
-}
-/* font color for all sub menu links*/
-ul.page-sidebar-menu li > ul.sub-menu > li > a {
-  color: #c3e4f7;
-}
-/* menu arrows */
-ul.page-sidebar-menu > li > a .arrow:before,
-ul.page-sidebar-menu > li > a .arrow.open:before {
-  color: #51b1e9 !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
-  color: #3ba6e6 !important;
-}
-ul.page-sidebar-menu > li > a > .arrow.open:before {
-  color: #68bbec !important;
-}
-ul.page-sidebar-menu > li.active > a .arrow:before,
-ul.page-sidebar-menu > li.active > a .arrow.open:before {
-  color: #ffffff !important;
-}
-/* sidebar search */
-.page-sidebar .sidebar-search input {
-  background-color: #0f5179 !important;
-  color: #51b1e9;
-}
-.page-sidebar .sidebar-search input::-webkit-input-placeholder {
-  color: #51b1e9 !important;
-}
-.page-sidebar .sidebar-search input:-moz-placeholder {
-  color: #51b1e9 !important;
-}
-.page-sidebar .sidebar-search input:-ms-input-placeholder {
-  color: #51b1e9 !important;
-}
-.page-sidebar .sidebar-search input {
-  background-color: #1570a6 !important;
-  color: #bfbfbf !important;
-}
-.page-sidebar .sidebar-search .input-box {
-  border-bottom: 1px solid #51b1e9 !important;
-}
-.page-sidebar .sidebar-search .submit {
-  background-image: url(../../image/search-icon-blue.png);
-}
-/***
-Sidebar toggler
-***/
-.sidebar-toggler {
-  background-image: url(../../image/sidebar-toggler-blue.jpg);
-  background-color: #0f5179;
-}
-/* search box bg color on expanded */
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
-  background-color: #1570a6 !important;
-}
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
-  background-image: url("../../image/sidebar-search-close-blue.png");
-}
-/* sub menu bg color on hover menu item */
-.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
-  background-color: #1570a6;
-}
-/***
-Footer 
-***/
-.footer .footer-inner {
-  color: #68bbec;
-}
-.footer .footer-tools .go-top {
-  background-color: #1985c6;
-}
-.footer .footer-tools .go-top:hover {
-  opacity: 0.7;
-  filter: alpha(opacity=70);
-}
-.footer .footer-tools .go-top i {
-  color: #68bbec;
-}
-/***
-Footer Layouts (new in v1.3)
-***/
-/* begin:fixed footer */
-.page-footer-fixed .footer {
-  background-color: #0f5179;
-}
-.page-footer-fixed .footer .footer-inner {
-  color: #68bbec;
-}
-.page-footer-fixed .footer .footer-tools .go-top {
-  background-color: #1985c6;
-}
-.page-footer-fixed .footer .footer-tools .go-top i {
-  color: #68bbec;
-}
-/* end:fixed footer */
-/***
-Gritter Notifications 
-***/
-.gritter-top {
-  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left -30px !important;
-}
-.gritter-bottom {
-  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left bottom !important;
-}
-.gritter-item {
-  display: block;
-  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left -40px !important;
-}
-.gritter-close {
-  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left top !important;
-}
-.gritter-title {
-  text-shadow: none !important;
-  /* Not supported by IE :( */
-
-}
-/* for the light (white) version of the gritter notice */
-.gritter-light .gritter-item,
-.gritter-light .gritter-bottom,
-.gritter-light .gritter-top,
-.gritter-light .gritter-close {
-  background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;
-}
-.gritter-item-wrapper a {
-  color: #18a5ed;
-}
-.gritter-item-wrapper a:hover {
-  color: #0b6694;
-}
-/* begin: boxed page */
-@media (min-width: 992px) {
-  .page-boxed {
-    background-color: #125e8b !important;
-  }
-  .page-boxed .page-container {
-    background-color: #1570a6;
-    border-left: 1px solid #1c98e1;
-    border-bottom: 1px solid #1c98e1;
-  }
-  .page-boxed.page-sidebar-reversed .page-container {
-    border-left: 0;
-    border-right: 1px solid #1c98e1;
-  }
-  .page-boxed.page-sidebar-fixed .page-container {
-    border-left: 0;
-    border-bottom: 0;
-  }
-  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
-    border-left: 0;
-    border-right: 0;
-    border-bottom: 0;
-  }
-  .page-boxed.page-sidebar-fixed .page-sidebar {
-    border-left: 1px solid #1c98e1;
-  }
-  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
-    border-right: 1px solid #1c98e1;
-    border-left: 0; 
-  }
-  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
-    background-color: #125e8b !important;
-  }
-}
-/* end: boxed page */
-/***
-Landscape phone to portrait tablet
-***/
-@media (max-width: 991px) {
-  /***
-    page sidebar
-    ***/
-  .page-sidebar {
-    background-color: #105882 !important;
-  }
-  ul.page-sidebar-menu > li > a {
-    border-top: 1px solid #187fbd !important;
-  }
-  ul.page-sidebar-menu > li:last-child > a {
-    border-bottom: 0 !important;
-  }
-  .page-sidebar .sidebar-search input {
-    background-color: #105882 !important;
-  }
-  ul.page-sidebar-menu > li.open > a,
-  ul.page-sidebar-menu > li > a:hover,
-  ul.page-sidebar-menu > li:hover > a {
-    background: #0e4b70;
-  }
-}
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+Blue theme

+***/

+/***

+Reset and overrides  

+***/

+body {

+  background-color: #1570a6 !important;

+}

+/***

+Page header

+***/

+.header {

+  filter: none !important;

+  background-image: none !important;

+  background-color: #0f4e74 !important;

+}

+.header .btn-navbar {

+  background-color: #0f4e74 !important;

+}

+.header .navbar-nav .dropdown-toggle:hover,

+.header .navbar-nav .dropdown.open .dropdown-toggle {

+  color: #fff;

+  background-color: #146a9d !important;

+}

+.header .navbar-nav li.dropdown .dropdown-toggle i {

+  color: #68bbec !important;

+}

+.page-content .page-breadcrumb.breadcrumb{

+background-color:#F5F5F5 !important;

+}

+/***

+Header Search

+***/

+.header .search-form {

+  background-color: #0B4263;

+}

+

+.header .search-form .form-control{

+  color: #68bbec;

+  border: 0; 

+  background-color: #0B4263;  

+}

+

+.header .search-form .submit {  

+  background: url(../../image/search-icon-blue.png);

+}

+

+/***

+Hor menu

+***/

+.header .hor-menu ul.nav li a {

+  color: #ccc;

+}

+

+.header .hor-menu ul.nav li.open > a,

+.header .hor-menu ul.nav li > a:hover,

+.header .hor-menu ul.nav li > a:focus {

+  color: #fff;

+  background: #146a9d;

+}

+

+.header .hor-menu .dropdown-menu li:hover > a,

+.header .hor-menu ul.nav li.active > a,

+.header .hor-menu ul.nav li.active > a:hover {

+  color: #fff;

+  background: #e02222 !important; 

+}

+

+.header .hor-menu ul.nav li.current > a,

+.header .hor-menu ul.nav li.current > a:hover {

+  color: #fff;

+  background: #e02222 !important; 

+}

+

+.header .hor-menu .dropdown-menu {  

+    background: #146a9d;

+}

+.header .hor-menu .dropdown-menu li > a {    

+    color: #ccc;

+}

+

+.header .hor-menu .hor-menu-search-form-toggler.off {

+   background: #146a9d url(../../image/hor-menu-search-close-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form {  

+  background:#146a9d; 

+}

+

+.header .hor-menu .search-form form input {

+  color: #ccc;

+}

+

+.header .hor-menu .search-form .btn {

+  color: #ccc;

+  background: url(../../image/search-icon-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */

+    color: #ccc;

+}

+

+/***

+Mega Menu

+***/

+.mega-menu .mega-menu-submenu {  

+  border-right: 1px solid #1876AD;

+}

+

+.mega-menu .mega-menu-submenu li h3 {  

+  color: #fff;

+}

+

+/***

+Page sidebar

+***/

+.page-sidebar {

+  background-color: #1570a6;

+}

+ul.page-sidebar-menu > li > a {

+  border-top: 1px solid #1c95dc !important;

+  color: #ffffff !important;

+}

+ul.page-sidebar-menu > li:last-child > a {

+  border-bottom: 1px solid transparent !important;

+}

+ul.page-sidebar-menu > li a i {

+  color: #7fc5ef;

+}

+ul.page-sidebar-menu > li.open > a,

+ul.page-sidebar-menu > li > a:hover,

+ul.page-sidebar-menu > li:hover > a {

+  background: #12618f;

+}

+ul.page-sidebar-menu > li.active > a {

+  background: #cc1d1d !important;

+  border-top-color: transparent !important;

+  color: #ffffff;

+}

+ul.page-sidebar-menu > li.active > a i {

+  color: #ffffff;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {

+  border-top: 0px !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,

+ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {

+  color: #ffffff !important;

+  background: #1b8fd3 !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {

+  background: #1b8fd3 !important;

+}

+/* 3rd level sub menu */

+ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,

+ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,

+ul.page-sidebar-menu > li > ul.sub-menu li.open > a {

+  color: #ffffff !important;

+  background: #1b8fd3 !important;

+}

+/* font color for all sub menu links*/

+ul.page-sidebar-menu li > ul.sub-menu > li > a {

+  color: #c3e4f7;

+}

+/* menu arrows */

+ul.page-sidebar-menu > li > a .arrow:before,

+ul.page-sidebar-menu > li > a .arrow.open:before {

+  color: #51b1e9 !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {

+  color: #3ba6e6 !important;

+}

+ul.page-sidebar-menu > li > a > .arrow.open:before {

+  color: #68bbec !important;

+}

+ul.page-sidebar-menu > li.active > a .arrow:before,

+ul.page-sidebar-menu > li.active > a .arrow.open:before {

+  color: #ffffff !important;

+}

+/* sidebar search */

+.page-sidebar .sidebar-search input {

+  background-color: #0f5179 !important;

+  color: #51b1e9;

+}

+.page-sidebar .sidebar-search input::-webkit-input-placeholder {

+  color: #51b1e9 !important;

+}

+.page-sidebar .sidebar-search input:-moz-placeholder {

+  color: #51b1e9 !important;

+}

+.page-sidebar .sidebar-search input:-ms-input-placeholder {

+  color: #51b1e9 !important;

+}

+.page-sidebar .sidebar-search input {

+  background-color: #1570a6 !important;

+  color: #bfbfbf !important;

+}

+.page-sidebar .sidebar-search .input-box {

+  border-bottom: 1px solid #51b1e9 !important;

+}

+.page-sidebar .sidebar-search .submit {

+  background-image: url(../../image/search-icon-blue.png);

+}

+/***

+Sidebar toggler

+***/

+.sidebar-toggler {

+  background-image: url(../../image/sidebar-toggler-blue.jpg);

+  background-color: #0f5179;

+}

+/* search box bg color on expanded */

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {

+  background-color: #1570a6 !important;

+}

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {

+  background-image: url("../../image/sidebar-search-close-blue.png");

+}

+/* sub menu bg color on hover menu item */

+.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {

+  background-color: #1570a6;

+}

+/***

+Footer 

+***/

+.footer .footer-inner {

+  color: #68bbec;

+}

+.footer .footer-tools .go-top {

+  background-color: #1985c6;

+}

+.footer .footer-tools .go-top:hover {

+  opacity: 0.7;

+  filter: alpha(opacity=70);

+}

+.footer .footer-tools .go-top i {

+  color: #68bbec;

+}

+/***

+Footer Layouts (new in v1.3)

+***/

+/* begin:fixed footer */

+.page-footer-fixed .footer {

+  background-color: #0f5179;

+}

+.page-footer-fixed .footer .footer-inner {

+  color: #68bbec;

+}

+.page-footer-fixed .footer .footer-tools .go-top {

+  background-color: #1985c6;

+}

+.page-footer-fixed .footer .footer-tools .go-top i {

+  color: #68bbec;

+}

+/* end:fixed footer */

+/***

+Gritter Notifications 

+***/

+.gritter-top {

+  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left -30px !important;

+}

+.gritter-bottom {

+  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left bottom !important;

+}

+.gritter-item {

+  display: block;

+  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left -40px !important;

+}

+.gritter-close {

+  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left top !important;

+}

+.gritter-title {

+  text-shadow: none !important;

+  /* Not supported by IE :( */

+

+}

+/* for the light (white) version of the gritter notice */

+.gritter-light .gritter-item,

+.gritter-light .gritter-bottom,

+.gritter-light .gritter-top,

+.gritter-light .gritter-close {

+  background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;

+}

+.gritter-item-wrapper a {

+  color: #18a5ed;

+}

+.gritter-item-wrapper a:hover {

+  color: #0b6694;

+}

+/* begin: boxed page */

+@media (min-width: 992px) {

+  .page-boxed {

+    background-color: #125e8b !important;

+  }

+  .page-boxed .page-container {

+    background-color: #1570a6;

+    border-left: 1px solid #1c98e1;

+    border-bottom: 1px solid #1c98e1;

+  }

+  .page-boxed.page-sidebar-reversed .page-container {

+    border-left: 0;

+    border-right: 1px solid #1c98e1;

+  }

+  .page-boxed.page-sidebar-fixed .page-container {

+    border-left: 0;

+    border-bottom: 0;

+  }

+  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {

+    border-left: 0;

+    border-right: 0;

+    border-bottom: 0;

+  }

+  .page-boxed.page-sidebar-fixed .page-sidebar {

+    border-left: 1px solid #1c98e1;

+  }

+  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {

+    border-right: 1px solid #1c98e1;

+    border-left: 0; 

+  }

+  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {

+    background-color: #125e8b !important;

+  }

+}

+/* end: boxed page */

+/***

+Landscape phone to portrait tablet

+***/

+@media (max-width: 991px) {

+  /***

+    page sidebar

+    ***/

+  .page-sidebar {

+    background-color: #105882 !important;

+  }

+  ul.page-sidebar-menu > li > a {

+    border-top: 1px solid #187fbd !important;

+  }

+  ul.page-sidebar-menu > li:last-child > a {

+    border-bottom: 0 !important;

+  }

+  .page-sidebar .sidebar-search input {

+    background-color: #105882 !important;

+  }

+  ul.page-sidebar-menu > li.open > a,

+  ul.page-sidebar-menu > li > a:hover,

+  ul.page-sidebar-menu > li:hover > a {

+    background: #0e4b70;

+  }

+}

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/blue_ifrm.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/blue_ifrm.css
index 31ccf309..d4c15f9e 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/blue_ifrm.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/blue_ifrm.css
@@ -1,207 +1,207 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-light_ifrm theme
-***/
-td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-/* button style*/
-.buttonRounded,
-.buttonRoundedOver,
-.buttonRoundedFocused,
-.buttonRoundedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown,
-.buttonRoundedSelected,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedDown,
-.buttonRoundedSelectedFocusedDown,
-.buttonRoundedSelectedOver,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDisabled,
-.buttonRoundedSelectedDisabled {
-  background-color: #3f9ed5;
-  color: #fff;
-  border: 0px solid #b15a59;
-  border-radius: 0px;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  /*padding: 0 3px;*/
-  padding-left:7px !important;
-  padding-right:7px !important;
-  height:30px !important;
-}
-.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-.buttonRoundedOver,
-.buttonRoundedFocusedOver,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown {
-  background-color: #398ec0;
-  height:30px !important;
-}
-
-.menuButton,
-.menuButtonOver,
-.menuButtonDown,
-.menuButtonDisabled,
-.menuButtonFocused,
-.menuButtonFocusedDown,
-.menuButtonFocusedOver,
-.menuButtonSelected,
-.menuButtonSelectedDown,
-.menuButtonSelectedOver,
-.menuButtonSelectedDisabled {
-  background-color: #3f9ed5;
-  border: 0px solid #ababab;
-  color: #fff;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  padding-left: 7px !important;
-  padding-right: 7px !important;
-  height:30px !important;
-}
-.menuButtonOver {
-  background-color: #398ec0;
- }
-.menuButtonDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-
- .buttonTitle,
-.buttonTitleOver,
-.buttonTitleDown,
-.buttonTitleSelected,
-.buttonTitleFocused,
-.buttonTitleSelectedFocused,
-.buttonTitleSelectedOver,
-.buttonTitleFocusedOver,
-.buttonTitleSelectedFocusedOver,
-.buttonTitleSelectedDown,
-.buttonTitleFocusedDown,
-.buttonTitleSelectedFocusedDown,
-.buttonTitleDisabled,
-.buttonTitleSelectedDisabled {
-  color: #fff ;
-  }
-  .buttonTitleDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-   /* windowBody dialogBody Style */
- .windowBody,
-.dialogBody {
-  background-color: white;
-  border: 1px solid #3f9ed5;
-  border-top: 0;
-}
-.windowHeader,
-.dialogHeader {
-  background-color: #3f9ed5;
-  padding: 0;
-}
-/* sectionHeader Style */
-.sectionHeaderopened {
-  background-color: #3f9ed5;
-  }
-  .sectionHeaderclosed {
-  background-color: #52ade2;
-  }
-
-#dt_example h1{
-color:#438eb9;
-font-weight:600 !important;
-}
- /*cell style*/
-.tallCellOver,
-.tallCellOverDark {
-  background-color: #d9e3e8;
-  border-bottom: 1px solid #d9e3e8;
-  border-top: 1px  solid #d9e3e8;
-  }
-.tallCellSelected,
-.tallCellSelectedDark {
-  background: #c4d7e2;
-  border-bottom: 1px solid #c4d7e2;
-  border-top: 1px  solid #c4d7e2;
-  }
-.tallCellSelectedOver,
-.tallCellSelectedOverDark {
-  background: #c4d7e2;
-  border-bottom: 1px solid #c4d7e2;
-  border-top: 1px  solid #c4d7e2;
-  }
-.imgHeaderButtonOver,
-.imgHeaderButtonDown,
-.headerButtonOver,
-.headerButtonDown,
-.sorterButtonOver,
-.sorterButtonDown {
-  background-color: #c4d7e2;
-  }
-.cellSelected,
-.cellSelectedDark,
-.specialColSelected,
-.recordSummaryCellSelected,
-.recordSummaryCellSelectedDark {
-  background: #c4d7e2 !important;
- border-bottom: 1px solid #c4d7e2;
-  border-top: 1px solid #c4d7e2;
-  }
-.cellSelectedOver,
-.cellSelectedOverDark,
-.specialColSelectedOver,
-.recordSummaryCellSelectedOver,
-.recordSummaryCellSelectedOverDark {
-  background: #c4d7e2 !important;
-   border-bottom: 1px solid #c4d7e2;
-  border-top: 1px solid #c4d7e2;
-}
-.cellOver,
-.cellOverDark,
-.specialColOver,
-.recordSummaryCellOver,
-.recordSummaryCellOverDark {
-  background: #d9e3e8 !important;
-  border-bottom: 1px solid #d9e3e8;
-  border-top: 1px solid #d9e3e8;
-  }
-.treeCellOver,
-.treeCellOverDark {
-  background-color: #d9e3e8; 
-}
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+light_ifrm theme

+***/

+td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+/* button style*/

+.buttonRounded,

+.buttonRoundedOver,

+.buttonRoundedFocused,

+.buttonRoundedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown,

+.buttonRoundedSelected,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedDown,

+.buttonRoundedSelectedFocusedDown,

+.buttonRoundedSelectedOver,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDisabled,

+.buttonRoundedSelectedDisabled {

+  background-color: #3f9ed5;

+  color: #fff;

+  border: 0px solid #b15a59;

+  border-radius: 0px;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  /*padding: 0 3px;*/

+  padding-left:7px !important;

+  padding-right:7px !important;

+  height:30px !important;

+}

+.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+.buttonRoundedOver,

+.buttonRoundedFocusedOver,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown {

+  background-color: #398ec0;

+  height:30px !important;

+}

+

+.menuButton,

+.menuButtonOver,

+.menuButtonDown,

+.menuButtonDisabled,

+.menuButtonFocused,

+.menuButtonFocusedDown,

+.menuButtonFocusedOver,

+.menuButtonSelected,

+.menuButtonSelectedDown,

+.menuButtonSelectedOver,

+.menuButtonSelectedDisabled {

+  background-color: #3f9ed5;

+  border: 0px solid #ababab;

+  color: #fff;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  padding-left: 7px !important;

+  padding-right: 7px !important;

+  height:30px !important;

+}

+.menuButtonOver {

+  background-color: #398ec0;

+ }

+.menuButtonDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+

+ .buttonTitle,

+.buttonTitleOver,

+.buttonTitleDown,

+.buttonTitleSelected,

+.buttonTitleFocused,

+.buttonTitleSelectedFocused,

+.buttonTitleSelectedOver,

+.buttonTitleFocusedOver,

+.buttonTitleSelectedFocusedOver,

+.buttonTitleSelectedDown,

+.buttonTitleFocusedDown,

+.buttonTitleSelectedFocusedDown,

+.buttonTitleDisabled,

+.buttonTitleSelectedDisabled {

+  color: #fff ;

+  }

+  .buttonTitleDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+   /* windowBody dialogBody Style */

+ .windowBody,

+.dialogBody {

+  background-color: white;

+  border: 1px solid #3f9ed5;

+  border-top: 0;

+}

+.windowHeader,

+.dialogHeader {

+  background-color: #3f9ed5;

+  padding: 0;

+}

+/* sectionHeader Style */

+.sectionHeaderopened {

+  background-color: #3f9ed5;

+  }

+  .sectionHeaderclosed {

+  background-color: #52ade2;

+  }

+

+#dt_example h1{

+color:#438eb9;

+font-weight:600 !important;

+}

+ /*cell style*/

+.tallCellOver,

+.tallCellOverDark {

+  background-color: #d9e3e8;

+  border-bottom: 1px solid #d9e3e8;

+  border-top: 1px  solid #d9e3e8;

+  }

+.tallCellSelected,

+.tallCellSelectedDark {

+  background: #c4d7e2;

+  border-bottom: 1px solid #c4d7e2;

+  border-top: 1px  solid #c4d7e2;

+  }

+.tallCellSelectedOver,

+.tallCellSelectedOverDark {

+  background: #c4d7e2;

+  border-bottom: 1px solid #c4d7e2;

+  border-top: 1px  solid #c4d7e2;

+  }

+.imgHeaderButtonOver,

+.imgHeaderButtonDown,

+.headerButtonOver,

+.headerButtonDown,

+.sorterButtonOver,

+.sorterButtonDown {

+  background-color: #c4d7e2;

+  }

+.cellSelected,

+.cellSelectedDark,

+.specialColSelected,

+.recordSummaryCellSelected,

+.recordSummaryCellSelectedDark {

+  background: #c4d7e2 !important;

+ border-bottom: 1px solid #c4d7e2;

+  border-top: 1px solid #c4d7e2;

+  }

+.cellSelectedOver,

+.cellSelectedOverDark,

+.specialColSelectedOver,

+.recordSummaryCellSelectedOver,

+.recordSummaryCellSelectedOverDark {

+  background: #c4d7e2 !important;

+   border-bottom: 1px solid #c4d7e2;

+  border-top: 1px solid #c4d7e2;

+}

+.cellOver,

+.cellOverDark,

+.specialColOver,

+.recordSummaryCellOver,

+.recordSummaryCellOverDark {

+  background: #d9e3e8 !important;

+  border-bottom: 1px solid #d9e3e8;

+  border-top: 1px solid #d9e3e8;

+  }

+.treeCellOver,

+.treeCellOverDark {

+  background-color: #d9e3e8; 

+}

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/brown.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/brown.css
index 8a9339e2..a9e5831f 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/brown.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/brown.css
@@ -1,376 +1,376 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-Brown theme
-***/
-/***
-Reset and overrides  
-***/
-body {
-  background-color: #623f18 !important;
-}
-/***
-Page header
-***/
-.header {
-  filter: none !important;
-  background-image: none !important;
-  background-color: #35220d !important;
-}
-.header .btn-navbar {
-  background-color: #35220d !important;
-}
-.header .navbar-nav .dropdown-toggle:hover,
-.header .navbar-nav .dropdown.open .dropdown-toggle {
-  background-color: #5a3a16 !important;
-}
-.header .navbar-nav li.dropdown .dropdown-toggle i {
-  color: #d18d42 !important;
-}
-.btn-group .btn.blue.dropdown-toggle{
-background-color: #8d6a43 !important;
-}
-.page-content .page-breadcrumb.breadcrumb{
-background-color:#F5F5F5 !important;
-}
-/***
-Header Search
-***/
-.header .search-form {
-  background-color: #241709;
-}
-
-.header .search-form .form-control{
-  color: #ccc;
-  border: 0; 
-  background-color: #241709;  
-}
-
-.header .search-form .submit {  
-  background: url(../../image/search-icon-brown.png);
-}
-/***
-Hor menu
-***/
-.header .hor-menu ul.nav li a {
-  color: #ccc;
-}
-
-.header .hor-menu ul.nav li.open > a,
-.header .hor-menu ul.nav li > a:hover,
-.header .hor-menu ul.nav li > a:focus {
-  color: #fff;
-  background: #5a3a16;
-}
-
-.header .hor-menu .dropdown-menu li:hover > a,
-.header .hor-menu ul.nav li.active > a,
-.header .hor-menu ul.nav li.active > a:hover {
-  color: #fff;
-  background: #e02222 !important; 
-}
-
-.header .hor-menu ul.nav li.current > a,
-.header .hor-menu ul.nav li.current > a:hover {
-  color: #fff;
-  background: #e02222 !important; 
-}
-
-
-.header .hor-menu .dropdown-menu {  
-    background: #5a3a16;
-}
-.header .hor-menu .dropdown-menu li > a {    
-    color: #ccc;
-}
-
-.header .hor-menu .hor-menu-search-form-toggler.off {
-   background: #5a3a16 url(../../image/hor-menu-search-close-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form {  
-  background:#5a3a16; 
-}
-
-.header .hor-menu .search-form form input {
-  color: #ccc;
-}
-
-.header .hor-menu .search-form .btn {
-  color: #ccc;
-  background: url(../../image/search-icon-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
-    color: #ccc;
-}
-
-/***
-Mega Menu
-***/
-.mega-menu .mega-menu-submenu {  
-  border-right: 1px solid #6B451B;
-}
-
-.mega-menu .mega-menu-submenu li h3 {  
-  color: #fff;
-}
-
-/***
-Page sidebar
-***/
-.page-sidebar {
-  background-color: #623f18;
-}
-ul.page-sidebar-menu > li > a {
-  border-top: 1px solid #935f24 !important;
-  color: #ffffff !important;
-}
-ul.page-sidebar-menu > li:last-child > a {
-  border-bottom: 1px solid transparent !important;
-}
-ul.page-sidebar-menu > li a i {
-  color: #9a6d3a;
-}
-ul.page-sidebar-menu > li.open > a,
-ul.page-sidebar-menu > li > a:hover,
-ul.page-sidebar-menu > li:hover > a {
-  background: #4e3112;
-}
-ul.page-sidebar-menu > li.active > a {
-  background: #4e3112 !important;
-  border-top-color: transparent !important;
-  color: #ffffff;
-}
-ul.page-sidebar-menu > li.active > a i {
-  color: #ffffff;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
-  border-top: 0px !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,
-ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
-  color: #ffffff !important;
-  background: #8b5922 !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
-  background: #8b5922 !important;
-}
-/* 3rd level sub menu */
-ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
-ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
-ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
-  color: #ffffff !important;
-  background: #8b5922 !important;
-}
-/* font color for all sub menu links*/
-ul.page-sidebar-menu li > ul.sub-menu > li > a {
-  color: #e5bf94;
-}
-/* menu arrows */
-ul.page-sidebar-menu > li > a .arrow:before,
-ul.page-sidebar-menu > li > a .arrow.open:before {
-  color: #c88131 !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
-  color: #b4742c !important;
-}
-ul.page-sidebar-menu > li > a > .arrow.open:before {
-  color: #d18d42 !important;
-}
-ul.page-sidebar-menu > li.active > a .arrow:before,
-ul.page-sidebar-menu > li.active > a .arrow.open:before {
-  color: #ffffff !important;
-}
-/* sidebar search */
-.page-sidebar .sidebar-search input {
-  background-color: #39250e !important;
-  color: #b18d65;
-}
-.page-sidebar .sidebar-search input::-webkit-input-placeholder {
-  color: #b18d65 !important;
-}
-.page-sidebar .sidebar-search input:-moz-placeholder {
-  color: #b18d65 !important;
-}
-.page-sidebar .sidebar-search input:-ms-input-placeholder {
-  color: #b18d65 !important;
-}
-.page-sidebar .sidebar-search input {
-  background-color: #623f18 !important;
-  color: #b18d65 !important;
-}
-.page-sidebar .sidebar-search .input-box {
-  border-bottom: 1px solid #845f36 !important;
-}
-.page-sidebar .sidebar-search .submit {
-  background-image: url(../../image/search-icon-brown.png);
-}
-/***
-Sidebar toggler
-***/
-.sidebar-toggler {
-  background-image: url(../../image/sidebar-toggler-brown.jpg);
-  background-color: #39250e;
-}
-/* search box bg color on expanded */
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
-  background-color: #623f18 !important;
-}
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
-  background-image: url("../../image/sidebar-search-close-brown.png");
-}
-/* sub menu bg color on hover menu item */
-.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
-  background-color: #623f18;
-}
-/***
-Footer 
-***/
-.footer .footer-inner {
-  color: #999999;
-}
-.footer .footer-tools .go-top {
-  background-color: #7f511f;
-}
-.footer .footer-tools .go-top:hover {
-  opacity: 0.7;
-  filter: alpha(opacity=70);
-}
-.footer .footer-tools .go-top i {
-  color: #d18d42;
-}
-/***
-Footer Layouts (new in v1.3)
-***/
-/* begin:fixed footer */
-.page-footer-fixed .footer {
-  background-color: #39250e;
-}
-.page-footer-fixed .footer .footer-inner {
-  color: #999999;
-}
-.page-footer-fixed .footer .footer-tools .go-top {
-  background-color: #7f511f;
-}
-.page-footer-fixed .footer .footer-tools .go-top i {
-  color: #d18d42;
-}
-/* end:fixed footer */
-/***
-Gritter Notifications 
-***/
-.gritter-top {
-  background: url(../../thirdparty/gritter/images/gritter-brown.png) no-repeat left -30px !important;
-}
-.gritter-bottom {
-  background: url(../../thirdparty/gritter/images/gritter-brown.png) no-repeat left bottom !important;
-}
-.gritter-item {
-  display: block;
-  background: url(../../thirdparty/gritter/images/gritter-brown.png) no-repeat left -40px !important;
-}
-.gritter-close {
-  background: url(../../thirdparty/gritter/images/gritter-brown.png) no-repeat left top !important;
-}
-.gritter-title {
-  text-shadow: none !important;
-  /* Not supported by IE :( */
-
-}
-/* for the light (white) version of the gritter notice */
-.gritter-light .gritter-item,
-.gritter-light .gritter-bottom,
-.gritter-light .gritter-top,
-.gritter-light .gritter-close {
-  background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;
-}
-.gritter-item-wrapper a {
-  color: #b18d65;
-}
-.gritter-item-wrapper a:hover {
-  color: #755a3b;
-}
-/* begin: boxed page */
-@media (min-width: 992px) {
-  .page-boxed {
-    background-color: #492f12 !important;
-  }
-  .page-boxed .page-container {
-    background-color: #623f18;
-    border-left: 1px solid #976125;
-    border-bottom: 1px solid #976125;
-  }
-  .page-boxed.page-sidebar-reversed .page-container {
-    border-left: 0;
-    border-right: 1px solid #976125;
-  }
-  .page-boxed.page-sidebar-fixed .page-container {
-    border-left: 0;
-    border-bottom: 0;
-  }
-  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
-    border-left: 0;
-    border-right: 0;
-    border-bottom: 0;
-  }
-  .page-boxed.page-sidebar-fixed .page-sidebar {
-    border-left: 1px solid #976125;
-  }
-  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
-    border-right: 1px solid #976125;
-    border-left: 0; 
-  }
-  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
-    background-color: #492f12 !important;
-  }
-}
-/* end: boxed page */
-/***
-Landscape phone to portrait tablet
-***/
-@media (max-width: 991px) {
-  /***
-    page sidebar
-    ***/
-  .page-sidebar {
-    background-color: #412a10 !important;
-  }
-  ul.page-sidebar-menu > li > a {
-    border-top: 1px solid #764c1d !important;
-  }
-  ul.page-sidebar-menu > li:last-child > a {
-    border-bottom: 0 !important;
-  }
-  .page-sidebar .sidebar-search input {
-    background-color: #412a10 !important;
-  }
-  ul.page-sidebar-menu > li.open > a,
-  ul.page-sidebar-menu > li > a:hover,
-  ul.page-sidebar-menu > li:hover > a {
-    background: #311f0c;
-  }
-}
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+Brown theme

+***/

+/***

+Reset and overrides  

+***/

+body {

+  background-color: #623f18 !important;

+}

+/***

+Page header

+***/

+.header {

+  filter: none !important;

+  background-image: none !important;

+  background-color: #35220d !important;

+}

+.header .btn-navbar {

+  background-color: #35220d !important;

+}

+.header .navbar-nav .dropdown-toggle:hover,

+.header .navbar-nav .dropdown.open .dropdown-toggle {

+  background-color: #5a3a16 !important;

+}

+.header .navbar-nav li.dropdown .dropdown-toggle i {

+  color: #d18d42 !important;

+}

+.btn-group .btn.blue.dropdown-toggle{

+background-color: #8d6a43 !important;

+}

+.page-content .page-breadcrumb.breadcrumb{

+background-color:#F5F5F5 !important;

+}

+/***

+Header Search

+***/

+.header .search-form {

+  background-color: #241709;

+}

+

+.header .search-form .form-control{

+  color: #ccc;

+  border: 0; 

+  background-color: #241709;  

+}

+

+.header .search-form .submit {  

+  background: url(../../image/search-icon-brown.png);

+}

+/***

+Hor menu

+***/

+.header .hor-menu ul.nav li a {

+  color: #ccc;

+}

+

+.header .hor-menu ul.nav li.open > a,

+.header .hor-menu ul.nav li > a:hover,

+.header .hor-menu ul.nav li > a:focus {

+  color: #fff;

+  background: #5a3a16;

+}

+

+.header .hor-menu .dropdown-menu li:hover > a,

+.header .hor-menu ul.nav li.active > a,

+.header .hor-menu ul.nav li.active > a:hover {

+  color: #fff;

+  background: #e02222 !important; 

+}

+

+.header .hor-menu ul.nav li.current > a,

+.header .hor-menu ul.nav li.current > a:hover {

+  color: #fff;

+  background: #e02222 !important; 

+}

+

+

+.header .hor-menu .dropdown-menu {  

+    background: #5a3a16;

+}

+.header .hor-menu .dropdown-menu li > a {    

+    color: #ccc;

+}

+

+.header .hor-menu .hor-menu-search-form-toggler.off {

+   background: #5a3a16 url(../../image/hor-menu-search-close-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form {  

+  background:#5a3a16; 

+}

+

+.header .hor-menu .search-form form input {

+  color: #ccc;

+}

+

+.header .hor-menu .search-form .btn {

+  color: #ccc;

+  background: url(../../image/search-icon-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */

+    color: #ccc;

+}

+

+/***

+Mega Menu

+***/

+.mega-menu .mega-menu-submenu {  

+  border-right: 1px solid #6B451B;

+}

+

+.mega-menu .mega-menu-submenu li h3 {  

+  color: #fff;

+}

+

+/***

+Page sidebar

+***/

+.page-sidebar {

+  background-color: #623f18;

+}

+ul.page-sidebar-menu > li > a {

+  border-top: 1px solid #935f24 !important;

+  color: #ffffff !important;

+}

+ul.page-sidebar-menu > li:last-child > a {

+  border-bottom: 1px solid transparent !important;

+}

+ul.page-sidebar-menu > li a i {

+  color: #9a6d3a;

+}

+ul.page-sidebar-menu > li.open > a,

+ul.page-sidebar-menu > li > a:hover,

+ul.page-sidebar-menu > li:hover > a {

+  background: #4e3112;

+}

+ul.page-sidebar-menu > li.active > a {

+  background: #4e3112 !important;

+  border-top-color: transparent !important;

+  color: #ffffff;

+}

+ul.page-sidebar-menu > li.active > a i {

+  color: #ffffff;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {

+  border-top: 0px !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,

+ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {

+  color: #ffffff !important;

+  background: #8b5922 !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {

+  background: #8b5922 !important;

+}

+/* 3rd level sub menu */

+ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,

+ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,

+ul.page-sidebar-menu > li > ul.sub-menu li.open > a {

+  color: #ffffff !important;

+  background: #8b5922 !important;

+}

+/* font color for all sub menu links*/

+ul.page-sidebar-menu li > ul.sub-menu > li > a {

+  color: #e5bf94;

+}

+/* menu arrows */

+ul.page-sidebar-menu > li > a .arrow:before,

+ul.page-sidebar-menu > li > a .arrow.open:before {

+  color: #c88131 !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {

+  color: #b4742c !important;

+}

+ul.page-sidebar-menu > li > a > .arrow.open:before {

+  color: #d18d42 !important;

+}

+ul.page-sidebar-menu > li.active > a .arrow:before,

+ul.page-sidebar-menu > li.active > a .arrow.open:before {

+  color: #ffffff !important;

+}

+/* sidebar search */

+.page-sidebar .sidebar-search input {

+  background-color: #39250e !important;

+  color: #b18d65;

+}

+.page-sidebar .sidebar-search input::-webkit-input-placeholder {

+  color: #b18d65 !important;

+}

+.page-sidebar .sidebar-search input:-moz-placeholder {

+  color: #b18d65 !important;

+}

+.page-sidebar .sidebar-search input:-ms-input-placeholder {

+  color: #b18d65 !important;

+}

+.page-sidebar .sidebar-search input {

+  background-color: #623f18 !important;

+  color: #b18d65 !important;

+}

+.page-sidebar .sidebar-search .input-box {

+  border-bottom: 1px solid #845f36 !important;

+}

+.page-sidebar .sidebar-search .submit {

+  background-image: url(../../image/search-icon-brown.png);

+}

+/***

+Sidebar toggler

+***/

+.sidebar-toggler {

+  background-image: url(../../image/sidebar-toggler-brown.jpg);

+  background-color: #39250e;

+}

+/* search box bg color on expanded */

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {

+  background-color: #623f18 !important;

+}

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {

+  background-image: url("../../image/sidebar-search-close-brown.png");

+}

+/* sub menu bg color on hover menu item */

+.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {

+  background-color: #623f18;

+}

+/***

+Footer 

+***/

+.footer .footer-inner {

+  color: #999999;

+}

+.footer .footer-tools .go-top {

+  background-color: #7f511f;

+}

+.footer .footer-tools .go-top:hover {

+  opacity: 0.7;

+  filter: alpha(opacity=70);

+}

+.footer .footer-tools .go-top i {

+  color: #d18d42;

+}

+/***

+Footer Layouts (new in v1.3)

+***/

+/* begin:fixed footer */

+.page-footer-fixed .footer {

+  background-color: #39250e;

+}

+.page-footer-fixed .footer .footer-inner {

+  color: #999999;

+}

+.page-footer-fixed .footer .footer-tools .go-top {

+  background-color: #7f511f;

+}

+.page-footer-fixed .footer .footer-tools .go-top i {

+  color: #d18d42;

+}

+/* end:fixed footer */

+/***

+Gritter Notifications 

+***/

+.gritter-top {

+  background: url(../../thirdparty/gritter/images/gritter-brown.png) no-repeat left -30px !important;

+}

+.gritter-bottom {

+  background: url(../../thirdparty/gritter/images/gritter-brown.png) no-repeat left bottom !important;

+}

+.gritter-item {

+  display: block;

+  background: url(../../thirdparty/gritter/images/gritter-brown.png) no-repeat left -40px !important;

+}

+.gritter-close {

+  background: url(../../thirdparty/gritter/images/gritter-brown.png) no-repeat left top !important;

+}

+.gritter-title {

+  text-shadow: none !important;

+  /* Not supported by IE :( */

+

+}

+/* for the light (white) version of the gritter notice */

+.gritter-light .gritter-item,

+.gritter-light .gritter-bottom,

+.gritter-light .gritter-top,

+.gritter-light .gritter-close {

+  background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;

+}

+.gritter-item-wrapper a {

+  color: #b18d65;

+}

+.gritter-item-wrapper a:hover {

+  color: #755a3b;

+}

+/* begin: boxed page */

+@media (min-width: 992px) {

+  .page-boxed {

+    background-color: #492f12 !important;

+  }

+  .page-boxed .page-container {

+    background-color: #623f18;

+    border-left: 1px solid #976125;

+    border-bottom: 1px solid #976125;

+  }

+  .page-boxed.page-sidebar-reversed .page-container {

+    border-left: 0;

+    border-right: 1px solid #976125;

+  }

+  .page-boxed.page-sidebar-fixed .page-container {

+    border-left: 0;

+    border-bottom: 0;

+  }

+  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {

+    border-left: 0;

+    border-right: 0;

+    border-bottom: 0;

+  }

+  .page-boxed.page-sidebar-fixed .page-sidebar {

+    border-left: 1px solid #976125;

+  }

+  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {

+    border-right: 1px solid #976125;

+    border-left: 0; 

+  }

+  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {

+    background-color: #492f12 !important;

+  }

+}

+/* end: boxed page */

+/***

+Landscape phone to portrait tablet

+***/

+@media (max-width: 991px) {

+  /***

+    page sidebar

+    ***/

+  .page-sidebar {

+    background-color: #412a10 !important;

+  }

+  ul.page-sidebar-menu > li > a {

+    border-top: 1px solid #764c1d !important;

+  }

+  ul.page-sidebar-menu > li:last-child > a {

+    border-bottom: 0 !important;

+  }

+  .page-sidebar .sidebar-search input {

+    background-color: #412a10 !important;

+  }

+  ul.page-sidebar-menu > li.open > a,

+  ul.page-sidebar-menu > li > a:hover,

+  ul.page-sidebar-menu > li:hover > a {

+    background: #311f0c;

+  }

+}

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/brown_ifrm.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/brown_ifrm.css
index 1bda14f9..103bc896 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/brown_ifrm.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/brown_ifrm.css
@@ -1,207 +1,207 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-light_ifrm theme
-***/
-td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-/* button style*/
-.buttonRounded,
-.buttonRoundedOver,
-.buttonRoundedFocused,
-.buttonRoundedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown,
-.buttonRoundedSelected,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedDown,
-.buttonRoundedSelectedFocusedDown,
-.buttonRoundedSelectedOver,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDisabled,
-.buttonRoundedSelectedDisabled {
-  background-color: #8d6a43;
-  color: #fff;
-  border: 0px solid #b15a59;
-  border-radius: 0px;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  /*padding: 0 3px;*/
-  padding-left:7px !important;
-  padding-right:7px !important;
-  height:30px !important;
-}
-.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-.buttonRoundedOver,
-.buttonRoundedFocusedOver,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown {
-  background-color: #805b32;
-  height:30px !important;
-}
-
-.menuButton,
-.menuButtonOver,
-.menuButtonDown,
-.menuButtonDisabled,
-.menuButtonFocused,
-.menuButtonFocusedDown,
-.menuButtonFocusedOver,
-.menuButtonSelected,
-.menuButtonSelectedDown,
-.menuButtonSelectedOver,
-.menuButtonSelectedDisabled {
-  background-color: #8d6a43;
-  border: 0px solid #ababab;
-  color: #fff;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  padding-left: 7px !important;
-  padding-right: 7px !important;
-  height:30px !important;
-}
-.menuButtonOver {
-  background-color: #805b32;
- }
- .menuButtonDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
- .buttonTitle,
-.buttonTitleOver,
-.buttonTitleDown,
-.buttonTitleSelected,
-.buttonTitleFocused,
-.buttonTitleSelectedFocused,
-.buttonTitleSelectedOver,
-.buttonTitleFocusedOver,
-.buttonTitleSelectedFocusedOver,
-.buttonTitleSelectedDown,
-.buttonTitleFocusedDown,
-.buttonTitleSelectedFocusedDown,
-.buttonTitleDisabled,
-.buttonTitleSelectedDisabled {
-  color: #fff ;
-}
-.buttonTitleDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-   /* windowBody dialogBody Style */
- .windowBody,
-.dialogBody {
-  background-color: white;
-  border: 1px solid #8d6a43;
-  border-top: 0;
-}
-.windowHeader,
-.dialogHeader {
-  background-color: #8d6a43;
-  padding: 0;
-}
-/* sectionHeader Style */
-.sectionHeaderopened {
-  background-color: #8d6a43;
-  }
-  .sectionHeaderclosed {
-  background-color: #9f7b53;
-  }
-
-#dt_example h1{
-color:#8d6a43;
-font-weight:600 !important;
-}
-  /*cell style*/
-.tallCellOver,
-.tallCellOverDark {
-  background-color: #ece0d3;
-  border-bottom: 1px solid #ece0d3;
-  border-top: 1px  solid #ece0d3;
-  }
-.tallCellSelected,
-.tallCellSelectedDark {
-  background: #d4c2af;
-  border-bottom: 1px solid #d4c2af;
-  border-top: 1px  solid #d4c2af;
-  }
-.tallCellSelectedOver,
-.tallCellSelectedOverDark {
-  background: #d4c2af;
-  border-bottom: 1px solid #d4c2af;
-  border-top: 1px  solid #d4c2af;
-  }
-.imgHeaderButtonOver,
-.imgHeaderButtonDown,
-.headerButtonOver,
-.headerButtonDown,
-.sorterButtonOver,
-.sorterButtonDown {
-  background-color: #cbaf8f;
-  }
-.cellSelected,
-.cellSelectedDark,
-.specialColSelected,
-.recordSummaryCellSelected,
-.recordSummaryCellSelectedDark {
-  background: #d4c2af !important;
- border-bottom: 1px solid #d4c2af;
-  border-top: 1px solid #d4c2af;
-  }
-.cellSelectedOver,
-.cellSelectedOverDark,
-.specialColSelectedOver,
-.recordSummaryCellSelectedOver,
-.recordSummaryCellSelectedOverDark {
-  background: #d4c2af !important;
-   border-bottom: 1px solid #d4c2af;
-  border-top: 1px solid #d4c2af;
-}
-.cellOver,
-.cellOverDark,
-.specialColOver,
-.recordSummaryCellOver,
-.recordSummaryCellOverDark {
-  background: #ece0d3 !important;
-  border-bottom: 1px solid #ece0d3;
-  border-top: 1px solid #ece0d3;
-  }
-.treeCellOver,
-.treeCellOverDark {
-  background-color: #ece0d3; 
-}  
-  
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+light_ifrm theme

+***/

+td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+/* button style*/

+.buttonRounded,

+.buttonRoundedOver,

+.buttonRoundedFocused,

+.buttonRoundedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown,

+.buttonRoundedSelected,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedDown,

+.buttonRoundedSelectedFocusedDown,

+.buttonRoundedSelectedOver,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDisabled,

+.buttonRoundedSelectedDisabled {

+  background-color: #8d6a43;

+  color: #fff;

+  border: 0px solid #b15a59;

+  border-radius: 0px;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  /*padding: 0 3px;*/

+  padding-left:7px !important;

+  padding-right:7px !important;

+  height:30px !important;

+}

+.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+.buttonRoundedOver,

+.buttonRoundedFocusedOver,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown {

+  background-color: #805b32;

+  height:30px !important;

+}

+

+.menuButton,

+.menuButtonOver,

+.menuButtonDown,

+.menuButtonDisabled,

+.menuButtonFocused,

+.menuButtonFocusedDown,

+.menuButtonFocusedOver,

+.menuButtonSelected,

+.menuButtonSelectedDown,

+.menuButtonSelectedOver,

+.menuButtonSelectedDisabled {

+  background-color: #8d6a43;

+  border: 0px solid #ababab;

+  color: #fff;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  padding-left: 7px !important;

+  padding-right: 7px !important;

+  height:30px !important;

+}

+.menuButtonOver {

+  background-color: #805b32;

+ }

+ .menuButtonDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+ .buttonTitle,

+.buttonTitleOver,

+.buttonTitleDown,

+.buttonTitleSelected,

+.buttonTitleFocused,

+.buttonTitleSelectedFocused,

+.buttonTitleSelectedOver,

+.buttonTitleFocusedOver,

+.buttonTitleSelectedFocusedOver,

+.buttonTitleSelectedDown,

+.buttonTitleFocusedDown,

+.buttonTitleSelectedFocusedDown,

+.buttonTitleDisabled,

+.buttonTitleSelectedDisabled {

+  color: #fff ;

+}

+.buttonTitleDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+   /* windowBody dialogBody Style */

+ .windowBody,

+.dialogBody {

+  background-color: white;

+  border: 1px solid #8d6a43;

+  border-top: 0;

+}

+.windowHeader,

+.dialogHeader {

+  background-color: #8d6a43;

+  padding: 0;

+}

+/* sectionHeader Style */

+.sectionHeaderopened {

+  background-color: #8d6a43;

+  }

+  .sectionHeaderclosed {

+  background-color: #9f7b53;

+  }

+

+#dt_example h1{

+color:#8d6a43;

+font-weight:600 !important;

+}

+  /*cell style*/

+.tallCellOver,

+.tallCellOverDark {

+  background-color: #ece0d3;

+  border-bottom: 1px solid #ece0d3;

+  border-top: 1px  solid #ece0d3;

+  }

+.tallCellSelected,

+.tallCellSelectedDark {

+  background: #d4c2af;

+  border-bottom: 1px solid #d4c2af;

+  border-top: 1px  solid #d4c2af;

+  }

+.tallCellSelectedOver,

+.tallCellSelectedOverDark {

+  background: #d4c2af;

+  border-bottom: 1px solid #d4c2af;

+  border-top: 1px  solid #d4c2af;

+  }

+.imgHeaderButtonOver,

+.imgHeaderButtonDown,

+.headerButtonOver,

+.headerButtonDown,

+.sorterButtonOver,

+.sorterButtonDown {

+  background-color: #cbaf8f;

+  }

+.cellSelected,

+.cellSelectedDark,

+.specialColSelected,

+.recordSummaryCellSelected,

+.recordSummaryCellSelectedDark {

+  background: #d4c2af !important;

+ border-bottom: 1px solid #d4c2af;

+  border-top: 1px solid #d4c2af;

+  }

+.cellSelectedOver,

+.cellSelectedOverDark,

+.specialColSelectedOver,

+.recordSummaryCellSelectedOver,

+.recordSummaryCellSelectedOverDark {

+  background: #d4c2af !important;

+   border-bottom: 1px solid #d4c2af;

+  border-top: 1px solid #d4c2af;

+}

+.cellOver,

+.cellOverDark,

+.specialColOver,

+.recordSummaryCellOver,

+.recordSummaryCellOverDark {

+  background: #ece0d3 !important;

+  border-bottom: 1px solid #ece0d3;

+  border-top: 1px solid #ece0d3;

+  }

+.treeCellOver,

+.treeCellOverDark {

+  background-color: #ece0d3; 

+}  

+  

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/grey.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/grey.css
index 2524bc53..beda8f3a 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/grey.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/grey.css
@@ -1,372 +1,372 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-Grey theme
-***/
-/***
-Reset and overrides  
-***/
-body {
-  background-color: #666666 !important;
-}
-/***
-Page header
-***/
-.header {
-  filter: none !important;
-  background-image: none !important;
-  background-color: #4a4a4a !important;
-}
-.header .btn-navbar {
-  background-color: #4a4a4a !important;
-}
-.header .navbar-nav .dropdown-toggle:hover,
-.header .navbar-nav .dropdown.open .dropdown-toggle {
-  background-color: #616161 !important;
-}
-.header .navbar-nav li.dropdown .dropdown-toggle i {
-  color: #b3b3b3 !important;
-}
-.page-content .page-breadcrumb.breadcrumb{
-background-color:#F5F5F5 !important;
-}
-/***
-Header Search
-***/
-.header .search-form {
-  background-color: #3a3a3a;
-}
-
-.header .search-form .form-control{
-  color: #ccc;
-  border: 0; 
-  background-color: #3a3a3a;  
-}
-
-.header .search-form .submit {  
-  background: url(../../image/search-icon-light.png);
-}
-/***
-Hor menu
-***/
-.header .hor-menu ul.nav li a {
-  color: #ccc;
-}
-
-.header .hor-menu ul.nav li.open > a,
-.header .hor-menu ul.nav li > a:hover,
-.header .hor-menu ul.nav li > a:focus {
-  color: #fff;
-  background: #616161;
-}
-
-.header .hor-menu .dropdown-menu li:hover > a,
-.header .hor-menu ul.nav li.active > a,
-.header .hor-menu ul.nav li.active > a:hover {
-  color: #fff;
-  background: #e02222 !important; 
-}
-
-.header .hor-menu ul.nav li.current > a,
-.header .hor-menu ul.nav li.current > a:hover {
-  color: #fff;
-  background: #e02222 !important; 
-}
-
-.header .hor-menu .dropdown-menu {  
-    background: #616161;
-}
-.header .hor-menu .dropdown-menu li > a {    
-    color: #ccc;
-}
-
-.header .hor-menu .hor-menu-search-form-toggler.off {
-   background: #616161 url(../../image/hor-menu-search-close-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form {  
-  background:#616161; 
-}
-
-.header .hor-menu .search-form form input {
-  color: #ccc;
-}
-
-.header .hor-menu .search-form .btn {
-  color: #ccc;
-  background: url(../../image/search-icon-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
-    color: #ccc;
-}
-
-/***
-Mega Menu
-***/
-.mega-menu .mega-menu-submenu {  
-  border-right: 1px solid #757575;
-}
-
-.mega-menu .mega-menu-submenu li h3 {  
-  color: #fff;
-}
-
-/***
-Page sidebar
-***/
-.page-sidebar {
-  background-color: #666666;
-}
-ul.page-sidebar-menu > li > a {
-  border-top: 1px solid #858585 !important;
-  color: #ffffff !important;
-}
-ul.page-sidebar-menu > li:last-child > a {
-  border-bottom: 1px solid transparent !important;
-}
-ul.page-sidebar-menu > li a i {
-  color: #bfbfbf;
-}
-ul.page-sidebar-menu > li.open > a,
-ul.page-sidebar-menu > li > a:hover,
-ul.page-sidebar-menu > li:hover > a {
-  background: #595959;
-}
-ul.page-sidebar-menu > li.active > a {
-  background: #e02222 !important;
-  border-top-color: transparent !important;
-  color: #ffffff;
-}
-ul.page-sidebar-menu > li.active > a i {
-  color: #ffffff;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
-  border-top: 0px !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,
-ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
-  color: #ffffff !important;
-  background: #808080 !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
-  background: #808080 !important;
-}
-/* 3rd level sub menu */
-ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
-ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
-ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
-  color: #ffffff !important;
-  background: #808080 !important;
-}
-/* font color for all sub menu links*/
-ul.page-sidebar-menu li > ul.sub-menu > li > a {
-  color: #e6e6e6;
-}
-/* menu arrows */
-ul.page-sidebar-menu > li > a .arrow:before,
-ul.page-sidebar-menu > li > a .arrow.open:before {
-  color: #a6a6a6 !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
-  color: #999999 !important;
-}
-ul.page-sidebar-menu > li > a > .arrow.open:before {
-  color: #b3b3b3 !important;
-}
-ul.page-sidebar-menu > li.active > a .arrow:before,
-ul.page-sidebar-menu > li.active > a .arrow.open:before {
-  color: #ffffff !important;
-}
-/* sidebar search */
-.page-sidebar .sidebar-search input {
-  background-color: #4d4d4d !important;
-  color: #a6a6a6;
-}
-.page-sidebar .sidebar-search input::-webkit-input-placeholder {
-  color: #a6a6a6 !important;
-}
-.page-sidebar .sidebar-search input:-moz-placeholder {
-  color: #a6a6a6 !important;
-}
-.page-sidebar .sidebar-search input:-ms-input-placeholder {
-  color: #a6a6a6 !important;
-}
-.page-sidebar .sidebar-search input {
-  background-color: #666666 !important;
-  color: #bfbfbf !important;
-}
-.page-sidebar .sidebar-search .input-box {
-  border-bottom: 1px solid #a6a6a6 !important;
-}
-.page-sidebar .sidebar-search .submit {
-  background-image: url(../../image/search-icon.png);
-}
-/***
-Sidebar toggler
-***/
-.sidebar-toggler {
-  background-image: url(../../image/sidebar-toggler.jpg);
-  background-color: #4d4d4d;
-}
-/* search box bg color on expanded */
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
-  background-color: #666666 !important;
-}
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
-  background-image: url("../../image/sidebar-search-close.png");
-}
-/* sub menu bg color on hover menu item */
-.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
-  background-color: #666666;
-}
-/***
-Footer 
-***/
-.footer .footer-inner {
-  color: #b3b3b3;
-}
-.footer .footer-tools .go-top {
-  background-color: #787878;
-}
-.footer .footer-tools .go-top:hover {
-  opacity: 0.7;
-  filter: alpha(opacity=70);
-}
-.footer .footer-tools .go-top i {
-  color: #b3b3b3;
-}
-/***
-Footer Layouts (new in v1.3)
-***/
-/* begin:fixed footer */
-.page-footer-fixed .footer {
-  background-color: #4d4d4d;
-}
-.page-footer-fixed .footer .footer-inner {
-  color: #b3b3b3;
-}
-.page-footer-fixed .footer .footer-tools .go-top {
-  background-color: #787878;
-}
-.page-footer-fixed .footer .footer-tools .go-top i {
-  color: #b3b3b3;
-}
-/* end:fixed footer */
-/***
-Gritter Notifications 
-***/
-.gritter-top {
-  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -30px !important;
-}
-.gritter-bottom {
-  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left bottom !important;
-}
-.gritter-item {
-  display: block;
-  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -40px !important;
-}
-.gritter-close {
-  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left top !important;
-}
-.gritter-title {
-  text-shadow: none !important;
-  /* Not supported by IE :( */
-
-}
-/* for the light (white) version of the gritter notice */
-.gritter-light .gritter-item,
-.gritter-light .gritter-bottom,
-.gritter-light .gritter-top,
-.gritter-light .gritter-close {
-  background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;
-}
-.gritter-item-wrapper a {
-  color: #18a5ed;
-}
-.gritter-item-wrapper a:hover {
-  color: #0b6694;
-}
-/* begin: boxed page */
-@media (min-width: 992px) {
-  .page-boxed {
-    background-color: #575757 !important;
-  }
-  .page-boxed .page-container {
-    background-color: #666666;
-    border-left: 1px solid #878787;
-    border-bottom: 1px solid #878787;
-  }
-  .page-boxed.page-sidebar-reversed .page-container {
-    border-left: 0;
-    border-right: 1px solid #878787;
-  }
-  .page-boxed.page-sidebar-fixed .page-container {
-    border-left: 0;
-    border-bottom: 0;
-  }
-  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
-    border-left: 0;
-    border-right: 0;
-    border-bottom: 0;
-  }
-  .page-boxed.page-sidebar-fixed .page-sidebar {
-    border-left: 1px solid #878787;
-  }
-  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
-    border-right: 1px solid #878787;
-    border-left: 0; 
-  }
-  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
-    background-color: #575757 !important;
-  }
-}
-/* end: boxed page */
-/***
-Landscape phone to portrait tablet
-***/
-@media (max-width: 991px) {
-  /***
-    page sidebar
-    ***/
-  .page-sidebar {
-    background-color: #525252 !important;
-  }
-  ul.page-sidebar-menu > li > a {
-    border-top: 1px solid #737373 !important;
-  }
-  ul.page-sidebar-menu > li:last-child > a {
-    border-bottom: 0 !important;
-  }
-  .page-sidebar .sidebar-search input {
-    background-color: #525252 !important;
-  }
-  ul.page-sidebar-menu > li.open > a,
-  ul.page-sidebar-menu > li > a:hover,
-  ul.page-sidebar-menu > li:hover > a {
-    background: #474747;
-  }
-}
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+Grey theme

+***/

+/***

+Reset and overrides  

+***/

+body {

+  background-color: #666666 !important;

+}

+/***

+Page header

+***/

+.header {

+  filter: none !important;

+  background-image: none !important;

+  background-color: #4a4a4a !important;

+}

+.header .btn-navbar {

+  background-color: #4a4a4a !important;

+}

+.header .navbar-nav .dropdown-toggle:hover,

+.header .navbar-nav .dropdown.open .dropdown-toggle {

+  background-color: #616161 !important;

+}

+.header .navbar-nav li.dropdown .dropdown-toggle i {

+  color: #b3b3b3 !important;

+}

+.page-content .page-breadcrumb.breadcrumb{

+background-color:#F5F5F5 !important;

+}

+/***

+Header Search

+***/

+.header .search-form {

+  background-color: #3a3a3a;

+}

+

+.header .search-form .form-control{

+  color: #ccc;

+  border: 0; 

+  background-color: #3a3a3a;  

+}

+

+.header .search-form .submit {  

+  background: url(../../image/search-icon-light.png);

+}

+/***

+Hor menu

+***/

+.header .hor-menu ul.nav li a {

+  color: #ccc;

+}

+

+.header .hor-menu ul.nav li.open > a,

+.header .hor-menu ul.nav li > a:hover,

+.header .hor-menu ul.nav li > a:focus {

+  color: #fff;

+  background: #616161;

+}

+

+.header .hor-menu .dropdown-menu li:hover > a,

+.header .hor-menu ul.nav li.active > a,

+.header .hor-menu ul.nav li.active > a:hover {

+  color: #fff;

+  background: #e02222 !important; 

+}

+

+.header .hor-menu ul.nav li.current > a,

+.header .hor-menu ul.nav li.current > a:hover {

+  color: #fff;

+  background: #e02222 !important; 

+}

+

+.header .hor-menu .dropdown-menu {  

+    background: #616161;

+}

+.header .hor-menu .dropdown-menu li > a {    

+    color: #ccc;

+}

+

+.header .hor-menu .hor-menu-search-form-toggler.off {

+   background: #616161 url(../../image/hor-menu-search-close-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form {  

+  background:#616161; 

+}

+

+.header .hor-menu .search-form form input {

+  color: #ccc;

+}

+

+.header .hor-menu .search-form .btn {

+  color: #ccc;

+  background: url(../../image/search-icon-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */

+    color: #ccc;

+}

+

+/***

+Mega Menu

+***/

+.mega-menu .mega-menu-submenu {  

+  border-right: 1px solid #757575;

+}

+

+.mega-menu .mega-menu-submenu li h3 {  

+  color: #fff;

+}

+

+/***

+Page sidebar

+***/

+.page-sidebar {

+  background-color: #666666;

+}

+ul.page-sidebar-menu > li > a {

+  border-top: 1px solid #858585 !important;

+  color: #ffffff !important;

+}

+ul.page-sidebar-menu > li:last-child > a {

+  border-bottom: 1px solid transparent !important;

+}

+ul.page-sidebar-menu > li a i {

+  color: #bfbfbf;

+}

+ul.page-sidebar-menu > li.open > a,

+ul.page-sidebar-menu > li > a:hover,

+ul.page-sidebar-menu > li:hover > a {

+  background: #595959;

+}

+ul.page-sidebar-menu > li.active > a {

+  background: #e02222 !important;

+  border-top-color: transparent !important;

+  color: #ffffff;

+}

+ul.page-sidebar-menu > li.active > a i {

+  color: #ffffff;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {

+  border-top: 0px !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,

+ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {

+  color: #ffffff !important;

+  background: #808080 !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {

+  background: #808080 !important;

+}

+/* 3rd level sub menu */

+ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,

+ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,

+ul.page-sidebar-menu > li > ul.sub-menu li.open > a {

+  color: #ffffff !important;

+  background: #808080 !important;

+}

+/* font color for all sub menu links*/

+ul.page-sidebar-menu li > ul.sub-menu > li > a {

+  color: #e6e6e6;

+}

+/* menu arrows */

+ul.page-sidebar-menu > li > a .arrow:before,

+ul.page-sidebar-menu > li > a .arrow.open:before {

+  color: #a6a6a6 !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {

+  color: #999999 !important;

+}

+ul.page-sidebar-menu > li > a > .arrow.open:before {

+  color: #b3b3b3 !important;

+}

+ul.page-sidebar-menu > li.active > a .arrow:before,

+ul.page-sidebar-menu > li.active > a .arrow.open:before {

+  color: #ffffff !important;

+}

+/* sidebar search */

+.page-sidebar .sidebar-search input {

+  background-color: #4d4d4d !important;

+  color: #a6a6a6;

+}

+.page-sidebar .sidebar-search input::-webkit-input-placeholder {

+  color: #a6a6a6 !important;

+}

+.page-sidebar .sidebar-search input:-moz-placeholder {

+  color: #a6a6a6 !important;

+}

+.page-sidebar .sidebar-search input:-ms-input-placeholder {

+  color: #a6a6a6 !important;

+}

+.page-sidebar .sidebar-search input {

+  background-color: #666666 !important;

+  color: #bfbfbf !important;

+}

+.page-sidebar .sidebar-search .input-box {

+  border-bottom: 1px solid #a6a6a6 !important;

+}

+.page-sidebar .sidebar-search .submit {

+  background-image: url(../../image/search-icon.png);

+}

+/***

+Sidebar toggler

+***/

+.sidebar-toggler {

+  background-image: url(../../image/sidebar-toggler.jpg);

+  background-color: #4d4d4d;

+}

+/* search box bg color on expanded */

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {

+  background-color: #666666 !important;

+}

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {

+  background-image: url("../../image/sidebar-search-close.png");

+}

+/* sub menu bg color on hover menu item */

+.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {

+  background-color: #666666;

+}

+/***

+Footer 

+***/

+.footer .footer-inner {

+  color: #b3b3b3;

+}

+.footer .footer-tools .go-top {

+  background-color: #787878;

+}

+.footer .footer-tools .go-top:hover {

+  opacity: 0.7;

+  filter: alpha(opacity=70);

+}

+.footer .footer-tools .go-top i {

+  color: #b3b3b3;

+}

+/***

+Footer Layouts (new in v1.3)

+***/

+/* begin:fixed footer */

+.page-footer-fixed .footer {

+  background-color: #4d4d4d;

+}

+.page-footer-fixed .footer .footer-inner {

+  color: #b3b3b3;

+}

+.page-footer-fixed .footer .footer-tools .go-top {

+  background-color: #787878;

+}

+.page-footer-fixed .footer .footer-tools .go-top i {

+  color: #b3b3b3;

+}

+/* end:fixed footer */

+/***

+Gritter Notifications 

+***/

+.gritter-top {

+  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -30px !important;

+}

+.gritter-bottom {

+  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left bottom !important;

+}

+.gritter-item {

+  display: block;

+  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -40px !important;

+}

+.gritter-close {

+  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left top !important;

+}

+.gritter-title {

+  text-shadow: none !important;

+  /* Not supported by IE :( */

+

+}

+/* for the light (white) version of the gritter notice */

+.gritter-light .gritter-item,

+.gritter-light .gritter-bottom,

+.gritter-light .gritter-top,

+.gritter-light .gritter-close {

+  background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;

+}

+.gritter-item-wrapper a {

+  color: #18a5ed;

+}

+.gritter-item-wrapper a:hover {

+  color: #0b6694;

+}

+/* begin: boxed page */

+@media (min-width: 992px) {

+  .page-boxed {

+    background-color: #575757 !important;

+  }

+  .page-boxed .page-container {

+    background-color: #666666;

+    border-left: 1px solid #878787;

+    border-bottom: 1px solid #878787;

+  }

+  .page-boxed.page-sidebar-reversed .page-container {

+    border-left: 0;

+    border-right: 1px solid #878787;

+  }

+  .page-boxed.page-sidebar-fixed .page-container {

+    border-left: 0;

+    border-bottom: 0;

+  }

+  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {

+    border-left: 0;

+    border-right: 0;

+    border-bottom: 0;

+  }

+  .page-boxed.page-sidebar-fixed .page-sidebar {

+    border-left: 1px solid #878787;

+  }

+  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {

+    border-right: 1px solid #878787;

+    border-left: 0; 

+  }

+  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {

+    background-color: #575757 !important;

+  }

+}

+/* end: boxed page */

+/***

+Landscape phone to portrait tablet

+***/

+@media (max-width: 991px) {

+  /***

+    page sidebar

+    ***/

+  .page-sidebar {

+    background-color: #525252 !important;

+  }

+  ul.page-sidebar-menu > li > a {

+    border-top: 1px solid #737373 !important;

+  }

+  ul.page-sidebar-menu > li:last-child > a {

+    border-bottom: 0 !important;

+  }

+  .page-sidebar .sidebar-search input {

+    background-color: #525252 !important;

+  }

+  ul.page-sidebar-menu > li.open > a,

+  ul.page-sidebar-menu > li > a:hover,

+  ul.page-sidebar-menu > li:hover > a {

+    background: #474747;

+  }

+}

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/grey_ifrm.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/grey_ifrm.css
index e3b85681..92d80f5e 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/grey_ifrm.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/grey_ifrm.css
@@ -1,209 +1,209 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-light_ifrm theme
-***/
-td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-/* button style*/
-.buttonRounded,
-.buttonRoundedOver,
-.buttonRoundedFocused,
-.buttonRoundedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown,
-.buttonRoundedSelected,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedDown,
-.buttonRoundedSelectedFocusedDown,
-.buttonRoundedSelectedOver,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDisabled,
-.buttonRoundedSelectedDisabled {
-  background-color: #69a0f8;
-  color: #fff;
-  border: 0px solid #b15a59;
-  border-radius: 0px;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  /*padding: 0 3px;*/
-  padding-left:7px !important;
-  padding-right:7px !important;
-  height:30px !important;
-}
-.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-.buttonRoundedOver,
-.buttonRoundedFocusedOver,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown {
-  background-color: #4b8df8;
-  height:30px !important;
-}
-
-.menuButton,
-.menuButtonOver,
-.menuButtonDown,
-.menuButtonDisabled,
-.menuButtonFocused,
-.menuButtonFocusedDown,
-.menuButtonFocusedOver,
-.menuButtonSelected,
-.menuButtonSelectedDown,
-.menuButtonSelectedOver,
-.menuButtonSelectedDisabled {
-  background-color: #69a0f8;
-  border: 0px solid #ababab;
-  color: #fff;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  padding-left: 7px !important;
-  padding-right: 7px !important;
-  height:30px !important;
-}
-.menuButtonOver {
-  background-color: #4b8df8;
- }
-.menuButtonDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-.buttonTitle,
-.buttonTitleOver,
-.buttonTitleDown,
-.buttonTitleSelected,
-.buttonTitleFocused,
-.buttonTitleSelectedFocused,
-.buttonTitleSelectedOver,
-.buttonTitleFocusedOver,
-.buttonTitleSelectedFocusedOver,
-.buttonTitleSelectedDown,
-.buttonTitleFocusedDown,
-.buttonTitleSelectedFocusedDown,
-.buttonTitleDisabled,
-.buttonTitleSelectedDisabled {
-  color: #fff ;
-  }
-.buttonTitleDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-   /* windowBody dialogBody Style */
- .windowBody,
-.dialogBody {
-  background-color: white;
-  border: 1px solid #69a0f8;
-  border-top: 0;
-}
-.windowHeader,
-.dialogHeader {
-  background-color: #69a0f8;
-  padding: 0;
-}
-/* sectionHeader Style */
-.sectionHeaderopened {
-  background-color: #69a0f8;
-  }
-  .sectionHeaderclosed {
-  background-color: #5e9bfd;
-  }
-
-#dt_example h1{
-color:#4b8df8;
-font-weight:600 !important;
-}
-
-
-  /*cell style*/
-.tallCellOver,
-.tallCellOverDark {
-  background-color: #ffede4;
-  border-bottom: 1px solid #ffede4;
-  border-top: 1px  solid #ffede4;
-  }
-.tallCellSelected,
-.tallCellSelectedDark {
-  background: #f8dddd;
-  border-bottom: 1px solid #f8dddd;
-  border-top: 1px  solid #f8dddd;
-  }
-.tallCellSelectedOver,
-.tallCellSelectedOverDark {
-  background: #f8dddd;
-  border-bottom: 1px solid #f8dddd;
-  border-top: 1px  solid #f8dddd;
-  }
-.imgHeaderButtonOver,
-.imgHeaderButtonDown,
-.headerButtonOver,
-.headerButtonDown,
-.sorterButtonOver,
-.sorterButtonDown {
-  background-color: #c4d7e2;
-  }
-.cellSelected,
-.cellSelectedDark,
-.specialColSelected,
-.recordSummaryCellSelected,
-.recordSummaryCellSelectedDark {
-  background: #f8dddd !important;
- border-bottom: 1px solid #f8dddd;
-  border-top: 1px solid #f8dddd;
-  }
-.cellSelectedOver,
-.cellSelectedOverDark,
-.specialColSelectedOver,
-.recordSummaryCellSelectedOver,
-.recordSummaryCellSelectedOverDark {
-  background: #f8dddd !important;
-   border-bottom: 1px solid #f8dddd;
-  border-top: 1px solid #f8dddd;
-}
-.cellOver,
-.cellOverDark,
-.specialColOver,
-.recordSummaryCellOver,
-.recordSummaryCellOverDark {
-  background: #ffede4 !important;
-  border-bottom: 1px solid #ffede4;
-  border-top: 1px solid #ffede4;
-  }
-.treeCellOver,
-.treeCellOverDark {
-  background-color: #ffede4; 
-}  
-    
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+light_ifrm theme

+***/

+td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+/* button style*/

+.buttonRounded,

+.buttonRoundedOver,

+.buttonRoundedFocused,

+.buttonRoundedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown,

+.buttonRoundedSelected,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedDown,

+.buttonRoundedSelectedFocusedDown,

+.buttonRoundedSelectedOver,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDisabled,

+.buttonRoundedSelectedDisabled {

+  background-color: #69a0f8;

+  color: #fff;

+  border: 0px solid #b15a59;

+  border-radius: 0px;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  /*padding: 0 3px;*/

+  padding-left:7px !important;

+  padding-right:7px !important;

+  height:30px !important;

+}

+.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+.buttonRoundedOver,

+.buttonRoundedFocusedOver,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown {

+  background-color: #4b8df8;

+  height:30px !important;

+}

+

+.menuButton,

+.menuButtonOver,

+.menuButtonDown,

+.menuButtonDisabled,

+.menuButtonFocused,

+.menuButtonFocusedDown,

+.menuButtonFocusedOver,

+.menuButtonSelected,

+.menuButtonSelectedDown,

+.menuButtonSelectedOver,

+.menuButtonSelectedDisabled {

+  background-color: #69a0f8;

+  border: 0px solid #ababab;

+  color: #fff;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  padding-left: 7px !important;

+  padding-right: 7px !important;

+  height:30px !important;

+}

+.menuButtonOver {

+  background-color: #4b8df8;

+ }

+.menuButtonDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+.buttonTitle,

+.buttonTitleOver,

+.buttonTitleDown,

+.buttonTitleSelected,

+.buttonTitleFocused,

+.buttonTitleSelectedFocused,

+.buttonTitleSelectedOver,

+.buttonTitleFocusedOver,

+.buttonTitleSelectedFocusedOver,

+.buttonTitleSelectedDown,

+.buttonTitleFocusedDown,

+.buttonTitleSelectedFocusedDown,

+.buttonTitleDisabled,

+.buttonTitleSelectedDisabled {

+  color: #fff ;

+  }

+.buttonTitleDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+   /* windowBody dialogBody Style */

+ .windowBody,

+.dialogBody {

+  background-color: white;

+  border: 1px solid #69a0f8;

+  border-top: 0;

+}

+.windowHeader,

+.dialogHeader {

+  background-color: #69a0f8;

+  padding: 0;

+}

+/* sectionHeader Style */

+.sectionHeaderopened {

+  background-color: #69a0f8;

+  }

+  .sectionHeaderclosed {

+  background-color: #5e9bfd;

+  }

+

+#dt_example h1{

+color:#4b8df8;

+font-weight:600 !important;

+}

+

+

+  /*cell style*/

+.tallCellOver,

+.tallCellOverDark {

+  background-color: #ffede4;

+  border-bottom: 1px solid #ffede4;

+  border-top: 1px  solid #ffede4;

+  }

+.tallCellSelected,

+.tallCellSelectedDark {

+  background: #f8dddd;

+  border-bottom: 1px solid #f8dddd;

+  border-top: 1px  solid #f8dddd;

+  }

+.tallCellSelectedOver,

+.tallCellSelectedOverDark {

+  background: #f8dddd;

+  border-bottom: 1px solid #f8dddd;

+  border-top: 1px  solid #f8dddd;

+  }

+.imgHeaderButtonOver,

+.imgHeaderButtonDown,

+.headerButtonOver,

+.headerButtonDown,

+.sorterButtonOver,

+.sorterButtonDown {

+  background-color: #c4d7e2;

+  }

+.cellSelected,

+.cellSelectedDark,

+.specialColSelected,

+.recordSummaryCellSelected,

+.recordSummaryCellSelectedDark {

+  background: #f8dddd !important;

+ border-bottom: 1px solid #f8dddd;

+  border-top: 1px solid #f8dddd;

+  }

+.cellSelectedOver,

+.cellSelectedOverDark,

+.specialColSelectedOver,

+.recordSummaryCellSelectedOver,

+.recordSummaryCellSelectedOverDark {

+  background: #f8dddd !important;

+   border-bottom: 1px solid #f8dddd;

+  border-top: 1px solid #f8dddd;

+}

+.cellOver,

+.cellOverDark,

+.specialColOver,

+.recordSummaryCellOver,

+.recordSummaryCellOverDark {

+  background: #ffede4 !important;

+  border-bottom: 1px solid #ffede4;

+  border-top: 1px solid #ffede4;

+  }

+.treeCellOver,

+.treeCellOverDark {

+  background-color: #ffede4; 

+}  

+    

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/light.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/light.css
index f918f725..a23aa845 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/light.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/light.css
@@ -1,479 +1,479 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-light theme
-***/
-
-/***
-Reset and overrides  
-***/
-body {
-  background-color: #fafafa !important;
-}
-/***
-Page header
-***/
-.header {
-  filter: none !important;
-  background-image: none !important;
-  background-color: #434343 !important;
-}
-.header .btn-navbar {
-  background-color: #434343 !important;
-}
-.header .navbar-nav .dropdown-toggle:hover,
-.header .navbar-nav .dropdown.open .dropdown-toggle {
-  background-color: #4f4f4f !important;
-}
-.header .navbar-nav li.dropdown .dropdown-toggle i {
-  color: #808080 !important;
-}
-.btn-group .btn.blue.dropdown-toggle{
-background-color: #28b779 !important;
-}
-.page-content .page-breadcrumb.breadcrumb{
-background-color:#F5F5F5 !important;
-}
-/***
-Header Search
-***/
-.header .search-form {
-  background-color: #3a3a3a;
-}
-
-.header .search-form .form-control{
-  color: #ccc;
-  border: 0; 
-  background-color: #3a3a3a;  
-}
-
-.header .search-form .submit {  
-  background: url(../../image/search-icon.png);
-}
-/***
-Hor menu
-***/
-.header .hor-menu ul.nav li a {
-  color: #ccc;
-}
-
-.header .hor-menu ul.nav li.open > a,
-.header .hor-menu ul.nav li > a:hover,
-.header .hor-menu ul.nav li > a:focus {
-  color: #fff;
-  background: #4f4f4f;
-}
-
-.header .hor-menu .dropdown-menu li:hover > a,
-.header .hor-menu ul.nav li.active > a,
-.header .hor-menu ul.nav li.active > a:hover {
-  color: #fff;
-  background: #51b88b !important; 
-}
-.header.navbar .hor-menu ul.nav li.current .selected,
-.header.navbar .hor-menu ul.nav li.active .selected {
-  border-top: 6px solid #51b88b;
-  }
-  
-.header .hor-menu ul.nav li.current > a,
-.header .hor-menu ul.nav li.current > a:hover {
-  color: #fff;
-  background: #e02222 !important; 
-}
-
-.header .hor-menu .dropdown-menu {  
-    background: #4f4f4f;
-}
-.header .hor-menu .dropdown-menu li > a {    
-    color: #ccc;
-}
-
-.header .hor-menu .hor-menu-search-form-toggler.off {
-   background: #4f4f4f url(../../image/hor-menu-search-close-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form {  
-  background:#4f4f4f; 
-}
-
-.header .hor-menu .search-form form input {
-  color: #ccc;
-}
-
-.header .hor-menu .search-form .btn {
-  color: #ccc;
-  background: url(../../image/search-icon-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
-    color: #ccc;
-}
-
-/***
-Mega Menu
-***/
-.mega-menu .mega-menu-submenu {  
-  border-right: 1px solid #656565;
-}
-
-.mega-menu .mega-menu-submenu li h3 {  
-  color: #fff;
-}
-
-/***
-Page sidebar
-***/
-.page-content {
-  border-left: 1px solid #e2e2e2 !important;
-  border-bottom: 1px solid #e2e2e2 !important;
-}
-.page-sidebar-reversed .page-content {
-  border-left: 0;
-  border-right: 1px solid #e2e2e2 !important;
-}
-.page-sidebar {
-  background-color: #fafafa;
-}
-.page-sidebar-fixed .page-content {
-  border: 0 !important;
-}
-.page-sidebar-fixed .page-sidebar {
-  border-right: 1px solid #e2e2e2 !important;
-}
-
-
-ul.page-sidebar-menu > li > a {
-  border-top: 1px solid #e2e2e2 !important;
-  color: #000 !important;
-  font-weight: 400;
-}
-
-ul.page-sidebar-menu > li:first-child > a {
-   border-top: 1px solid transparent !important;
-}
-
-ul.page-sidebar-menu > li:last-child > a {
-   border-bottom: 1px solid transparent !important;
-}
-
-ul.page-sidebar-menu > li a i {
-  color: #bbb !important;
-}
-ul.page-sidebar-menu > li.open > a,
-ul.page-sidebar-menu > li > a:hover,
-ul.page-sidebar-menu > li:hover > a {
-  background: #eee;
-  border-top: 1px solid #e8e8e8;
-}
-ul.page-sidebar-menu > li.active > a .selected {
-  right:-7px;
-  top:0px;
-  width: 7px;
-  height: 39px;
-  background-image: url("../../image/sidebar-menu-arrow-green.png");
-}  
-.page-sidebar-reversed ul.page-sidebar-menu > li.active > a .selected {
-  right: auto;
-  left:-7px;
-  background-image: url("../../image/sidebar-menu-arrow-green-reverse.png");
-} 
-ul.page-sidebar-menu > li.active i {
-  color: #fff !important;
-}
-.page-sidebar-fixed ul.page-sidebar-menu > li.active > a .selected {
-  display: none;
-}
-ul.page-sidebar-menu > li.active > a{
-  background: #28b779 !important;
-  border-top-color: transparent !important;
-  color:#fff !important;
-}  
-ul.page-sidebar-menu > li.active > a i {
-  color: #fff;
-}
-ul.page-sidebar-menu > li > a > .arrow:before,
-ul.page-sidebar-menu > li > a > .arrow.open:before {
-  color: #ccc !important;
-}
-ul.page-sidebar-menu > li.active > a .arrow:before, 
-ul.page-sidebar-menu > li.active > a .arrow.open:before {
-  color: #fff !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
-  border-top: 0px !important;
-}
-
-ul.page-sidebar-menu ul.sub-menu > li > a {
-  font-weight: 400 !important;
-  color: #333 !important;
-}
-ul.page-sidebar-menu ul.sub-menu > li.active > a,
-ul.page-sidebar-menu ul.sub-menu > li > a:hover {
-  color: #818181 !important;
-  background: #efefef !important; 
-}
-
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
-  color: #ccc !important;
-}
-
-/* sub menu links effects */
-ul.page-sidebar-menu ul.sub-menu > li.active > a,
-ul.page-sidebar-menu ul.sub-menu > li > a:hover,
-ul.page-sidebar-menu ul.sub-menu > li.open > a {
-  color: #818181 !important;
-  background: #efefef !important; 
-}
-ul.page-sidebar-menu ul.sub-menu > li > a i {
-  color: #bbb !important;
-}
-
-/* sidebar search */
-.page-sidebar .sidebar-search input {
-  background-color: #fbfbfb  !important;  
-  color: #727272 !important;
-}
-.page-sidebar .sidebar-search input::-webkit-input-placeholder {
-  color: #aaa !important;
-}
-.page-sidebar .sidebar-search input:-moz-placeholder {
-  color: #aaa !important;
-}
-.page-sidebar .sidebar-search input:-ms-input-placeholder {
-  color: #aaa !important;
-}
-.page-sidebar .sidebar-search .input-box {
-  border-bottom: 1px solid #e2e2e2 !important;
-}
-.page-sidebar .sidebar-search .submit {
-  background-image: url(../../image/search-icon-white.png);
-}
-
-/***
-Sidebar toggler
-***/
-.sidebar-toggler {  
-  background-image: url(../../image/sidebar-toggler-light.jpg);
-  background-color: #333;
-}
-/* search box bg color on expanded */
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
-  background-color: #fbfbfb !important;
-}
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {  
-  background-image: url("../../image/sidebar-search-close-light.png");
-}
-/* sub menu bg color on hover menu item */
-.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
-  background-color: #fbfbfb;
-}
-/***
-Footer 
-***/
-.footer .footer-inner {
-  color: #333333;
-}
-.footer .footer-tools .go-top {
-  background-color: #666666;
-}
-.footer .footer-tools .go-top:hover {
-  opacity: 0.7;
-  filter: alpha(opacity=70);
-}
-.footer .footer-tools .go-top i {
-  color: #999999;
-}
-/***
-Footer Layouts (new in v1.3)
-***/
-/* begin:fixed footer */
-.page-footer-fixed .footer {
-  background-color: #434343;
-}
-.page-footer-fixed .footer .footer-inner {
-  color: #aaaaaa;
-}
-.page-footer-fixed .footer .footer-tools .go-top {
-  background-color: #666666;
-}
-.page-footer-fixed .footer .footer-tools .go-top i {
-  color: #aaaaaa;
-}
-/* end:fixed footer */
-/***
-Gritter Notifications 
-***/
-.gritter-top {
-  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -30px !important;
-}
-.gritter-bottom {
-  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left bottom !important;
-}
-.gritter-item {
-  display: block;
-  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -40px !important;
-}
-.gritter-close {
-  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left top !important;
-}
-.gritter-title {
-  text-shadow: none !important;
-  /* Not supported by IE :( */
-
-}
-/* for the light (white) version of the gritter notice */
-.gritter-light .gritter-item,
-.gritter-light .gritter-bottom,
-.gritter-light .gritter-top,
-.gritter-light .gritter-close {
-  background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;
-}
-.gritter-item-wrapper a {
-  color: #18a5ed;
-}
-.gritter-item-wrapper a:hover {
-  color: #0b6694;
-}
-/* begin: boxed page */
-@media (min-width: 992px) {
-  .page-boxed {
-    background-color: #E8E8E8 !important;
-  }
-  .page-boxed .page-container {
-    background-color: #fafafa;
-    border-left: 1px solid #e2e2e2;
-    border-bottom: 1px solid #e2e2e2;
-  }
-  .page-sidebar-reversed.page-boxed .page-container {
-    border-left: 0;
-    border-right: 1px solid #e2e2e2;
-  }
-  .page-boxed.page-sidebar-fixed .page-container {
-    border-left: 0;
-    border-bottom: 0;
-  }
-  .page-boxed.page-sidebar-fixed .page-sidebar {
-    border-left: 1px solid #e2e2e2;
-  }
-  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
-    border-right: 1px solid #e2e2e2;
-    border-left: 0; 
-  }
-  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
-    background-color: #E8E8E8 !important;
-  }
-}
-/* end: boxed page */
-/***
-Landscape phone to portrait tablet
-***/
-@media (max-width: 991px) {
-  /***
-  page sidebar
-  ***/
-  .page-sidebar {
-    background-color: #f1f1f1 !important;
-    border-right: none !important;
-  }
-  .page-sidebar-fixed .page-sidebar {
-    border-right: none !important; 
-  }
-  .page-content {
-    border-left: none !important;
-  }
-  ul.page-sidebar-menu > li > a {
-    border-top: 1px solid #ccc !important;
-  }
-  ul.page-sidebar-menu > li:last-child > a {
-    border-bottom: 0 !important;
-  }
-
-  ul.page-sidebar-menu > li.open > a,
-  ul.page-sidebar-menu > li > a:hover {
-    color: #666666 !important;
-    background-color: #dddddd !important;
-  }
-  ul.page-sidebar-menu > li.open > a {
-    border-bottom-color: transparent !important;
-  }
-  ul.page-sidebar-menu > li.active > a {
-    color: #ffffff !important;
-    background-color: #28b779 !important;
-  }
-
-  ul.page-sidebar-menu ul.sub-menu > li > a {
-    color: #111 !important;
-  }
-
-  ul.page-sidebar-menu ul.sub-menu > li.open > a,
-  ul.page-sidebar-menu ul.sub-menu > li.active > a,
-  ul.page-sidebar-menu ul.sub-menu > li > a:hover {
-    color: #666666 !important;
-    background: #dddddd !important; 
-  }
-
-  .page-sidebar .sidebar-search input {
-    background-color: #f1f1f1 !important;
-    color: #ccc !important;
-  }
-
-  .page-sidebar .sidebar-search .input-box {
-    border-bottom-color: #ccc !important;
-  }
-  .page-sidebar .sidebar-search input::-webkit-input-placeholder {
-    color: #ccc !important;
-  }
-  .page-sidebar .sidebar-search input:-moz-placeholder {
-    color: #ccc !important;
-  }
-  .page-sidebar .sidebar-search input:-ms-input-placeholder {
-    color: #ccc !important;
-  }
-
-  /***
-  page footer
-  ***/
-  
-  .footer {
-    background-color: #434343;
-  }
-
-  .footer .footer-inner {
-    color: #cccccc;
-  }
-  .footer .footer-tools .go-top {
-    background-color: #666666;
-  }
-  .footer .footer-tools .go-top i {
-    color: #999999;
-  }
-}
-
-@media (max-width: 767px) {
-  body {
-    background-color: #333 !important;
-  }
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+light theme

+***/

+

+/***

+Reset and overrides  

+***/

+body {

+  background-color: #fafafa !important;

+}

+/***

+Page header

+***/

+.header {

+  filter: none !important;

+  background-image: none !important;

+  background-color: #434343 !important;

+}

+.header .btn-navbar {

+  background-color: #434343 !important;

+}

+.header .navbar-nav .dropdown-toggle:hover,

+.header .navbar-nav .dropdown.open .dropdown-toggle {

+  background-color: #4f4f4f !important;

+}

+.header .navbar-nav li.dropdown .dropdown-toggle i {

+  color: #808080 !important;

+}

+.btn-group .btn.blue.dropdown-toggle{

+background-color: #28b779 !important;

+}

+.page-content .page-breadcrumb.breadcrumb{

+background-color:#F5F5F5 !important;

+}

+/***

+Header Search

+***/

+.header .search-form {

+  background-color: #3a3a3a;

+}

+

+.header .search-form .form-control{

+  color: #ccc;

+  border: 0; 

+  background-color: #3a3a3a;  

+}

+

+.header .search-form .submit {  

+  background: url(../../image/search-icon.png);

+}

+/***

+Hor menu

+***/

+.header .hor-menu ul.nav li a {

+  color: #ccc;

+}

+

+.header .hor-menu ul.nav li.open > a,

+.header .hor-menu ul.nav li > a:hover,

+.header .hor-menu ul.nav li > a:focus {

+  color: #fff;

+  background: #4f4f4f;

+}

+

+.header .hor-menu .dropdown-menu li:hover > a,

+.header .hor-menu ul.nav li.active > a,

+.header .hor-menu ul.nav li.active > a:hover {

+  color: #fff;

+  background: #51b88b !important; 

+}

+.header.navbar .hor-menu ul.nav li.current .selected,

+.header.navbar .hor-menu ul.nav li.active .selected {

+  border-top: 6px solid #51b88b;

+  }

+  

+.header .hor-menu ul.nav li.current > a,

+.header .hor-menu ul.nav li.current > a:hover {

+  color: #fff;

+  background: #e02222 !important; 

+}

+

+.header .hor-menu .dropdown-menu {  

+    background: #4f4f4f;

+}

+.header .hor-menu .dropdown-menu li > a {    

+    color: #ccc;

+}

+

+.header .hor-menu .hor-menu-search-form-toggler.off {

+   background: #4f4f4f url(../../image/hor-menu-search-close-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form {  

+  background:#4f4f4f; 

+}

+

+.header .hor-menu .search-form form input {

+  color: #ccc;

+}

+

+.header .hor-menu .search-form .btn {

+  color: #ccc;

+  background: url(../../image/search-icon-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */

+    color: #ccc;

+}

+

+/***

+Mega Menu

+***/

+.mega-menu .mega-menu-submenu {  

+  border-right: 1px solid #656565;

+}

+

+.mega-menu .mega-menu-submenu li h3 {  

+  color: #fff;

+}

+

+/***

+Page sidebar

+***/

+.page-content {

+  border-left: 1px solid #e2e2e2 !important;

+  border-bottom: 1px solid #e2e2e2 !important;

+}

+.page-sidebar-reversed .page-content {

+  border-left: 0;

+  border-right: 1px solid #e2e2e2 !important;

+}

+.page-sidebar {

+  background-color: #fafafa;

+}

+.page-sidebar-fixed .page-content {

+  border: 0 !important;

+}

+.page-sidebar-fixed .page-sidebar {

+  border-right: 1px solid #e2e2e2 !important;

+}

+

+

+ul.page-sidebar-menu > li > a {

+  border-top: 1px solid #e2e2e2 !important;

+  color: #000 !important;

+  font-weight: 400;

+}

+

+ul.page-sidebar-menu > li:first-child > a {

+   border-top: 1px solid transparent !important;

+}

+

+ul.page-sidebar-menu > li:last-child > a {

+   border-bottom: 1px solid transparent !important;

+}

+

+ul.page-sidebar-menu > li a i {

+  color: #bbb !important;

+}

+ul.page-sidebar-menu > li.open > a,

+ul.page-sidebar-menu > li > a:hover,

+ul.page-sidebar-menu > li:hover > a {

+  background: #eee;

+  border-top: 1px solid #e8e8e8;

+}

+ul.page-sidebar-menu > li.active > a .selected {

+  right:-7px;

+  top:0px;

+  width: 7px;

+  height: 39px;

+  background-image: url("../../image/sidebar-menu-arrow-green.png");

+}  

+.page-sidebar-reversed ul.page-sidebar-menu > li.active > a .selected {

+  right: auto;

+  left:-7px;

+  background-image: url("../../image/sidebar-menu-arrow-green-reverse.png");

+} 

+ul.page-sidebar-menu > li.active i {

+  color: #fff !important;

+}

+.page-sidebar-fixed ul.page-sidebar-menu > li.active > a .selected {

+  display: none;

+}

+ul.page-sidebar-menu > li.active > a{

+  background: #28b779 !important;

+  border-top-color: transparent !important;

+  color:#fff !important;

+}  

+ul.page-sidebar-menu > li.active > a i {

+  color: #fff;

+}

+ul.page-sidebar-menu > li > a > .arrow:before,

+ul.page-sidebar-menu > li > a > .arrow.open:before {

+  color: #ccc !important;

+}

+ul.page-sidebar-menu > li.active > a .arrow:before, 

+ul.page-sidebar-menu > li.active > a .arrow.open:before {

+  color: #fff !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {

+  border-top: 0px !important;

+}

+

+ul.page-sidebar-menu ul.sub-menu > li > a {

+  font-weight: 400 !important;

+  color: #333 !important;

+}

+ul.page-sidebar-menu ul.sub-menu > li.active > a,

+ul.page-sidebar-menu ul.sub-menu > li > a:hover {

+  color: #818181 !important;

+  background: #efefef !important; 

+}

+

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {

+  color: #ccc !important;

+}

+

+/* sub menu links effects */

+ul.page-sidebar-menu ul.sub-menu > li.active > a,

+ul.page-sidebar-menu ul.sub-menu > li > a:hover,

+ul.page-sidebar-menu ul.sub-menu > li.open > a {

+  color: #818181 !important;

+  background: #efefef !important; 

+}

+ul.page-sidebar-menu ul.sub-menu > li > a i {

+  color: #bbb !important;

+}

+

+/* sidebar search */

+.page-sidebar .sidebar-search input {

+  background-color: #fbfbfb  !important;  

+  color: #727272 !important;

+}

+.page-sidebar .sidebar-search input::-webkit-input-placeholder {

+  color: #aaa !important;

+}

+.page-sidebar .sidebar-search input:-moz-placeholder {

+  color: #aaa !important;

+}

+.page-sidebar .sidebar-search input:-ms-input-placeholder {

+  color: #aaa !important;

+}

+.page-sidebar .sidebar-search .input-box {

+  border-bottom: 1px solid #e2e2e2 !important;

+}

+.page-sidebar .sidebar-search .submit {

+  background-image: url(../../image/search-icon-white.png);

+}

+

+/***

+Sidebar toggler

+***/

+.sidebar-toggler {  

+  background-image: url(../../image/sidebar-toggler-light.jpg);

+  background-color: #333;

+}

+/* search box bg color on expanded */

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {

+  background-color: #fbfbfb !important;

+}

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {  

+  background-image: url("../../image/sidebar-search-close-light.png");

+}

+/* sub menu bg color on hover menu item */

+.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {

+  background-color: #fbfbfb;

+}

+/***

+Footer 

+***/

+.footer .footer-inner {

+  color: #333333;

+}

+.footer .footer-tools .go-top {

+  background-color: #666666;

+}

+.footer .footer-tools .go-top:hover {

+  opacity: 0.7;

+  filter: alpha(opacity=70);

+}

+.footer .footer-tools .go-top i {

+  color: #999999;

+}

+/***

+Footer Layouts (new in v1.3)

+***/

+/* begin:fixed footer */

+.page-footer-fixed .footer {

+  background-color: #434343;

+}

+.page-footer-fixed .footer .footer-inner {

+  color: #aaaaaa;

+}

+.page-footer-fixed .footer .footer-tools .go-top {

+  background-color: #666666;

+}

+.page-footer-fixed .footer .footer-tools .go-top i {

+  color: #aaaaaa;

+}

+/* end:fixed footer */

+/***

+Gritter Notifications 

+***/

+.gritter-top {

+  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -30px !important;

+}

+.gritter-bottom {

+  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left bottom !important;

+}

+.gritter-item {

+  display: block;

+  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -40px !important;

+}

+.gritter-close {

+  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left top !important;

+}

+.gritter-title {

+  text-shadow: none !important;

+  /* Not supported by IE :( */

+

+}

+/* for the light (white) version of the gritter notice */

+.gritter-light .gritter-item,

+.gritter-light .gritter-bottom,

+.gritter-light .gritter-top,

+.gritter-light .gritter-close {

+  background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;

+}

+.gritter-item-wrapper a {

+  color: #18a5ed;

+}

+.gritter-item-wrapper a:hover {

+  color: #0b6694;

+}

+/* begin: boxed page */

+@media (min-width: 992px) {

+  .page-boxed {

+    background-color: #E8E8E8 !important;

+  }

+  .page-boxed .page-container {

+    background-color: #fafafa;

+    border-left: 1px solid #e2e2e2;

+    border-bottom: 1px solid #e2e2e2;

+  }

+  .page-sidebar-reversed.page-boxed .page-container {

+    border-left: 0;

+    border-right: 1px solid #e2e2e2;

+  }

+  .page-boxed.page-sidebar-fixed .page-container {

+    border-left: 0;

+    border-bottom: 0;

+  }

+  .page-boxed.page-sidebar-fixed .page-sidebar {

+    border-left: 1px solid #e2e2e2;

+  }

+  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {

+    border-right: 1px solid #e2e2e2;

+    border-left: 0; 

+  }

+  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {

+    background-color: #E8E8E8 !important;

+  }

+}

+/* end: boxed page */

+/***

+Landscape phone to portrait tablet

+***/

+@media (max-width: 991px) {

+  /***

+  page sidebar

+  ***/

+  .page-sidebar {

+    background-color: #f1f1f1 !important;

+    border-right: none !important;

+  }

+  .page-sidebar-fixed .page-sidebar {

+    border-right: none !important; 

+  }

+  .page-content {

+    border-left: none !important;

+  }

+  ul.page-sidebar-menu > li > a {

+    border-top: 1px solid #ccc !important;

+  }

+  ul.page-sidebar-menu > li:last-child > a {

+    border-bottom: 0 !important;

+  }

+

+  ul.page-sidebar-menu > li.open > a,

+  ul.page-sidebar-menu > li > a:hover {

+    color: #666666 !important;

+    background-color: #dddddd !important;

+  }

+  ul.page-sidebar-menu > li.open > a {

+    border-bottom-color: transparent !important;

+  }

+  ul.page-sidebar-menu > li.active > a {

+    color: #ffffff !important;

+    background-color: #28b779 !important;

+  }

+

+  ul.page-sidebar-menu ul.sub-menu > li > a {

+    color: #111 !important;

+  }

+

+  ul.page-sidebar-menu ul.sub-menu > li.open > a,

+  ul.page-sidebar-menu ul.sub-menu > li.active > a,

+  ul.page-sidebar-menu ul.sub-menu > li > a:hover {

+    color: #666666 !important;

+    background: #dddddd !important; 

+  }

+

+  .page-sidebar .sidebar-search input {

+    background-color: #f1f1f1 !important;

+    color: #ccc !important;

+  }

+

+  .page-sidebar .sidebar-search .input-box {

+    border-bottom-color: #ccc !important;

+  }

+  .page-sidebar .sidebar-search input::-webkit-input-placeholder {

+    color: #ccc !important;

+  }

+  .page-sidebar .sidebar-search input:-moz-placeholder {

+    color: #ccc !important;

+  }

+  .page-sidebar .sidebar-search input:-ms-input-placeholder {

+    color: #ccc !important;

+  }

+

+  /***

+  page footer

+  ***/

+  

+  .footer {

+    background-color: #434343;

+  }

+

+  .footer .footer-inner {

+    color: #cccccc;

+  }

+  .footer .footer-tools .go-top {

+    background-color: #666666;

+  }

+  .footer .footer-tools .go-top i {

+    color: #999999;

+  }

+}

+

+@media (max-width: 767px) {

+  body {

+    background-color: #333 !important;

+  }

 }
\ No newline at end of file
diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/light_ifrm.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/light_ifrm.css
index 170c35ca..86b37609 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/light_ifrm.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/light_ifrm.css
@@ -1,207 +1,207 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-light_ifrm theme
-***/
-td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-/* button style*/
-.buttonRounded,
-.buttonRoundedOver,
-.buttonRoundedFocused,
-.buttonRoundedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown,
-.buttonRoundedSelected,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedDown,
-.buttonRoundedSelectedFocusedDown,
-.buttonRoundedSelectedOver,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDisabled,
-.buttonRoundedSelectedDisabled {
-  background-color: #5fbf95;
-  color: #fff;
-  border: 0px solid #b15a59;
-  border-radius: 0px;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  /*padding: 0 3px;*/
-  padding-left:7px !important;
-  padding-right:7px !important;
-  height:30px !important;
-}
-.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-.buttonRoundedOver,
-.buttonRoundedFocusedOver,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown {
-  background-color: #1faa6e;
-  height:30px !important;
-}
-
-.menuButton,
-.menuButtonOver,
-.menuButtonDown,
-.menuButtonDisabled,
-.menuButtonFocused,
-.menuButtonFocusedDown,
-.menuButtonFocusedOver,
-.menuButtonSelected,
-.menuButtonSelectedDown,
-.menuButtonSelectedOver,
-.menuButtonSelectedDisabled {
-  background-color: #5fbf95;
-  border: 0px solid #ababab;
-  color: #fff;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  padding-left: 7px !important;
-  padding-right: 7px !important;
-  height:30px !important;
-}
-.menuButtonOver {
-  background-color: #1faa6e;
- }
-.menuButtonDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
- .buttonTitle,
-.buttonTitleOver,
-.buttonTitleDown,
-.buttonTitleSelected,
-.buttonTitleFocused,
-.buttonTitleSelectedFocused,
-.buttonTitleSelectedOver,
-.buttonTitleFocusedOver,
-.buttonTitleSelectedFocusedOver,
-.buttonTitleSelectedDown,
-.buttonTitleFocusedDown,
-.buttonTitleSelectedFocusedDown,
-.buttonTitleDisabled,
-.buttonTitleSelectedDisabled {
-  color: #fff ;
-  }
-  .buttonTitleDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-   /* windowBody dialogBody Style */
- .windowBody,
-.dialogBody {
-  background-color: white;
-  border: 1px solid #51b88b;
-  border-top: 0;
-}
-.windowHeader,
-.dialogHeader {
-  background-color: #51b88b;
-  padding: 0;
-}
-/* sectionHeader Style */
-.sectionHeaderopened {
-  background-color: #51b88b;
-  }
-  .sectionHeaderclosed {
-  background-color: #70c6a0;
-  }
-
-#dt_example h1{
-color:#51b88b;
-font-weight:600 !important;
-}
-  /*cell style*/
-.tallCellOver,
-.tallCellOverDark {
-  background-color: #d7eae3;
-  border-bottom: 1px solid #d7eae3;
-  border-top: 1px  solid #d7eae3;
-  }
-.tallCellSelected,
-.tallCellSelectedDark {
-  background: #c7e5da;
-  border-bottom: 1px solid #c7e5da;
-  border-top: 1px  solid #c7e5da;
-  }
-.tallCellSelectedOver,
-.tallCellSelectedOverDark {
-  background: #c7e5da;
-  border-bottom: 1px solid #c7e5da;
-  border-top: 1px  solid #c7e5da;
-  }
-.imgHeaderButtonOver,
-.imgHeaderButtonDown,
-.headerButtonOver,
-.headerButtonDown,
-.sorterButtonOver,
-.sorterButtonDown {
-  background-color: #aadac5;
-  }
-.cellSelected,
-.cellSelectedDark,
-.specialColSelected,
-.recordSummaryCellSelected,
-.recordSummaryCellSelectedDark {
-  background: #c7e5da !important;
- border-bottom: 1px solid #c7e5da;
-  border-top: 1px solid #c7e5da;
-  }
-.cellSelectedOver,
-.cellSelectedOverDark,
-.specialColSelectedOver,
-.recordSummaryCellSelectedOver,
-.recordSummaryCellSelectedOverDark {
-  background: #c7e5da !important;
-   border-bottom: 1px solid #c7e5da;
-  border-top: 1px solid #c7e5da;
-}
-.cellOver,
-.cellOverDark,
-.specialColOver,
-.recordSummaryCellOver,
-.recordSummaryCellOverDark {
-  background: #d7eae3 !important;
-  border-bottom: 1px solid #d7eae3;
-  border-top: 1px solid #d7eae3;
-  }
-.treeCellOver,
-.treeCellOverDark {
-  background-color: #d7eae3; 
-}  
-      
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+light_ifrm theme

+***/

+td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+/* button style*/

+.buttonRounded,

+.buttonRoundedOver,

+.buttonRoundedFocused,

+.buttonRoundedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown,

+.buttonRoundedSelected,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedDown,

+.buttonRoundedSelectedFocusedDown,

+.buttonRoundedSelectedOver,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDisabled,

+.buttonRoundedSelectedDisabled {

+  background-color: #5fbf95;

+  color: #fff;

+  border: 0px solid #b15a59;

+  border-radius: 0px;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  /*padding: 0 3px;*/

+  padding-left:7px !important;

+  padding-right:7px !important;

+  height:30px !important;

+}

+.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+.buttonRoundedOver,

+.buttonRoundedFocusedOver,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown {

+  background-color: #1faa6e;

+  height:30px !important;

+}

+

+.menuButton,

+.menuButtonOver,

+.menuButtonDown,

+.menuButtonDisabled,

+.menuButtonFocused,

+.menuButtonFocusedDown,

+.menuButtonFocusedOver,

+.menuButtonSelected,

+.menuButtonSelectedDown,

+.menuButtonSelectedOver,

+.menuButtonSelectedDisabled {

+  background-color: #5fbf95;

+  border: 0px solid #ababab;

+  color: #fff;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  padding-left: 7px !important;

+  padding-right: 7px !important;

+  height:30px !important;

+}

+.menuButtonOver {

+  background-color: #1faa6e;

+ }

+.menuButtonDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+ .buttonTitle,

+.buttonTitleOver,

+.buttonTitleDown,

+.buttonTitleSelected,

+.buttonTitleFocused,

+.buttonTitleSelectedFocused,

+.buttonTitleSelectedOver,

+.buttonTitleFocusedOver,

+.buttonTitleSelectedFocusedOver,

+.buttonTitleSelectedDown,

+.buttonTitleFocusedDown,

+.buttonTitleSelectedFocusedDown,

+.buttonTitleDisabled,

+.buttonTitleSelectedDisabled {

+  color: #fff ;

+  }

+  .buttonTitleDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+   /* windowBody dialogBody Style */

+ .windowBody,

+.dialogBody {

+  background-color: white;

+  border: 1px solid #51b88b;

+  border-top: 0;

+}

+.windowHeader,

+.dialogHeader {

+  background-color: #51b88b;

+  padding: 0;

+}

+/* sectionHeader Style */

+.sectionHeaderopened {

+  background-color: #51b88b;

+  }

+  .sectionHeaderclosed {

+  background-color: #70c6a0;

+  }

+

+#dt_example h1{

+color:#51b88b;

+font-weight:600 !important;

+}

+  /*cell style*/

+.tallCellOver,

+.tallCellOverDark {

+  background-color: #d7eae3;

+  border-bottom: 1px solid #d7eae3;

+  border-top: 1px  solid #d7eae3;

+  }

+.tallCellSelected,

+.tallCellSelectedDark {

+  background: #c7e5da;

+  border-bottom: 1px solid #c7e5da;

+  border-top: 1px  solid #c7e5da;

+  }

+.tallCellSelectedOver,

+.tallCellSelectedOverDark {

+  background: #c7e5da;

+  border-bottom: 1px solid #c7e5da;

+  border-top: 1px  solid #c7e5da;

+  }

+.imgHeaderButtonOver,

+.imgHeaderButtonDown,

+.headerButtonOver,

+.headerButtonDown,

+.sorterButtonOver,

+.sorterButtonDown {

+  background-color: #aadac5;

+  }

+.cellSelected,

+.cellSelectedDark,

+.specialColSelected,

+.recordSummaryCellSelected,

+.recordSummaryCellSelectedDark {

+  background: #c7e5da !important;

+ border-bottom: 1px solid #c7e5da;

+  border-top: 1px solid #c7e5da;

+  }

+.cellSelectedOver,

+.cellSelectedOverDark,

+.specialColSelectedOver,

+.recordSummaryCellSelectedOver,

+.recordSummaryCellSelectedOverDark {

+  background: #c7e5da !important;

+   border-bottom: 1px solid #c7e5da;

+  border-top: 1px solid #c7e5da;

+}

+.cellOver,

+.cellOverDark,

+.specialColOver,

+.recordSummaryCellOver,

+.recordSummaryCellOverDark {

+  background: #d7eae3 !important;

+  border-bottom: 1px solid #d7eae3;

+  border-top: 1px solid #d7eae3;

+  }

+.treeCellOver,

+.treeCellOverDark {

+  background-color: #d7eae3; 

+}  

+      

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/purple.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/purple.css
index f108f79f..85dc6225 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/purple.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/purple.css
@@ -1,375 +1,375 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-Purple theme
-***/
-/***
-Reset and overrides  
-***/
-body {
-  background-color: #701584 !important;
-}
-/***
-Page header
-***/
-.header {
-  filter: none !important;
-  background-image: none !important;
-  background-color: #470d54 !important;
-}
-.header .btn-navbar {
-  background-color: #470d54 !important;
-}
-.header .navbar-nav .dropdown-toggle:hover,
-.header .navbar-nav .dropdown.open .dropdown-toggle {
-  background-color: #69147b !important;
-}
-.header .navbar-nav li.dropdown .dropdown-toggle i {
-  color: #c84fe3 !important;
-}
-.btn-group .btn.blue.dropdown-toggle{
-background-color: #571067 !important;
-}
-.page-content .page-breadcrumb.breadcrumb{
-background-color:#F5F5F5 !important;
-}
-/***
-Header Search
-***/
-.header .search-form {
-  background-color: #360A40;
-}
-
-.header .search-form .form-control{
-  color: #ccc;
-  border: 0; 
-  background-color: #360A40;  
-}
-
-.header .search-form .submit {  
-  background: url(../../image/search-icon-purple.png);
-}
-/***
-Hor menu
-***/
-.header .hor-menu ul.nav li a {
-  color: #ccc;
-}
-
-.header .hor-menu ul.nav li.open > a,
-.header .hor-menu ul.nav li > a:hover,
-.header .hor-menu ul.nav li > a:focus {
-  color: #fff;
-  background: #69147b;
-}
-
-.header .hor-menu .dropdown-menu li:hover > a,
-.header .hor-menu ul.nav li.active > a,
-.header .hor-menu ul.nav li.active > a:hover {
-  color: #fff;
-  background: #e02222 !important; 
-}
-
-.header .hor-menu ul.nav li.current > a,
-.header .hor-menu ul.nav li.current > a:hover {
-  color: #fff;
-  background: #e02222 !important; 
-}
-
-.header .hor-menu .dropdown-menu {  
-    background: #69147b;
-}
-.header .hor-menu .dropdown-menu li > a {    
-    color: #ccc;
-}
-
-.header .hor-menu .hor-menu-search-form-toggler.off {
-   background: #69147b url(../../image/hor-menu-search-close-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form {  
-  background:#69147b; 
-}
-
-.header .hor-menu .search-form form input {
-  color: #ccc;
-}
-
-.header .hor-menu .search-form .btn {
-  color: #ccc;
-  background: url(../../image/search-icon-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
-    color: #ccc;
-}
-
-/***
-Mega Menu
-***/
-.mega-menu .mega-menu-submenu {  
-  border-right: 1px solid #78188C;
-}
-
-.mega-menu .mega-menu-submenu li h3 {  
-  color: #fff;
-}
-
-/***
-Page sidebar
-***/
-.page-sidebar {
-  background-color: #701584;
-}
-ul.page-sidebar-menu > li > a {
-  border-top: 1px solid #9d1db9 !important;
-  color: #ffffff !important;
-}
-ul.page-sidebar-menu > li:last-child > a {
-  border-bottom: 1px solid transparent !important;
-}
-ul.page-sidebar-menu > li a i {
-  color: #cf65e7;
-}
-ul.page-sidebar-menu > li.open > a,
-ul.page-sidebar-menu > li > a:hover,
-ul.page-sidebar-menu > li:hover > a {
-  background: #5d116e;
-}
-ul.page-sidebar-menu > li.active > a {
-  background: #571067 !important;
-  border-top-color: transparent !important;
-  color: #ffffff;
-}
-ul.page-sidebar-menu > li.active > a i {
-  color: #ffffff;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
-  border-top: 0px !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,
-ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
-  color: #ffffff !important;
-  background: #951cb0 !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
-  background: #951cb0 !important;
-}
-/* 3rd level sub menu */
-ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
-ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
-ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
-  color: #ffffff !important;
-  background: #951cb0 !important;
-}
-/* font color for all sub menu links*/
-ul.page-sidebar-menu li > ul.sub-menu > li > a {
-  color: #e4a7f1;
-}
-/* menu arrows */
-ul.page-sidebar-menu > li > a .arrow:before,
-ul.page-sidebar-menu > li > a .arrow.open:before {
-  color: #c239df !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
-  color: #bb23dc !important;
-}
-ul.page-sidebar-menu > li > a > .arrow.open:before {
-  color: #c84fe3 !important;
-}
-ul.page-sidebar-menu > li.active > a .arrow:before,
-ul.page-sidebar-menu > li.active > a .arrow.open:before {
-  color: #ffffff !important;
-}
-/* sidebar search */
-.page-sidebar .sidebar-search input {
-  background-color: #4b0e58 !important;
-  color: #bf55d7;
-}
-.page-sidebar .sidebar-search input::-webkit-input-placeholder {
-  color: #b84dd0 !important;
-}
-.page-sidebar .sidebar-search input:-moz-placeholder {
-  color: #b84dd0 !important;
-}
-.page-sidebar .sidebar-search input:-ms-input-placeholder {
-  color: #b84dd0 !important;
-}
-.page-sidebar .sidebar-search input {
-  background-color: #701584 !important;
-  color: #bfbfbf !important;
-}
-.page-sidebar .sidebar-search .input-box {
-  border-bottom: 1px solid #a93bc1 !important;
-}
-.page-sidebar .sidebar-search .submit {
-  background-image: url(../../image/search-icon-purple.png);
-}
-/***
-Sidebar toggler
-***/
-.sidebar-toggler {
-  background-image: url(../../image/sidebar-toggler-purple.jpg);
-  background-color: #4b0e58;
-}
-/* search box bg color on expanded */
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
-  background-color: #701584 !important;
-}
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
-  background-image: url("../../image/sidebar-search-close-purple.png");
-}
-/* sub menu bg color on hover menu item */
-.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
-  background-color: #701584;
-}
-/***
-Footer 
-***/
-.footer .footer-inner {
-  color: #c84fe3;
-}
-.footer .footer-tools .go-top {
-  background-color: #8a1aa3;
-}
-.footer .footer-tools .go-top:hover {
-  opacity: 0.7;
-  filter: alpha(opacity=70);
-}
-.footer .footer-tools .go-top i {
-  color: #c84fe3;
-}
-/***
-Footer Layouts (new in v1.3)
-***/
-/* begin:fixed footer */
-.page-footer-fixed .footer {
-  background-color: #4b0e58;
-}
-.page-footer-fixed .footer .footer-inner {
-  color: #c84fe3;
-}
-.page-footer-fixed .footer .footer-tools .go-top {
-  background-color: #8a1aa3;
-}
-.page-footer-fixed .footer .footer-tools .go-top i {
-  color: #c84fe3;
-}
-/* end:fixed footer */
-/***
-Gritter Notifications 
-***/
-.gritter-top {
-  background: url(../../thirdparty/gritter/images/gritter-purple.png) no-repeat left -30px !important;
-}
-.gritter-bottom {
-  background: url(../../thirdparty/gritter/images/gritter-purple.png) no-repeat left bottom !important;
-}
-.gritter-item {
-  display: block;
-  background: url(../../thirdparty/gritter/images/gritter-purple.png) no-repeat left -40px !important;
-}
-.gritter-close {
-  background: url(../../thirdparty/gritter/images/gritter-purple.png) no-repeat left top !important;
-}
-.gritter-title {
-  text-shadow: none !important;
-  /* Not supported by IE :( */
-
-}
-/* for the light (white) version of the gritter notice */
-.gritter-light .gritter-item,
-.gritter-light .gritter-bottom,
-.gritter-light .gritter-top,
-.gritter-light .gritter-close {
-  background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;
-}
-.gritter-item-wrapper a {
-  color: #18a5ed;
-}
-.gritter-item-wrapper a:hover {
-  color: #0b6694;
-}
-/* begin: boxed page */
-@media (min-width: 992px) {
-  .page-boxed {
-    background-color: #5a116a !important;
-  }
-  .page-boxed .page-container {
-    background-color: #701584;
-    border-left: 1px solid #a11ebd;
-    border-bottom: 1px solid #a11ebd;
-  }
-  .page-boxed.page-sidebar-reversed .page-container {
-    border-left: 0;
-    border-right: 1px solid #a11ebd;
-  }
-  .page-boxed.page-sidebar-fixed .page-container {
-    border-left: 0;
-    border-bottom: 0;
-  }
-  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
-    border-left: 0;
-    border-right: 0;
-    border-bottom: 0;
-  }
-  .page-boxed.page-sidebar-fixed .page-sidebar {
-    border-left: 1px solid #a11ebd;
-  }
-  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
-    border-right: 1px solid #a11ebd;
-    border-left: 0; 
-  }
-  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
-    background-color: #5a116a !important;
-  }
-}
-/* end: boxed page */
-/***
-Landscape phone to portrait tablet
-***/
-@media (max-width: 991px) {
-  /***
-    page sidebar
-    ***/
-  .page-sidebar {
-    background-color: #520f61 !important;
-  }
-  ul.page-sidebar-menu > li > a {
-    border-top: 1px solid #83189a !important;
-  }
-  ul.page-sidebar-menu > li:last-child > a {
-    border-bottom: 0 !important;
-  }
-  .page-sidebar .sidebar-search input {
-    background-color: #520f61 !important;
-  }
-  ul.page-sidebar-menu > li.open > a,
-  ul.page-sidebar-menu > li > a:hover,
-  ul.page-sidebar-menu > li:hover > a {
-    background: #430d4f;
-  }
-}
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+Purple theme

+***/

+/***

+Reset and overrides  

+***/

+body {

+  background-color: #701584 !important;

+}

+/***

+Page header

+***/

+.header {

+  filter: none !important;

+  background-image: none !important;

+  background-color: #470d54 !important;

+}

+.header .btn-navbar {

+  background-color: #470d54 !important;

+}

+.header .navbar-nav .dropdown-toggle:hover,

+.header .navbar-nav .dropdown.open .dropdown-toggle {

+  background-color: #69147b !important;

+}

+.header .navbar-nav li.dropdown .dropdown-toggle i {

+  color: #c84fe3 !important;

+}

+.btn-group .btn.blue.dropdown-toggle{

+background-color: #571067 !important;

+}

+.page-content .page-breadcrumb.breadcrumb{

+background-color:#F5F5F5 !important;

+}

+/***

+Header Search

+***/

+.header .search-form {

+  background-color: #360A40;

+}

+

+.header .search-form .form-control{

+  color: #ccc;

+  border: 0; 

+  background-color: #360A40;  

+}

+

+.header .search-form .submit {  

+  background: url(../../image/search-icon-purple.png);

+}

+/***

+Hor menu

+***/

+.header .hor-menu ul.nav li a {

+  color: #ccc;

+}

+

+.header .hor-menu ul.nav li.open > a,

+.header .hor-menu ul.nav li > a:hover,

+.header .hor-menu ul.nav li > a:focus {

+  color: #fff;

+  background: #69147b;

+}

+

+.header .hor-menu .dropdown-menu li:hover > a,

+.header .hor-menu ul.nav li.active > a,

+.header .hor-menu ul.nav li.active > a:hover {

+  color: #fff;

+  background: #e02222 !important; 

+}

+

+.header .hor-menu ul.nav li.current > a,

+.header .hor-menu ul.nav li.current > a:hover {

+  color: #fff;

+  background: #e02222 !important; 

+}

+

+.header .hor-menu .dropdown-menu {  

+    background: #69147b;

+}

+.header .hor-menu .dropdown-menu li > a {    

+    color: #ccc;

+}

+

+.header .hor-menu .hor-menu-search-form-toggler.off {

+   background: #69147b url(../../image/hor-menu-search-close-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form {  

+  background:#69147b; 

+}

+

+.header .hor-menu .search-form form input {

+  color: #ccc;

+}

+

+.header .hor-menu .search-form .btn {

+  color: #ccc;

+  background: url(../../image/search-icon-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */

+    color: #ccc;

+}

+

+/***

+Mega Menu

+***/

+.mega-menu .mega-menu-submenu {  

+  border-right: 1px solid #78188C;

+}

+

+.mega-menu .mega-menu-submenu li h3 {  

+  color: #fff;

+}

+

+/***

+Page sidebar

+***/

+.page-sidebar {

+  background-color: #701584;

+}

+ul.page-sidebar-menu > li > a {

+  border-top: 1px solid #9d1db9 !important;

+  color: #ffffff !important;

+}

+ul.page-sidebar-menu > li:last-child > a {

+  border-bottom: 1px solid transparent !important;

+}

+ul.page-sidebar-menu > li a i {

+  color: #cf65e7;

+}

+ul.page-sidebar-menu > li.open > a,

+ul.page-sidebar-menu > li > a:hover,

+ul.page-sidebar-menu > li:hover > a {

+  background: #5d116e;

+}

+ul.page-sidebar-menu > li.active > a {

+  background: #571067 !important;

+  border-top-color: transparent !important;

+  color: #ffffff;

+}

+ul.page-sidebar-menu > li.active > a i {

+  color: #ffffff;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {

+  border-top: 0px !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,

+ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {

+  color: #ffffff !important;

+  background: #951cb0 !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {

+  background: #951cb0 !important;

+}

+/* 3rd level sub menu */

+ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,

+ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,

+ul.page-sidebar-menu > li > ul.sub-menu li.open > a {

+  color: #ffffff !important;

+  background: #951cb0 !important;

+}

+/* font color for all sub menu links*/

+ul.page-sidebar-menu li > ul.sub-menu > li > a {

+  color: #e4a7f1;

+}

+/* menu arrows */

+ul.page-sidebar-menu > li > a .arrow:before,

+ul.page-sidebar-menu > li > a .arrow.open:before {

+  color: #c239df !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {

+  color: #bb23dc !important;

+}

+ul.page-sidebar-menu > li > a > .arrow.open:before {

+  color: #c84fe3 !important;

+}

+ul.page-sidebar-menu > li.active > a .arrow:before,

+ul.page-sidebar-menu > li.active > a .arrow.open:before {

+  color: #ffffff !important;

+}

+/* sidebar search */

+.page-sidebar .sidebar-search input {

+  background-color: #4b0e58 !important;

+  color: #bf55d7;

+}

+.page-sidebar .sidebar-search input::-webkit-input-placeholder {

+  color: #b84dd0 !important;

+}

+.page-sidebar .sidebar-search input:-moz-placeholder {

+  color: #b84dd0 !important;

+}

+.page-sidebar .sidebar-search input:-ms-input-placeholder {

+  color: #b84dd0 !important;

+}

+.page-sidebar .sidebar-search input {

+  background-color: #701584 !important;

+  color: #bfbfbf !important;

+}

+.page-sidebar .sidebar-search .input-box {

+  border-bottom: 1px solid #a93bc1 !important;

+}

+.page-sidebar .sidebar-search .submit {

+  background-image: url(../../image/search-icon-purple.png);

+}

+/***

+Sidebar toggler

+***/

+.sidebar-toggler {

+  background-image: url(../../image/sidebar-toggler-purple.jpg);

+  background-color: #4b0e58;

+}

+/* search box bg color on expanded */

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {

+  background-color: #701584 !important;

+}

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {

+  background-image: url("../../image/sidebar-search-close-purple.png");

+}

+/* sub menu bg color on hover menu item */

+.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {

+  background-color: #701584;

+}

+/***

+Footer 

+***/

+.footer .footer-inner {

+  color: #c84fe3;

+}

+.footer .footer-tools .go-top {

+  background-color: #8a1aa3;

+}

+.footer .footer-tools .go-top:hover {

+  opacity: 0.7;

+  filter: alpha(opacity=70);

+}

+.footer .footer-tools .go-top i {

+  color: #c84fe3;

+}

+/***

+Footer Layouts (new in v1.3)

+***/

+/* begin:fixed footer */

+.page-footer-fixed .footer {

+  background-color: #4b0e58;

+}

+.page-footer-fixed .footer .footer-inner {

+  color: #c84fe3;

+}

+.page-footer-fixed .footer .footer-tools .go-top {

+  background-color: #8a1aa3;

+}

+.page-footer-fixed .footer .footer-tools .go-top i {

+  color: #c84fe3;

+}

+/* end:fixed footer */

+/***

+Gritter Notifications 

+***/

+.gritter-top {

+  background: url(../../thirdparty/gritter/images/gritter-purple.png) no-repeat left -30px !important;

+}

+.gritter-bottom {

+  background: url(../../thirdparty/gritter/images/gritter-purple.png) no-repeat left bottom !important;

+}

+.gritter-item {

+  display: block;

+  background: url(../../thirdparty/gritter/images/gritter-purple.png) no-repeat left -40px !important;

+}

+.gritter-close {

+  background: url(../../thirdparty/gritter/images/gritter-purple.png) no-repeat left top !important;

+}

+.gritter-title {

+  text-shadow: none !important;

+  /* Not supported by IE :( */

+

+}

+/* for the light (white) version of the gritter notice */

+.gritter-light .gritter-item,

+.gritter-light .gritter-bottom,

+.gritter-light .gritter-top,

+.gritter-light .gritter-close {

+  background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;

+}

+.gritter-item-wrapper a {

+  color: #18a5ed;

+}

+.gritter-item-wrapper a:hover {

+  color: #0b6694;

+}

+/* begin: boxed page */

+@media (min-width: 992px) {

+  .page-boxed {

+    background-color: #5a116a !important;

+  }

+  .page-boxed .page-container {

+    background-color: #701584;

+    border-left: 1px solid #a11ebd;

+    border-bottom: 1px solid #a11ebd;

+  }

+  .page-boxed.page-sidebar-reversed .page-container {

+    border-left: 0;

+    border-right: 1px solid #a11ebd;

+  }

+  .page-boxed.page-sidebar-fixed .page-container {

+    border-left: 0;

+    border-bottom: 0;

+  }

+  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {

+    border-left: 0;

+    border-right: 0;

+    border-bottom: 0;

+  }

+  .page-boxed.page-sidebar-fixed .page-sidebar {

+    border-left: 1px solid #a11ebd;

+  }

+  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {

+    border-right: 1px solid #a11ebd;

+    border-left: 0; 

+  }

+  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {

+    background-color: #5a116a !important;

+  }

+}

+/* end: boxed page */

+/***

+Landscape phone to portrait tablet

+***/

+@media (max-width: 991px) {

+  /***

+    page sidebar

+    ***/

+  .page-sidebar {

+    background-color: #520f61 !important;

+  }

+  ul.page-sidebar-menu > li > a {

+    border-top: 1px solid #83189a !important;

+  }

+  ul.page-sidebar-menu > li:last-child > a {

+    border-bottom: 0 !important;

+  }

+  .page-sidebar .sidebar-search input {

+    background-color: #520f61 !important;

+  }

+  ul.page-sidebar-menu > li.open > a,

+  ul.page-sidebar-menu > li > a:hover,

+  ul.page-sidebar-menu > li:hover > a {

+    background: #430d4f;

+  }

+}

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/purple_ifrm.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/purple_ifrm.css
index e2d2f56f..7c2abddb 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/purple_ifrm.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/purple_ifrm.css
@@ -1,207 +1,207 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-Purple_ifrm  theme
-***/
-td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-/* button style*/
-.buttonRounded,
-.buttonRoundedOver,
-.buttonRoundedFocused,
-.buttonRoundedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown,
-.buttonRoundedSelected,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedDown,
-.buttonRoundedSelectedFocusedDown,
-.buttonRoundedSelectedOver,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDisabled,
-.buttonRoundedSelectedDisabled {
-  background-color: #b045c7;
-  color: #fff !important;
-  border: 0px solid #b15a59;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  /*padding: 0 3px;*/
-  padding-left:7px !important;
-  padding-right:7px !important;
-  height:30px !important;
-}
-.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{
-  background-color: #f0f0f0;
-  color: #dadada !important;
-  opacity: 1;
-}
-.buttonRoundedOver,
-.buttonRoundedFocusedOver,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedFocusedOver ,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown{
-  background-color: #8f32a3;
-  height:30px !important;
-}
-
-.menuButton,
-.menuButtonOver,
-.menuButtonDown,
-.menuButtonDisabled,
-.menuButtonFocused,
-.menuButtonFocusedDown,
-.menuButtonFocusedOver,
-.menuButtonSelected,
-.menuButtonSelectedDown,
-.menuButtonSelectedOver,
-.menuButtonSelectedDisabled {
-  background-color: #b045c7;
-  border: 0px solid #ababab;
-  color: #fff !important;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  padding-left: 7px !important;
-  padding-right: 7px !important;
-  height:30px !important;
-}
-.menuButtonOver {
-  background-color: #8f32a3;
- }
-.menuButtonDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
- .buttonTitle,
-.buttonTitleOver,
-.buttonTitleDown,
-.buttonTitleSelected,
-.buttonTitleFocused,
-.buttonTitleSelectedFocused,
-.buttonTitleSelectedOver,
-.buttonTitleFocusedOver,
-.buttonTitleSelectedFocusedOver,
-.buttonTitleSelectedDown,
-.buttonTitleFocusedDown,
-.buttonTitleSelectedFocusedDown,
-.buttonTitleDisabled,
-.buttonTitleSelectedDisabled {
-  color: #fff ;
-  }
-  .buttonTitleDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
- /* windowBody dialogBody Style */
- .windowBody,
-.dialogBody {
-  background-color: white;
-  border: 1px solid #5d116e;
-  border-top: 0;
-}
-
-.windowHeader,
-.dialogHeader {
-  background-color: #5d116e;
-  padding: 0;
-}
-/* sectionHeader Style */
-.sectionHeaderopened {
-  background-color: #8f32a3;
-  }
-  .sectionHeaderclosed {
-  background-color: #a03bb6;
-  }
-
-#dt_example h1{
-color:#8f32a3;
-font-weight:600 !important;
-}
-  /*cell style*/
-.tallCellOver,
-.tallCellOverDark {
-  background-color: #e7c7ee;
-  border-bottom: 1px solid #e7c7ee;
-  border-top: 1px  solid #e7c7ee;
-  }
-.tallCellSelected,
-.tallCellSelectedDark {
-  background: #d49ce0;
-  border-bottom: 1px solid #d49ce0;
-  border-top: 1px  solid #d49ce0;
-  }
-.tallCellSelectedOver,
-.tallCellSelectedOverDark {
-  background: #d49ce0;
-  border-bottom: 1px solid #d49ce0;
-  border-top: 1px  solid #d49ce0;
-  }
-.imgHeaderButtonOver,
-.imgHeaderButtonDown,
-.headerButtonOver,
-.headerButtonDown,
-.sorterButtonOver,
-.sorterButtonDown {
-  background-color: #ecd4f1;
-  }
-.cellSelected,
-.cellSelectedDark,
-.specialColSelected,
-.recordSummaryCellSelected,
-.recordSummaryCellSelectedDark {
-  background: #d49ce0 !important;
- border-bottom: 1px solid #d49ce0;
-  border-top: 1px solid #d49ce0;
-  }
-.cellSelectedOver,
-.cellSelectedOverDark,
-.specialColSelectedOver,
-.recordSummaryCellSelectedOver,
-.recordSummaryCellSelectedOverDark {
-  background: #d49ce0 !important;
-   border-bottom: 1px solid #d49ce0;
-  border-top: 1px solid #d49ce0;
-}
-.cellOver,
-.cellOverDark,
-.specialColOver,
-.recordSummaryCellOver,
-.recordSummaryCellOverDark {
-  background: #e7c7ee !important;
-  border-bottom: 1px solid #e7c7ee;
-  border-top: 1px solid #e7c7ee;
-  }
-.treeCellOver,
-.treeCellOverDark {
-  background-color: #e7c7ee; 
-}  
-      
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+Purple_ifrm  theme

+***/

+td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+/* button style*/

+.buttonRounded,

+.buttonRoundedOver,

+.buttonRoundedFocused,

+.buttonRoundedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown,

+.buttonRoundedSelected,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedDown,

+.buttonRoundedSelectedFocusedDown,

+.buttonRoundedSelectedOver,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDisabled,

+.buttonRoundedSelectedDisabled {

+  background-color: #b045c7;

+  color: #fff !important;

+  border: 0px solid #b15a59;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  /*padding: 0 3px;*/

+  padding-left:7px !important;

+  padding-right:7px !important;

+  height:30px !important;

+}

+.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{

+  background-color: #f0f0f0;

+  color: #dadada !important;

+  opacity: 1;

+}

+.buttonRoundedOver,

+.buttonRoundedFocusedOver,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedFocusedOver ,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown{

+  background-color: #8f32a3;

+  height:30px !important;

+}

+

+.menuButton,

+.menuButtonOver,

+.menuButtonDown,

+.menuButtonDisabled,

+.menuButtonFocused,

+.menuButtonFocusedDown,

+.menuButtonFocusedOver,

+.menuButtonSelected,

+.menuButtonSelectedDown,

+.menuButtonSelectedOver,

+.menuButtonSelectedDisabled {

+  background-color: #b045c7;

+  border: 0px solid #ababab;

+  color: #fff !important;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  padding-left: 7px !important;

+  padding-right: 7px !important;

+  height:30px !important;

+}

+.menuButtonOver {

+  background-color: #8f32a3;

+ }

+.menuButtonDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+ .buttonTitle,

+.buttonTitleOver,

+.buttonTitleDown,

+.buttonTitleSelected,

+.buttonTitleFocused,

+.buttonTitleSelectedFocused,

+.buttonTitleSelectedOver,

+.buttonTitleFocusedOver,

+.buttonTitleSelectedFocusedOver,

+.buttonTitleSelectedDown,

+.buttonTitleFocusedDown,

+.buttonTitleSelectedFocusedDown,

+.buttonTitleDisabled,

+.buttonTitleSelectedDisabled {

+  color: #fff ;

+  }

+  .buttonTitleDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+ /* windowBody dialogBody Style */

+ .windowBody,

+.dialogBody {

+  background-color: white;

+  border: 1px solid #5d116e;

+  border-top: 0;

+}

+

+.windowHeader,

+.dialogHeader {

+  background-color: #5d116e;

+  padding: 0;

+}

+/* sectionHeader Style */

+.sectionHeaderopened {

+  background-color: #8f32a3;

+  }

+  .sectionHeaderclosed {

+  background-color: #a03bb6;

+  }

+

+#dt_example h1{

+color:#8f32a3;

+font-weight:600 !important;

+}

+  /*cell style*/

+.tallCellOver,

+.tallCellOverDark {

+  background-color: #e7c7ee;

+  border-bottom: 1px solid #e7c7ee;

+  border-top: 1px  solid #e7c7ee;

+  }

+.tallCellSelected,

+.tallCellSelectedDark {

+  background: #d49ce0;

+  border-bottom: 1px solid #d49ce0;

+  border-top: 1px  solid #d49ce0;

+  }

+.tallCellSelectedOver,

+.tallCellSelectedOverDark {

+  background: #d49ce0;

+  border-bottom: 1px solid #d49ce0;

+  border-top: 1px  solid #d49ce0;

+  }

+.imgHeaderButtonOver,

+.imgHeaderButtonDown,

+.headerButtonOver,

+.headerButtonDown,

+.sorterButtonOver,

+.sorterButtonDown {

+  background-color: #ecd4f1;

+  }

+.cellSelected,

+.cellSelectedDark,

+.specialColSelected,

+.recordSummaryCellSelected,

+.recordSummaryCellSelectedDark {

+  background: #d49ce0 !important;

+ border-bottom: 1px solid #d49ce0;

+  border-top: 1px solid #d49ce0;

+  }

+.cellSelectedOver,

+.cellSelectedOverDark,

+.specialColSelectedOver,

+.recordSummaryCellSelectedOver,

+.recordSummaryCellSelectedOverDark {

+  background: #d49ce0 !important;

+   border-bottom: 1px solid #d49ce0;

+  border-top: 1px solid #d49ce0;

+}

+.cellOver,

+.cellOverDark,

+.specialColOver,

+.recordSummaryCellOver,

+.recordSummaryCellOverDark {

+  background: #e7c7ee !important;

+  border-bottom: 1px solid #e7c7ee;

+  border-top: 1px solid #e7c7ee;

+  }

+.treeCellOver,

+.treeCellOverDark {

+  background-color: #e7c7ee; 

+}  

+      

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/zteblue.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/zteblue.css
index 051ad182..ca9b007b 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/zteblue.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/zteblue.css
@@ -1,398 +1,398 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-Blue theme
-***/
-/***
-Reset and overrides  
-***/
-body {
-  background-color: #e8e8e8 !important;
-}
-/***
-Page header
-***/
-.header {
-  filter: none !important;
-  background-image: none !important;
-  background-color: #1b8fd3 !important;
-}
-.header .btn-navbar {
-  background-color: #1b8fd3!important;
-}
-.header .navbar-nav .dropdown-toggle:hover,
-.header .navbar-nav .dropdown.open .dropdown-toggle {
-  color: #fff;
-  background-color: #ee5c00 !important;
-}
-.header .navbar-nav li.dropdown .dropdown-toggle i {
-  color: #fff !important;
-}
-.page-content .page-breadcrumb.breadcrumb .dashboard-date-range{
-background-color: #ee5c00 !important; 
-}
-.btn-group .btn.blue.dropdown-toggle{
-background-color: #ee5c00 !important;
-}
-.page-content .page-breadcrumb.breadcrumb{
-background-color:#F5F5F5 !important;
-}
-/***
-Header Search
-***/
-.header .search-form {
-  background-color: #0B4263;
-}
-
-.header .search-form .form-control{
-  color: #68bbec;
-  border: 0; 
-  background-color: #0B4263;  
-}
-
-.header .search-form .submit {  
-  background: url(../../image/search-icon-blue.png);
-}
-.zte-theme-panel > .toggler:hover {
-  background-color: #146a9d !important;
-}
-/***
-Hor menu
-***/
-.header .hor-menu ul.nav li a {
-  color: #ccc;
-}
-
-.header .hor-menu ul.nav li.open > a,
-.header .hor-menu ul.nav li > a:hover,
-.header .hor-menu ul.nav li > a:focus {
-  color: #fff;
-  background: #146a9d;
-}
-
-.header .hor-menu .dropdown-menu li:hover > a,
-.header .hor-menu ul.nav li.active > a,
-.header .hor-menu ul.nav li.active > a:hover {
-  color: #fff;
-  background: #ee5c00 !important; 
-}
-.header.navbar .hor-menu ul.nav li.current .selected,
-.header.navbar .hor-menu ul.nav li.active .selected {
-  border-top: 6px solid #ee5c00;
-  }
-.header .hor-menu ul.nav li.current > a,
-.header .hor-menu ul.nav li.current > a:hover {
-  color: #fff;
-  background: #e02222 !important; 
-}
-
-.header .hor-menu .dropdown-menu {  
-    background: #146a9d;
-}
-.header .hor-menu .dropdown-menu li > a {    
-    color: #ccc;
-}
-
-.header .hor-menu .hor-menu-search-form-toggler.off {
-   background: #146a9d url(../../image/hor-menu-search-close-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form {  
-  background:#146a9d; 
-}
-
-.header .hor-menu .search-form form input {
-  color: #ccc;
-}
-
-.header .hor-menu .search-form .btn {
-  color: #ccc;
-  background: url(../../image/search-icon-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
-    color: #ccc;
-}
-
-/***
-Mega Menu
-***/
-.mega-menu .mega-menu-submenu {  
-  border-right: 1px solid #1876AD;
-}
-
-.mega-menu .mega-menu-submenu li h3 {  
-  color: #fff;
-}
-
-/***
-Page sidebar
-***/
-.page-sidebar {
-  background-color: #e8e8e8;
-}
-ul.page-sidebar-menu > li > a {
-  border-top: 1px solid #d3d1d1  !important;
-  /*color: black !important;*/
-}
-ul.page-sidebar-menu > li:last-child > a {
-  border-bottom: 1px solid transparent !important;
-}
-ul.page-sidebar-menu > li a i {
-  /*color: black !important;*/
-}
-ul.page-sidebar-menu > li.open > a{
-border-bottom: 1px solid #d3d1d1  !important;
-color: #0d638f;
-}
-ul.page-sidebar-menu > li > a:hover
-/*ul.page-sidebar-menu > li:hover > a */{
-  background: #1b8fd3; 
-  color: #ffffff;
-}
-ul.page-sidebar-menu > li.active > a {
-  background: #ee5c00 !important;
-  border-top-color: transparent !important;
-  color: #ffffff;
-}
-ul.page-sidebar-menu > li.active > a i {
-  color: #ffffff;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
-  border-top: 0px !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,
-ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
-  color: #ffffff !important;
-  background: #1b8fd3 !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
-  background: #1b8fd3 !important;
-}
-/* 3rd level sub menu */
-ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
-ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
-ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
-  color: #ffffff !important;
-  background: #1b8fd3 !important;
-}
-/* font color for all sub menu links*/
-ul.page-sidebar-menu li > ul.sub-menu > li > a {
-  /*color: #c3e4f7;*/
-}
-/* menu arrows */
-ul.page-sidebar-menu > li > a .arrow:before,
-ul.page-sidebar-menu > li > a .arrow.open:before {
-  /*color: #51b1e9 !important;*/
-}
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
-  color: #3ba6e6 !important;
-}
-ul.page-sidebar-menu > li > a > .arrow.open:before {
- /* color: #68bbec !important;*/
-}
-ul.page-sidebar-menu > li.active > a .arrow:before,
-ul.page-sidebar-menu > li.active > a .arrow.open:before {
-  color: #ffffff !important;
-}
-/* sidebar search */
-.page-sidebar .sidebar-search input {
-  background-color: #0f5179 !important;
-  color: #0d638f;
-}
-.page-sidebar .sidebar-search input::-webkit-input-placeholder {
-  color: #0d638f !important;
-}
-.page-sidebar .sidebar-search input:-moz-placeholder {
-  color: #0d638f !important;
-}
-.page-sidebar .sidebar-search input:-ms-input-placeholder {
-  color: #0d638f !important;
-}
-.page-sidebar .sidebar-search input {
-  background-color: #e8e8e8 !important;
- /* color: #bfbfbf !important;*/
-}
-.page-sidebar .sidebar-search .input-box {
-  border-bottom: 1px solid #0d638f !important;
-}
-.page-sidebar .sidebar-search .submit {
-  background-image: url(../../image/search-icon-blue.png);
-}
-/***
-Sidebar toggler
-***/
-.sidebar-toggler {
-  background-image: url(../../image/sidebar-toggler-grey.jpg);
-  background-color: #0f5179;
-}
-/* search box bg color on expanded */
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
-  background-color: #1b8fd3 !important;
-}
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
-  background-image: url("../../image/sidebar-search-close-blue.png");
-}
-/* sub menu bg color on hover menu item */
-.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
-  background-color: #1b8fd3;
-}
-/***
-Footer 
-***/
-.footer .footer-inner {
-  color: #7c7c7c;
-}
-.footer .footer-tools .go-top {
-  background-color: #1985c6;
-}
-.footer .footer-tools .go-top:hover {
-  opacity: 0.7;
-  filter: alpha(opacity=70);
-}
-.footer .footer-tools .go-top i {
-  color: #68bbec;
-}
-/***
-Footer Layouts (new in v1.3)
-***/
-/* begin:fixed footer */
-.page-footer-fixed .footer {
-  background-color: #0f5179;
-}
-.page-footer-fixed .footer .footer-inner {
-  color: #68bbec;
-}
-.page-footer-fixed .footer .footer-tools .go-top {
-  background-color: #1985c6;
-}
-.page-footer-fixed .footer .footer-tools .go-top i {
-  color: #68bbec;
-}
-/* end:fixed footer */
-/***
-Gritter Notifications 
-***/
-.gritter-top {
-  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left -30px !important;
-}
-.gritter-bottom {
-  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left bottom !important;
-}
-.gritter-item {
-  display: block;
-  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left -40px !important;
-}
-.gritter-close {
-  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left top !important;
-}
-.gritter-title {
-  text-shadow: none !important;
-  /* Not supported by IE :( */
-
-}
-/* for the light (white) version of the gritter notice */
-.gritter-light .gritter-item,
-.gritter-light .gritter-bottom,
-.gritter-light .gritter-top,
-.gritter-light .gritter-close {
-  background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;
-}
-.gritter-item-wrapper a {
-  color: #18a5ed;
-}
-.gritter-item-wrapper a:hover {
-  color: #0b6694;
-}
-/* begin: boxed page */
-@media (min-width: 992px) {
-  .page-boxed {
-    background-color: #125e8b !important;
-  }
-  .page-boxed .page-container {
-    background-color: #1570a6;
-    border-left: 1px solid #1c98e1;
-    border-bottom: 1px solid #1c98e1;
-  }
-  .page-boxed.page-sidebar-reversed .page-container {
-    border-left: 0;
-    border-right: 1px solid #1c98e1;
-  }
-  .page-boxed.page-sidebar-fixed .page-container {
-    border-left: 0;
-    border-bottom: 0;
-  }
-  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
-    border-left: 0;
-    border-right: 0;
-    border-bottom: 0;
-  }
-  .page-boxed.page-sidebar-fixed .page-sidebar {
-    border-left: 1px solid #1c98e1;
-  }
-  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
-    border-right: 1px solid #1c98e1;
-    border-left: 0; 
-  }
-  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
-    background-color: #125e8b !important;
-  }
-}
-/* end: boxed page */
-/***
-Landscape phone to portrait tablet
-***/
-@media (max-width: 991px) {
-  /***
-    page sidebar
-    ***/
-  .page-sidebar {
-    background-color: #3d95c9 !important;
-  }
-  ul.page-sidebar-menu > li > a {
-    border-top: 1px solid #187fbd !important;
-  }
-  ul.page-sidebar-menu > li:last-child > a {
-    border-bottom: 0 !important;
-  }
-  .page-sidebar .sidebar-search input {
-    background-color: #3d95c9 !important;
-  }
-  ul.page-sidebar-menu > li.open > a{
-  border-bottom: 1px solid #187fbd !important;
-  
-  }
-  ul.page-sidebar-menu > li > a:hover/*,
-  ul.page-sidebar-menu > li:hover > a */{
-    background: #0e4b70;
-  }
-  ul.page-sidebar-menu > li a i{
-  color:#fff !important;
-  }
-  ul.page-sidebar-menu > li a{
-  color:#fff !important;
-  }
-}
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+Blue theme

+***/

+/***

+Reset and overrides  

+***/

+body {

+  background-color: #e8e8e8 !important;

+}

+/***

+Page header

+***/

+.header {

+  filter: none !important;

+  background-image: none !important;

+  background-color: #1b8fd3 !important;

+}

+.header .btn-navbar {

+  background-color: #1b8fd3!important;

+}

+.header .navbar-nav .dropdown-toggle:hover,

+.header .navbar-nav .dropdown.open .dropdown-toggle {

+  color: #fff;

+  background-color: #ee5c00 !important;

+}

+.header .navbar-nav li.dropdown .dropdown-toggle i {

+  color: #fff !important;

+}

+.page-content .page-breadcrumb.breadcrumb .dashboard-date-range{

+background-color: #ee5c00 !important; 

+}

+.btn-group .btn.blue.dropdown-toggle{

+background-color: #ee5c00 !important;

+}

+.page-content .page-breadcrumb.breadcrumb{

+background-color:#F5F5F5 !important;

+}

+/***

+Header Search

+***/

+.header .search-form {

+  background-color: #0B4263;

+}

+

+.header .search-form .form-control{

+  color: #68bbec;

+  border: 0; 

+  background-color: #0B4263;  

+}

+

+.header .search-form .submit {  

+  background: url(../../image/search-icon-blue.png);

+}

+.zte-theme-panel > .toggler:hover {

+  background-color: #146a9d !important;

+}

+/***

+Hor menu

+***/

+.header .hor-menu ul.nav li a {

+  color: #ccc;

+}

+

+.header .hor-menu ul.nav li.open > a,

+.header .hor-menu ul.nav li > a:hover,

+.header .hor-menu ul.nav li > a:focus {

+  color: #fff;

+  background: #146a9d;

+}

+

+.header .hor-menu .dropdown-menu li:hover > a,

+.header .hor-menu ul.nav li.active > a,

+.header .hor-menu ul.nav li.active > a:hover {

+  color: #fff;

+  background: #ee5c00 !important; 

+}

+.header.navbar .hor-menu ul.nav li.current .selected,

+.header.navbar .hor-menu ul.nav li.active .selected {

+  border-top: 6px solid #ee5c00;

+  }

+.header .hor-menu ul.nav li.current > a,

+.header .hor-menu ul.nav li.current > a:hover {

+  color: #fff;

+  background: #e02222 !important; 

+}

+

+.header .hor-menu .dropdown-menu {  

+    background: #146a9d;

+}

+.header .hor-menu .dropdown-menu li > a {    

+    color: #ccc;

+}

+

+.header .hor-menu .hor-menu-search-form-toggler.off {

+   background: #146a9d url(../../image/hor-menu-search-close-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form {  

+  background:#146a9d; 

+}

+

+.header .hor-menu .search-form form input {

+  color: #ccc;

+}

+

+.header .hor-menu .search-form .btn {

+  color: #ccc;

+  background: url(../../image/search-icon-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */

+    color: #ccc;

+}

+

+/***

+Mega Menu

+***/

+.mega-menu .mega-menu-submenu {  

+  border-right: 1px solid #1876AD;

+}

+

+.mega-menu .mega-menu-submenu li h3 {  

+  color: #fff;

+}

+

+/***

+Page sidebar

+***/

+.page-sidebar {

+  background-color: #e8e8e8;

+}

+ul.page-sidebar-menu > li > a {

+  border-top: 1px solid #d3d1d1  !important;

+  /*color: black !important;*/

+}

+ul.page-sidebar-menu > li:last-child > a {

+  border-bottom: 1px solid transparent !important;

+}

+ul.page-sidebar-menu > li a i {

+  /*color: black !important;*/

+}

+ul.page-sidebar-menu > li.open > a{

+border-bottom: 1px solid #d3d1d1  !important;

+color: #0d638f;

+}

+ul.page-sidebar-menu > li > a:hover

+/*ul.page-sidebar-menu > li:hover > a */{

+  background: #1b8fd3; 

+  color: #ffffff;

+}

+ul.page-sidebar-menu > li.active > a {

+  background: #ee5c00 !important;

+  border-top-color: transparent !important;

+  color: #ffffff;

+}

+ul.page-sidebar-menu > li.active > a i {

+  color: #ffffff;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {

+  border-top: 0px !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,

+ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {

+  color: #ffffff !important;

+  background: #1b8fd3 !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {

+  background: #1b8fd3 !important;

+}

+/* 3rd level sub menu */

+ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,

+ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,

+ul.page-sidebar-menu > li > ul.sub-menu li.open > a {

+  color: #ffffff !important;

+  background: #1b8fd3 !important;

+}

+/* font color for all sub menu links*/

+ul.page-sidebar-menu li > ul.sub-menu > li > a {

+  /*color: #c3e4f7;*/

+}

+/* menu arrows */

+ul.page-sidebar-menu > li > a .arrow:before,

+ul.page-sidebar-menu > li > a .arrow.open:before {

+  /*color: #51b1e9 !important;*/

+}

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {

+  color: #3ba6e6 !important;

+}

+ul.page-sidebar-menu > li > a > .arrow.open:before {

+ /* color: #68bbec !important;*/

+}

+ul.page-sidebar-menu > li.active > a .arrow:before,

+ul.page-sidebar-menu > li.active > a .arrow.open:before {

+  color: #ffffff !important;

+}

+/* sidebar search */

+.page-sidebar .sidebar-search input {

+  background-color: #0f5179 !important;

+  color: #0d638f;

+}

+.page-sidebar .sidebar-search input::-webkit-input-placeholder {

+  color: #0d638f !important;

+}

+.page-sidebar .sidebar-search input:-moz-placeholder {

+  color: #0d638f !important;

+}

+.page-sidebar .sidebar-search input:-ms-input-placeholder {

+  color: #0d638f !important;

+}

+.page-sidebar .sidebar-search input {

+  background-color: #e8e8e8 !important;

+ /* color: #bfbfbf !important;*/

+}

+.page-sidebar .sidebar-search .input-box {

+  border-bottom: 1px solid #0d638f !important;

+}

+.page-sidebar .sidebar-search .submit {

+  background-image: url(../../image/search-icon-blue.png);

+}

+/***

+Sidebar toggler

+***/

+.sidebar-toggler {

+  background-image: url(../../image/sidebar-toggler-grey.jpg);

+  background-color: #0f5179;

+}

+/* search box bg color on expanded */

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {

+  background-color: #1b8fd3 !important;

+}

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {

+  background-image: url("../../image/sidebar-search-close-blue.png");

+}

+/* sub menu bg color on hover menu item */

+.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {

+  background-color: #1b8fd3;

+}

+/***

+Footer 

+***/

+.footer .footer-inner {

+  color: #7c7c7c;

+}

+.footer .footer-tools .go-top {

+  background-color: #1985c6;

+}

+.footer .footer-tools .go-top:hover {

+  opacity: 0.7;

+  filter: alpha(opacity=70);

+}

+.footer .footer-tools .go-top i {

+  color: #68bbec;

+}

+/***

+Footer Layouts (new in v1.3)

+***/

+/* begin:fixed footer */

+.page-footer-fixed .footer {

+  background-color: #0f5179;

+}

+.page-footer-fixed .footer .footer-inner {

+  color: #68bbec;

+}

+.page-footer-fixed .footer .footer-tools .go-top {

+  background-color: #1985c6;

+}

+.page-footer-fixed .footer .footer-tools .go-top i {

+  color: #68bbec;

+}

+/* end:fixed footer */

+/***

+Gritter Notifications 

+***/

+.gritter-top {

+  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left -30px !important;

+}

+.gritter-bottom {

+  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left bottom !important;

+}

+.gritter-item {

+  display: block;

+  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left -40px !important;

+}

+.gritter-close {

+  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left top !important;

+}

+.gritter-title {

+  text-shadow: none !important;

+  /* Not supported by IE :( */

+

+}

+/* for the light (white) version of the gritter notice */

+.gritter-light .gritter-item,

+.gritter-light .gritter-bottom,

+.gritter-light .gritter-top,

+.gritter-light .gritter-close {

+  background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;

+}

+.gritter-item-wrapper a {

+  color: #18a5ed;

+}

+.gritter-item-wrapper a:hover {

+  color: #0b6694;

+}

+/* begin: boxed page */

+@media (min-width: 992px) {

+  .page-boxed {

+    background-color: #125e8b !important;

+  }

+  .page-boxed .page-container {

+    background-color: #1570a6;

+    border-left: 1px solid #1c98e1;

+    border-bottom: 1px solid #1c98e1;

+  }

+  .page-boxed.page-sidebar-reversed .page-container {

+    border-left: 0;

+    border-right: 1px solid #1c98e1;

+  }

+  .page-boxed.page-sidebar-fixed .page-container {

+    border-left: 0;

+    border-bottom: 0;

+  }

+  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {

+    border-left: 0;

+    border-right: 0;

+    border-bottom: 0;

+  }

+  .page-boxed.page-sidebar-fixed .page-sidebar {

+    border-left: 1px solid #1c98e1;

+  }

+  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {

+    border-right: 1px solid #1c98e1;

+    border-left: 0; 

+  }

+  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {

+    background-color: #125e8b !important;

+  }

+}

+/* end: boxed page */

+/***

+Landscape phone to portrait tablet

+***/

+@media (max-width: 991px) {

+  /***

+    page sidebar

+    ***/

+  .page-sidebar {

+    background-color: #3d95c9 !important;

+  }

+  ul.page-sidebar-menu > li > a {

+    border-top: 1px solid #187fbd !important;

+  }

+  ul.page-sidebar-menu > li:last-child > a {

+    border-bottom: 0 !important;

+  }

+  .page-sidebar .sidebar-search input {

+    background-color: #3d95c9 !important;

+  }

+  ul.page-sidebar-menu > li.open > a{

+  border-bottom: 1px solid #187fbd !important;

+  

+  }

+  ul.page-sidebar-menu > li > a:hover/*,

+  ul.page-sidebar-menu > li:hover > a */{

+    background: #0e4b70;

+  }

+  ul.page-sidebar-menu > li a i{

+  color:#fff !important;

+  }

+  ul.page-sidebar-menu > li a{

+  color:#fff !important;

+  }

+}

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/zteblue_ifrm.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/zteblue_ifrm.css
index 80affa2f..68f818c1 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/zteblue_ifrm.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/zteblue_ifrm.css
@@ -1,206 +1,206 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-light_ifrm theme
-***/
-td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-/* button style*/
-.buttonRounded,
-.buttonRoundedOver,
-.buttonRoundedFocused,
-.buttonRoundedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown,
-.buttonRoundedSelected,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedDown,
-.buttonRoundedSelectedFocusedDown,
-.buttonRoundedSelectedOver,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDisabled,
-.buttonRoundedSelectedDisabled {
-  background-color: #4da9df;
-  color: #fff;
-  border: 0px solid #b15a59;
-  border-radius: 0px;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  /*padding: 0 3px;*/
-  padding-left:7px !important;
-  padding-right:7px !important;
-  height:30px !important;
-}
-.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-.buttonRoundedOver,
-.buttonRoundedFocusedOver,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown {
-  background-color: #479fd3;
-  height:30px !important;
-}
-
-.menuButton,
-.menuButtonOver,
-.menuButtonDown,
-.menuButtonDisabled,
-.menuButtonFocused,
-.menuButtonFocusedDown,
-.menuButtonFocusedOver,
-.menuButtonSelected,
-.menuButtonSelectedDown,
-.menuButtonSelectedOver,
-.menuButtonSelectedDisabled {
-  background-color: #4da9df;
-  border: 0px solid #ababab;
-  color: #fff;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  padding-left: 7px !important;
-  padding-right: 7px !important;
-  height:30px !important;
-}
-.menuButtonOver {
-  background-color: #479fd3;
- }
-.menuButtonDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
- .buttonTitle,
-.buttonTitleOver,
-.buttonTitleDown,
-.buttonTitleSelected,
-.buttonTitleFocused,
-.buttonTitleSelectedFocused,
-.buttonTitleSelectedOver,
-.buttonTitleFocusedOver,
-.buttonTitleSelectedFocusedOver,
-.buttonTitleSelectedDown,
-.buttonTitleFocusedDown,
-.buttonTitleSelectedFocusedDown,
-.buttonTitleDisabled,
-.buttonTitleSelectedDisabled {
-  color: #fff ;
-  }
-  .buttonTitleDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-   /* windowBody dialogBody Style */
- .windowBody,
-.dialogBody {
-  background-color: white;
-  border: 1px solid #2c9ada;
-  border-top: 0;
-}
-.windowHeader,
-.dialogHeader {
-  background-color: #2c9ada;
-  padding: 0;
-}
-/* sectionHeader Style */
-.sectionHeaderopened {
-  background-color: #438eb9;
-  }
-  .sectionHeaderclosed {
-  background-color: #3a85b0;
-  }
-
-#dt_example h1{
-color:#438eb9;
-font-weight:600 !important;
-}
-  /*cell style*/
-.tallCellOver,
-.tallCellOverDark {
-  background-color: #ffede4;
-  border-bottom: 1px solid #ffede4;
-  border-top: 1px  solid #ffede4;
-  }
-.tallCellSelected,
-.tallCellSelectedDark {
-  background: #f8dddd;
-  border-bottom: 1px solid #f8dddd;
-  border-top: 1px  solid #f8dddd;
-  }
-.tallCellSelectedOver,
-.tallCellSelectedOverDark {
-  background: #f8dddd;
-  border-bottom: 1px solid #f8dddd;
-  border-top: 1px  solid #f8dddd;
-  }
-.imgHeaderButtonOver,
-.imgHeaderButtonDown,
-.headerButtonOver,
-.headerButtonDown,
-.sorterButtonOver,
-.sorterButtonDown {
-  background-color: #c4d7e2;
-  }
-.cellSelected,
-.cellSelectedDark,
-.specialColSelected,
-.recordSummaryCellSelected,
-.recordSummaryCellSelectedDark {
-  background: #f8dddd !important;
- border-bottom: 1px solid #f8dddd;
-  border-top: 1px solid #f8dddd;
-  }
-.cellSelectedOver,
-.cellSelectedOverDark,
-.specialColSelectedOver,
-.recordSummaryCellSelectedOver,
-.recordSummaryCellSelectedOverDark {
-  background: #f8dddd !important;
-   border-bottom: 1px solid #f8dddd;
-  border-top: 1px solid #f8dddd;
-}
-.cellOver,
-.cellOverDark,
-.specialColOver,
-.recordSummaryCellOver,
-.recordSummaryCellOverDark {
-  background: #ffede4 !important;
-  border-bottom: 1px solid #ffede4;
-  border-top: 1px solid #ffede4;
-  }
-.treeCellOver,
-.treeCellOverDark {
-  background-color: #ffede4; 
-}    
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+light_ifrm theme

+***/

+td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+/* button style*/

+.buttonRounded,

+.buttonRoundedOver,

+.buttonRoundedFocused,

+.buttonRoundedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown,

+.buttonRoundedSelected,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedDown,

+.buttonRoundedSelectedFocusedDown,

+.buttonRoundedSelectedOver,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDisabled,

+.buttonRoundedSelectedDisabled {

+  background-color: #4da9df;

+  color: #fff;

+  border: 0px solid #b15a59;

+  border-radius: 0px;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  /*padding: 0 3px;*/

+  padding-left:7px !important;

+  padding-right:7px !important;

+  height:30px !important;

+}

+.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+.buttonRoundedOver,

+.buttonRoundedFocusedOver,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown {

+  background-color: #479fd3;

+  height:30px !important;

+}

+

+.menuButton,

+.menuButtonOver,

+.menuButtonDown,

+.menuButtonDisabled,

+.menuButtonFocused,

+.menuButtonFocusedDown,

+.menuButtonFocusedOver,

+.menuButtonSelected,

+.menuButtonSelectedDown,

+.menuButtonSelectedOver,

+.menuButtonSelectedDisabled {

+  background-color: #4da9df;

+  border: 0px solid #ababab;

+  color: #fff;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  padding-left: 7px !important;

+  padding-right: 7px !important;

+  height:30px !important;

+}

+.menuButtonOver {

+  background-color: #479fd3;

+ }

+.menuButtonDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+ .buttonTitle,

+.buttonTitleOver,

+.buttonTitleDown,

+.buttonTitleSelected,

+.buttonTitleFocused,

+.buttonTitleSelectedFocused,

+.buttonTitleSelectedOver,

+.buttonTitleFocusedOver,

+.buttonTitleSelectedFocusedOver,

+.buttonTitleSelectedDown,

+.buttonTitleFocusedDown,

+.buttonTitleSelectedFocusedDown,

+.buttonTitleDisabled,

+.buttonTitleSelectedDisabled {

+  color: #fff ;

+  }

+  .buttonTitleDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+   /* windowBody dialogBody Style */

+ .windowBody,

+.dialogBody {

+  background-color: white;

+  border: 1px solid #2c9ada;

+  border-top: 0;

+}

+.windowHeader,

+.dialogHeader {

+  background-color: #2c9ada;

+  padding: 0;

+}

+/* sectionHeader Style */

+.sectionHeaderopened {

+  background-color: #438eb9;

+  }

+  .sectionHeaderclosed {

+  background-color: #3a85b0;

+  }

+

+#dt_example h1{

+color:#438eb9;

+font-weight:600 !important;

+}

+  /*cell style*/

+.tallCellOver,

+.tallCellOverDark {

+  background-color: #ffede4;

+  border-bottom: 1px solid #ffede4;

+  border-top: 1px  solid #ffede4;

+  }

+.tallCellSelected,

+.tallCellSelectedDark {

+  background: #f8dddd;

+  border-bottom: 1px solid #f8dddd;

+  border-top: 1px  solid #f8dddd;

+  }

+.tallCellSelectedOver,

+.tallCellSelectedOverDark {

+  background: #f8dddd;

+  border-bottom: 1px solid #f8dddd;

+  border-top: 1px  solid #f8dddd;

+  }

+.imgHeaderButtonOver,

+.imgHeaderButtonDown,

+.headerButtonOver,

+.headerButtonDown,

+.sorterButtonOver,

+.sorterButtonDown {

+  background-color: #c4d7e2;

+  }

+.cellSelected,

+.cellSelectedDark,

+.specialColSelected,

+.recordSummaryCellSelected,

+.recordSummaryCellSelectedDark {

+  background: #f8dddd !important;

+ border-bottom: 1px solid #f8dddd;

+  border-top: 1px solid #f8dddd;

+  }

+.cellSelectedOver,

+.cellSelectedOverDark,

+.specialColSelectedOver,

+.recordSummaryCellSelectedOver,

+.recordSummaryCellSelectedOverDark {

+  background: #f8dddd !important;

+   border-bottom: 1px solid #f8dddd;

+  border-top: 1px solid #f8dddd;

+}

+.cellOver,

+.cellOverDark,

+.specialColOver,

+.recordSummaryCellOver,

+.recordSummaryCellOverDark {

+  background: #ffede4 !important;

+  border-bottom: 1px solid #ffede4;

+  border-top: 1px solid #ffede4;

+  }

+.treeCellOver,

+.treeCellOverDark {

+  background-color: #ffede4; 

+}    

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight.css
index 7dfbb0c6..120ed30f 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight.css
@@ -1,450 +1,450 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-Blue theme
-***/
-/***
-Reset and overrides  
-***/
-body {
-  background-color: #f1f3fa !important;
-  font-family:"microsoft yahei";  
-}
-.page-content{
-background-color:#f1f3fa !important;
-}
-.page-sidebar-menu > li.active > a .selected{
-background-image:url("../../image/sidebar-menu-arrow-bluelight.png")
-}
-/***
-Page header
-***/
-.header {
-  filter: none !important;
-  background-image: none !important;
-  background-color: #3366CC !important;
-}
-.header .btn-navbar {
-  background-color: #3366CC!important;
-}
-.header .navbar-nav .dropdown-toggle:hover,
-.header .navbar-nav .dropdown.open .dropdown-toggle {
-  color: #fff;
-  background-color: #3061c1 !important;
-}
-.header .navbar-nav li.dropdown .dropdown-toggle i {
-  color: white !important;
-}
-.zte-theme-panel > .toggler:hover {
-  background-color: #6192f7 !important;
-}
-.page-content .page-breadcrumb.breadcrumb .dashboard-date-range{
-  background-color: #3366CC !important;
-}
-.btn-group .btn.blue.dropdown-toggle{
-    background-color: #3366CC !important;
-}
-.btn-group .btn.blue.dropdown-toggle:hover{
-    background-color: #2f5ebd !important;
-}
-/***
-Header Search
-***/
-.header .search-form {
-  background-color: #0B4263;
-}
-
-.header .search-form .form-control{
-  color: #68bbec;
-  border: 0; 
-  background-color: #0B4263;  
-}
-
-.header .search-form .submit {  
-  background: url(../../image/search-icon-blue.png);
-}
-
-/***
-Hor menu
-***/
-.header .hor-menu ul.nav li a {
-  color: #fff;
-}
-
-.header .hor-menu ul.nav li.open > a,
-.header .hor-menu ul.nav li > a:hover,
-.header .hor-menu ul.nav li > a:focus {
-  color: #bdcff4;
-  background: #3366CC;
-}
-.header .hor-menu .dropdown-menu li > a {    
-    color: #333 !important ; 
-}
-.header .hor-menu .dropdown-menu li:hover > a{
-  color: #3366CC !important; 
-  background: #e5e8f0 !important; 
-}
-.dropdown-menu .mega-menu-content .row .mega-menu-submenu .active > a,
-.dropdown-menu .mega-menu-content .row .mega-menu-submenu .active > a:hover{
-    color:#333  !important; 
-	background: #D9E5FF !important; 
-}
-.header .hor-menu ul.nav li.active > a,
-.header .hor-menu ul.nav li.active > a:hover {
-  color: #fff;
-  background: #3366CC !important; 
-}
-.header .hor-menu ul.nav li.current > a,
-.header .hor-menu ul.nav li.current > a:hover {
-  color: #3366CC;
-  background: #4174dc !important; 
-}
-
-.header .hor-menu .dropdown-menu {  
-    background: #fff ;
-	border: 1px #769be6 solid !important ; 
-	border-top:0 !important ; 
-	border-bottom-right-radius:5px !important ; 
-    border-bottom-left-radius:5px !important ; 	
-	padding-right:20px;
-}
-
-.header .hor-menu .hor-menu-search-form-toggler.off {
-   background: #4d7ee1 url(../../image/hor-menu-search-close-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form {  
-  background:#4d7ee1; 
-}
-
-.header .hor-menu .search-form form input {
-  color: #ccc;
-}
-.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
-    color: #ccc;
-}
-
-.header.navbar .hor-menu ul.nav li.current .selected,
-.header.navbar .hor-menu ul.nav li.active .selected {
-  border-top: 6px solid #3366CC;
-}
-/***
-Mega Menu
-***/
-.mega-menu .mega-menu-submenu {  
-  //border-right: 1px solid #d5d5d5;
-}
-
-.mega-menu .mega-menu-submenu li h3 {  
-    color: #5681DA;
-	font-weight:600 !important;
-	
-}
-/*.mega-menu-dropdown .fa,
-#page-f-sidebar-menu .sub-menu .fa,
-.sub-menu .sub-menu .fa
-{
-display:none;
-}去掉左边二级菜单图标*/
-#main_hormenu .mega-menu-dropdown{
-margin-left:30px;
-}
-/***
-Page sidebar
-***/
-.page-sidebar {
-  background-color: #f1f3fa;
-}
-ul.page-sidebar-menu > li:last-child > a {
-  border-bottom: 1px solid transparent !important;
-}
-.ul.page-sidebar-menu > li a i {
- /* color: #0d638f;*/
-}
-ul.page-sidebar-menu > li.open > a{
-border-bottom: 1px solid #e0e2e9  !important;
-}
-ul.page-sidebar-menu > li > a {
-  border-top: 1px solid #e0e2e9  !important;
-  /*background: #fff  !important;*/
-  color: #2e487d !important;
-}
-ul.page-sidebar-menu > li > a:hover{
-  background: #fff  !important; 
-  color: #3366CC !important;
-}
-ul.page-sidebar-menu > li.active > a {
-  background: #3366CC  !important;
-  border-top-color: transparent !important;
-  color: #ffffff  !important;
-}
-ul.page-sidebar-menu > li.active > a:hover {
-  background: #507edb  !important;
-  border-top-color: transparent !important;
-  color: #ffffff  !important;
-}
-ul.page-sidebar-menu > li.active > a i {
-  color: #ffffff;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
-  border-top: 0px !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li > a{
-  color: #2e487d;/*right menu*/
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li.active > a {
-  color: #3366CC !important;
-  background: #dde2f1 !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li.active > a:hover { 
-  background: #e3e7f5 !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
-  background: #eee !important;
-  color:#3366CC;
-}
-ul.page-sidebar-menu > li.open > a{
- color:#fff;
- }
-/* 3rd level sub menu */
-ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
-ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
-ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
-  color: #3366CC !important;
-  background: #fff !important;
-}
-/* font color for all sub menu links*/
-ul.page-sidebar-menu li > ul.sub-menu > li > a {
-  /*color: #c3e4f7;*/
-}
-/* menu arrows */
-ul.page-sidebar-menu > li > a .arrow:before,
-ul.page-sidebar-menu > li > a .arrow.open:before {
-  /*color: #51b1e9 !important;*/
-}
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
-  color: #3ba6e6 !important;
-}
-ul.page-sidebar-menu > li > a > .arrow.open:before {
-  color: #68bbec !important;
-}
-ul.page-sidebar-menu > li.active > a .arrow:before,
-ul.page-sidebar-menu > li.active > a .arrow.open:before {
-  color: #ffffff !important;
-}
-/* sidebar search */
-.page-sidebar .sidebar-search input {
-  background-color: #0f5179 !important;
-  color: #000000;
-}
-.page-sidebar .sidebar-search input::-webkit-input-placeholder {
-  color: #000000 !important;
-}
-.page-sidebar .sidebar-search input:-moz-placeholder {
-  color: #000000 !important;
-}
-.page-sidebar .sidebar-search input:-ms-input-placeholder {
-  color: #000000 !important;
-}
-.page-sidebar .sidebar-search input {
-  background-color: #eeeeee !important;
- /*color: white !important;*/
-}
-.page-sidebar .sidebar-search .input-box {
-  border-bottom: 1px solid #000000 !important;
-}
-.page-sidebar .sidebar-search .submit {
-  background-image: url(../../image/search-icon-blue.png);
-}
-/***
-Sidebar toggler
-***/
-.sidebar-toggler {
- background-image: url(../../image/sidebar-toggler-grey.jpg);
-  background-color: #0f5179;
-}
-/* search box bg color on expanded */
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
-  background-color: #3366CC !important;
-}
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
-  background-image: url("../../image/sidebar-search-close-blue.png");
-}
-/* sub menu bg color on hover menu item */
-.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
-  background-color: #e4e4e4;
-}
-/***
-Footer 
-***/
-.footer .footer-inner {
-  color: #7c7c7c;
-}
-.footer .footer-tools .go-top {
-  background-color: #1985c6;
-}
-.footer .footer-tools .go-top:hover {
-  opacity: 0.7;
-  filter: alpha(opacity=70);
-}
-.footer .footer-tools .go-top i {
-  color: #68bbec;
-}
-/***
-Footer Layouts (new in v1.3)
-***/
-/* begin:fixed footer */
-.page-footer-fixed .footer {
-  background-color: #0f5179;
-}
-.page-footer-fixed .footer .footer-inner {
-  color: #68bbec;
-}
-.page-footer-fixed .footer .footer-tools .go-top {
-  background-color: #1985c6;
-}
-.page-footer-fixed .footer .footer-tools .go-top i {
-  color: #68bbec;
-}
-/* end:fixed footer */
-/***
-Gritter Notifications 
-***/
-.gritter-top {
-  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left -30px !important;
-}
-.gritter-bottom {
-  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left bottom !important;
-}
-.gritter-item {
-  display: block;
-  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left -40px !important;
-}
-.gritter-close {
-  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left top !important;
-}
-.gritter-title {
-  text-shadow: none !important;
-  /* Not supported by IE :( */
-
-}
-/* for the light (white) version of the gritter notice */
-.gritter-light .gritter-item,
-.gritter-light .gritter-bottom,
-.gritter-light .gritter-top,
-.gritter-light .gritter-close {
-  background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;
-}
-.gritter-item-wrapper a {
-  color: #18a5ed;
-}
-.gritter-item-wrapper a:hover {
-  color: #0b6694;
-}
-/* begin: boxed page */
-@media (min-width: 992px) {
-  .page-boxed {
-    background-color: #fff !important;
-  }
-  .page-boxed .page-container {
-    background-color: #fff;
-    border-left: 1px solid #1c98e1;
-    border-bottom: 1px solid #1c98e1;
-  }
-  .page-boxed.page-sidebar-reversed .page-container {
-    border-left: 0;
-    border-right: 1px solid #1c98e1;
-  }
-  .page-boxed.page-sidebar-fixed .page-container {
-    border-left: 0;
-    border-bottom: 0;
-  }
-  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
-    border-left: 0;
-    border-right: 0;
-    border-bottom: 0;
-  }
-  .page-boxed.page-sidebar-fixed .page-sidebar {
-    border-left: 1px solid #1c98e1;
-  }
-  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
-    border-right: 1px solid #1c98e1;
-    border-left: 0; 
-  }
-  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
-    background-color: #125e8b !important;
-  }
-ul.page-sidebar-menu > li .active> a{
- background: #3366CC !important; 
-}
-/* end: boxed page */
-/***
-Landscape phone to portrait tablet
-***/
-@media (max-width: 991px) {
-  /***
-    page sidebar
-    ***/
-  .page-sidebar {
-    background-color: #f1f3fa !important;
-  }
-  ul.page-sidebar-menu > li > a {
-    border-top: 1px solid #e0e2e9 !important;
-	
-  }
-    ul.page-sidebar-menu > li > a :hover{
-    border-top: 1px solid #e0e2e9 !important;
-	color: #fff  !important;
-  }
-  ul.page-sidebar-menu > li:last-child > a {
-    border-bottom: 0 !important;
-  }
-  .page-sidebar .sidebar-search input {
-    background-color: #4072d6 !important;
-	color:#c5c5c7 !important;
-  }
-  .page-sidebar .sidebar-search input::-webkit-input-placeholder {
-  color: #c5c5c7 !important;
-}
-  .page-sidebar .sidebar-search input:-moz-placeholder {
-  color: #c5c5c7 !important;
-}
-  .page-sidebar .sidebar-search input:-ms-input-placeholder {
-  color: #c5c5c7 !important;
-}
-  ul.page-sidebar-menu > li.open > a,
-    ul.page-sidebar-menu > li.open > a:hover,
-  ul.page-sidebar-menu > li > a:hover{
-    background: #3366CC !important; 
-   }
-     ul.page-sidebar-menu > li > a:hover,
-	 ul.page-sidebar-menu > li:hover > a {
-    background: #fff !important; 
-   }
- ul.page-sidebar-menu li > ul.sub-menu > li > a {
-  color: #3366CC;
-}
-
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+Blue theme

+***/

+/***

+Reset and overrides  

+***/

+body {

+  background-color: #f1f3fa !important;

+  font-family:"microsoft yahei";  

+}

+.page-content{

+background-color:#f1f3fa !important;

+}

+.page-sidebar-menu > li.active > a .selected{

+background-image:url("../../image/sidebar-menu-arrow-bluelight.png")

+}

+/***

+Page header

+***/

+.header {

+  filter: none !important;

+  background-image: none !important;

+  background-color: #3366CC !important;

+}

+.header .btn-navbar {

+  background-color: #3366CC!important;

+}

+.header .navbar-nav .dropdown-toggle:hover,

+.header .navbar-nav .dropdown.open .dropdown-toggle {

+  color: #fff;

+  background-color: #3061c1 !important;

+}

+.header .navbar-nav li.dropdown .dropdown-toggle i {

+  color: white !important;

+}

+.zte-theme-panel > .toggler:hover {

+  background-color: #6192f7 !important;

+}

+.page-content .page-breadcrumb.breadcrumb .dashboard-date-range{

+  background-color: #3366CC !important;

+}

+.btn-group .btn.blue.dropdown-toggle{

+    background-color: #3366CC !important;

+}

+.btn-group .btn.blue.dropdown-toggle:hover{

+    background-color: #2f5ebd !important;

+}

+/***

+Header Search

+***/

+.header .search-form {

+  background-color: #0B4263;

+}

+

+.header .search-form .form-control{

+  color: #68bbec;

+  border: 0; 

+  background-color: #0B4263;  

+}

+

+.header .search-form .submit {  

+  background: url(../../image/search-icon-blue.png);

+}

+

+/***

+Hor menu

+***/

+.header .hor-menu ul.nav li a {

+  color: #fff;

+}

+

+.header .hor-menu ul.nav li.open > a,

+.header .hor-menu ul.nav li > a:hover,

+.header .hor-menu ul.nav li > a:focus {

+  color: #bdcff4;

+  background: #3366CC;

+}

+.header .hor-menu .dropdown-menu li > a {    

+    color: #333 !important ; 

+}

+.header .hor-menu .dropdown-menu li:hover > a{

+  color: #3366CC !important; 

+  background: #e5e8f0 !important; 

+}

+.dropdown-menu .mega-menu-content .row .mega-menu-submenu .active > a,

+.dropdown-menu .mega-menu-content .row .mega-menu-submenu .active > a:hover{

+    color:#333  !important; 

+	background: #D9E5FF !important; 

+}

+.header .hor-menu ul.nav li.active > a,

+.header .hor-menu ul.nav li.active > a:hover {

+  color: #fff;

+  background: #3366CC !important; 

+}

+.header .hor-menu ul.nav li.current > a,

+.header .hor-menu ul.nav li.current > a:hover {

+  color: #3366CC;

+  background: #4174dc !important; 

+}

+

+.header .hor-menu .dropdown-menu {  

+    background: #fff ;

+	border: 1px #769be6 solid !important ; 

+	border-top:0 !important ; 

+	border-bottom-right-radius:5px !important ; 

+    border-bottom-left-radius:5px !important ; 	

+	padding-right:20px;

+}

+

+.header .hor-menu .hor-menu-search-form-toggler.off {

+   background: #4d7ee1 url(../../image/hor-menu-search-close-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form {  

+  background:#4d7ee1; 

+}

+

+.header .hor-menu .search-form form input {

+  color: #ccc;

+}

+.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */

+    color: #ccc;

+}

+

+.header.navbar .hor-menu ul.nav li.current .selected,

+.header.navbar .hor-menu ul.nav li.active .selected {

+  border-top: 6px solid #3366CC;

+}

+/***

+Mega Menu

+***/

+.mega-menu .mega-menu-submenu {  

+  //border-right: 1px solid #d5d5d5;

+}

+

+.mega-menu .mega-menu-submenu li h3 {  

+    color: #5681DA;

+	font-weight:600 !important;

+	

+}

+/*.mega-menu-dropdown .fa,

+#page-f-sidebar-menu .sub-menu .fa,

+.sub-menu .sub-menu .fa

+{

+display:none;

+}去掉左边二级菜单图标*/

+#main_hormenu .mega-menu-dropdown{

+margin-left:30px;

+}

+/***

+Page sidebar

+***/

+.page-sidebar {

+  background-color: #f1f3fa;

+}

+ul.page-sidebar-menu > li:last-child > a {

+  border-bottom: 1px solid transparent !important;

+}

+.ul.page-sidebar-menu > li a i {

+ /* color: #0d638f;*/

+}

+ul.page-sidebar-menu > li.open > a{

+border-bottom: 1px solid #e0e2e9  !important;

+}

+ul.page-sidebar-menu > li > a {

+  border-top: 1px solid #e0e2e9  !important;

+  /*background: #fff  !important;*/

+  color: #2e487d !important;

+}

+ul.page-sidebar-menu > li > a:hover{

+  background: #fff  !important; 

+  color: #3366CC !important;

+}

+ul.page-sidebar-menu > li.active > a {

+  background: #3366CC  !important;

+  border-top-color: transparent !important;

+  color: #ffffff  !important;

+}

+ul.page-sidebar-menu > li.active > a:hover {

+  background: #507edb  !important;

+  border-top-color: transparent !important;

+  color: #ffffff  !important;

+}

+ul.page-sidebar-menu > li.active > a i {

+  color: #ffffff;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {

+  border-top: 0px !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li > a{

+  color: #2e487d;/*right menu*/

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li.active > a {

+  color: #3366CC !important;

+  background: #dde2f1 !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li.active > a:hover { 

+  background: #e3e7f5 !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {

+  background: #eee !important;

+  color:#3366CC;

+}

+ul.page-sidebar-menu > li.open > a{

+ color:#fff;

+ }

+/* 3rd level sub menu */

+ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,

+ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,

+ul.page-sidebar-menu > li > ul.sub-menu li.open > a {

+  color: #3366CC !important;

+  background: #fff !important;

+}

+/* font color for all sub menu links*/

+ul.page-sidebar-menu li > ul.sub-menu > li > a {

+  /*color: #c3e4f7;*/

+}

+/* menu arrows */

+ul.page-sidebar-menu > li > a .arrow:before,

+ul.page-sidebar-menu > li > a .arrow.open:before {

+  /*color: #51b1e9 !important;*/

+}

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {

+  color: #3ba6e6 !important;

+}

+ul.page-sidebar-menu > li > a > .arrow.open:before {

+  color: #68bbec !important;

+}

+ul.page-sidebar-menu > li.active > a .arrow:before,

+ul.page-sidebar-menu > li.active > a .arrow.open:before {

+  color: #ffffff !important;

+}

+/* sidebar search */

+.page-sidebar .sidebar-search input {

+  background-color: #0f5179 !important;

+  color: #000000;

+}

+.page-sidebar .sidebar-search input::-webkit-input-placeholder {

+  color: #000000 !important;

+}

+.page-sidebar .sidebar-search input:-moz-placeholder {

+  color: #000000 !important;

+}

+.page-sidebar .sidebar-search input:-ms-input-placeholder {

+  color: #000000 !important;

+}

+.page-sidebar .sidebar-search input {

+  background-color: #eeeeee !important;

+ /*color: white !important;*/

+}

+.page-sidebar .sidebar-search .input-box {

+  border-bottom: 1px solid #000000 !important;

+}

+.page-sidebar .sidebar-search .submit {

+  background-image: url(../../image/search-icon-blue.png);

+}

+/***

+Sidebar toggler

+***/

+.sidebar-toggler {

+ background-image: url(../../image/sidebar-toggler-grey.jpg);

+  background-color: #0f5179;

+}

+/* search box bg color on expanded */

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {

+  background-color: #3366CC !important;

+}

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {

+  background-image: url("../../image/sidebar-search-close-blue.png");

+}

+/* sub menu bg color on hover menu item */

+.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {

+  background-color: #e4e4e4;

+}

+/***

+Footer 

+***/

+.footer .footer-inner {

+  color: #7c7c7c;

+}

+.footer .footer-tools .go-top {

+  background-color: #1985c6;

+}

+.footer .footer-tools .go-top:hover {

+  opacity: 0.7;

+  filter: alpha(opacity=70);

+}

+.footer .footer-tools .go-top i {

+  color: #68bbec;

+}

+/***

+Footer Layouts (new in v1.3)

+***/

+/* begin:fixed footer */

+.page-footer-fixed .footer {

+  background-color: #0f5179;

+}

+.page-footer-fixed .footer .footer-inner {

+  color: #68bbec;

+}

+.page-footer-fixed .footer .footer-tools .go-top {

+  background-color: #1985c6;

+}

+.page-footer-fixed .footer .footer-tools .go-top i {

+  color: #68bbec;

+}

+/* end:fixed footer */

+/***

+Gritter Notifications 

+***/

+.gritter-top {

+  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left -30px !important;

+}

+.gritter-bottom {

+  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left bottom !important;

+}

+.gritter-item {

+  display: block;

+  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left -40px !important;

+}

+.gritter-close {

+  background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left top !important;

+}

+.gritter-title {

+  text-shadow: none !important;

+  /* Not supported by IE :( */

+

+}

+/* for the light (white) version of the gritter notice */

+.gritter-light .gritter-item,

+.gritter-light .gritter-bottom,

+.gritter-light .gritter-top,

+.gritter-light .gritter-close {

+  background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;

+}

+.gritter-item-wrapper a {

+  color: #18a5ed;

+}

+.gritter-item-wrapper a:hover {

+  color: #0b6694;

+}

+/* begin: boxed page */

+@media (min-width: 992px) {

+  .page-boxed {

+    background-color: #fff !important;

+  }

+  .page-boxed .page-container {

+    background-color: #fff;

+    border-left: 1px solid #1c98e1;

+    border-bottom: 1px solid #1c98e1;

+  }

+  .page-boxed.page-sidebar-reversed .page-container {

+    border-left: 0;

+    border-right: 1px solid #1c98e1;

+  }

+  .page-boxed.page-sidebar-fixed .page-container {

+    border-left: 0;

+    border-bottom: 0;

+  }

+  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {

+    border-left: 0;

+    border-right: 0;

+    border-bottom: 0;

+  }

+  .page-boxed.page-sidebar-fixed .page-sidebar {

+    border-left: 1px solid #1c98e1;

+  }

+  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {

+    border-right: 1px solid #1c98e1;

+    border-left: 0; 

+  }

+  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {

+    background-color: #125e8b !important;

+  }

+ul.page-sidebar-menu > li .active> a{

+ background: #3366CC !important; 

+}

+/* end: boxed page */

+/***

+Landscape phone to portrait tablet

+***/

+@media (max-width: 991px) {

+  /***

+    page sidebar

+    ***/

+  .page-sidebar {

+    background-color: #f1f3fa !important;

+  }

+  ul.page-sidebar-menu > li > a {

+    border-top: 1px solid #e0e2e9 !important;

+	

+  }

+    ul.page-sidebar-menu > li > a :hover{

+    border-top: 1px solid #e0e2e9 !important;

+	color: #fff  !important;

+  }

+  ul.page-sidebar-menu > li:last-child > a {

+    border-bottom: 0 !important;

+  }

+  .page-sidebar .sidebar-search input {

+    background-color: #4072d6 !important;

+	color:#c5c5c7 !important;

+  }

+  .page-sidebar .sidebar-search input::-webkit-input-placeholder {

+  color: #c5c5c7 !important;

+}

+  .page-sidebar .sidebar-search input:-moz-placeholder {

+  color: #c5c5c7 !important;

+}

+  .page-sidebar .sidebar-search input:-ms-input-placeholder {

+  color: #c5c5c7 !important;

+}

+  ul.page-sidebar-menu > li.open > a,

+    ul.page-sidebar-menu > li.open > a:hover,

+  ul.page-sidebar-menu > li > a:hover{

+    background: #3366CC !important; 

+   }

+     ul.page-sidebar-menu > li > a:hover,

+	 ul.page-sidebar-menu > li:hover > a {

+    background: #fff !important; 

+   }

+ ul.page-sidebar-menu li > ul.sub-menu > li > a {

+  color: #3366CC;

+}

+

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight2.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight2.css
index e06872a4..30acbf35 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight2.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight2.css
@@ -1,520 +1,520 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-Blue theme
-***/
-/***
-Reset and overrides  
-***/
-body {
-    background-color: #f9f9f9 !important;
-    font-family: "microsoft yahei" !important;
-}
-
-.page-content {
-    background-color: #f1f3fa !important;
-}
-
-/***
-Page header
-***/
-.header {
-    filter: none !important;
-    /*background-image: none !important;*/
-    background-color: #1178ee !important;
-    /*  background: -webkit-linear-gradient(#37c4fa, #0081bb );
-     background: -o-linear-gradient(#37c4fa, #0081bb );
-     background: -moz-linear-gradient(#37c4fa, #0081bb );
-     background: linear-gradient(#37c4fa, #0081bb ); */
-}
-
-.header .btn-navbar {
-    background-color: #f9f9f9 !important;
-}
-
-.header .navbar-nav .dropdown-toggle:hover,
-.header .navbar-nav .dropdown.open .dropdown-toggle {
-    color: #fff;
-    background-color: #1470d8 !important;
-}
-
-.zte-theme-panel > .toggler:hover {
-    background-color: #70abcd !important;
-}
-
-.header .navbar-nav li.dropdown .dropdown-toggle i {
-    color: #fff !important;
-}
-
-.btn-group .btn.blue.dropdown-toggle {
-    background-color: #1178EE !important;
-}
-
-.btn-group .btn.blue.dropdown-toggle:hover {
-    background-color: #0f70df !important;
-}
-
-/***
-Header Search
-***/
-.header .search-form {
-    background-color: #0B4263;
-}
-
-.header .search-form .form-control {
-    color: #68bbec;
-    border: 0;
-    background-color: #0B4263;
-}
-
-.header .search-form .submit {
-    background: url(../../image/search-icon-blue.png);
-}
-
-/***
-Hor menu
-***/
-.header .hor-menu ul.nav li a {
-    color: #fff;
-}
-
-.header .hor-menu ul.nav li.open > a,
-.header .hor-menu ul.nav li > a:hover,
-.header .hor-menu ul.nav li > a:focus {
-    color: #D4E9F2;
-    background-color: #1178ee;
-    /*background: -webkit-linear-gradient(#37c4fa, #0081bb );
-    background: -o-linear-gradient(#37c4fa, #0081bb );
-    background: -moz-linear-gradient(#37c4fa, #0081bb );
-    background: linear-gradient(#37c4fa, #0081bb );*/
-}
-
-.header.navbar .hor-menu ul.nav li.current .selected,
-.header.navbar .hor-menu ul.nav li.active .selected {
-    border-top: 6px solid #0081bb;
-}
-
-.header .hor-menu .dropdown-menu li:hover > a,
-.header .hor-menu ul.nav li.active > a,
-.header .hor-menu ul.nav li.active > a:hover {
-    color: #fff;
-    /*background: -webkit-linear-gradient(#37c4fa, #0081bb );
-    background: -o-linear-gradient(#37c4fa, #0081bb );
-    background: -moz-linear-gradient(#37c4fa, #0081bb );
-    background: linear-gradient(#37c4fa, #0081bb );*/
-}
-
-.header.navbar .hor-menu ul.nav li.current .selected,
-.header.navbar .hor-menu ul.nav li.active .selected {
-    border-top: 6px solid #0081bb;
-}
-
-.header .hor-menu ul.nav li.current > a,
-.header .hor-menu ul.nav li.current > a:hover {
-    color: #fff;
-    background: #e02222 !important;
-}
-
-.header .hor-menu .dropdown-menu {
-    background: #1178EE;
-}
-
-.header .hor-menu .dropdown-menu li > a {
-    color: #ccc;
-}
-
-.header .hor-menu .hor-menu-search-form-toggler.off {
-    background: #126ed8 url(../../image/hor-menu-search-close-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form {
-    background: #126ed8;
-}
-
-.header .hor-menu .search-form form input {
-    color: #ccc;
-}
-
-.header .hor-menu .search-form .btn {
-    color: #ccc;
-    background: url(../../image/search-icon-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form form input::-webkit-input-placeholder {
-    /* WebKit browsers */
-    color: #ccc;
-}
-
-.header .hor-menu .search-form form input:-moz-placeholder {
-    /* Mozilla Firefox 4 to 18 */
-    color: #ccc;
-}
-
-.header .hor-menu .search-form form input::-moz-placeholder {
-    /* Mozilla Firefox 19+ */
-    color: #ccc;
-}
-
-.header .hor-menu .search-form form input:-ms-input-placeholder {
-    /* Internet Explorer 10+ */
-    color: #ccc;
-}
-
-.dropdown-menu .mega-menu-content .row .mega-menu-submenu li:hover > a {
-    color: #fff !important;
-    background: #388ef1 !important;
-}
-
-.dropdown-menu .mega-menu-content .row .mega-menu-submenu .active > a,
-.dropdown-menu .mega-menu-content .row .mega-menu-submenu .active > a:hover {
-    color: #fff !important;
-    background: #0e6ad4 !important;
-}
-
-/***
-Mega Menu
-***/
-.mega-menu .mega-menu-submenu {
-    border-right: 1px solid #1876AD;
-}
-
-.mega-menu .mega-menu-submenu li h3 {
-    color: #fff;
-    font-family: "microsoft yahei"
-}
-
-/***
-Page sidebar
-***/
-.page-sidebar {
-    background-color: #f9f9f9;
-}
-
-ul.page-sidebar-menu > li > a {
-    border-top: 1px solid #e5e5e5 !important;
-    color: #616161 !important;
-    border-left: 3px solid transparent !important;
-}
-
-ul.page-sidebar-menu > li > a:hover {
-    color: #1178EE !important;
-    background-color: #eee;
-}
-
-ul.page-sidebar-menu > li:last-child > a {
-    border-bottom: 1px solid #e5e5e5 !important;
-}
-
-/*ul.page-sidebar-menu > li a i {
-  color: #e5e5e5 ! important;
-}*/
-ul.page-sidebar-menu ul.sub-menu > li > a {
-    color: #616161 !important;
-}
-
-ul.page-sidebar-menu ul.sub-menu > li.active > a {
-    color: #1178EE !important;
-}
-
-ul.page-sidebar-menu ul.sub-menu > li > a:hover {
-    color: #1178EE !important;
-    background-color: #eee;
-}
-
-ul.page-sidebar-menu > li > a:hover,
-ul.page-sidebar-menu > li:hover > a {
-    background: #fff;
-    color: #585858;
-    border-left: 3px solid #1178ee !important;
-}
-
-ul.page-sidebar-menu > li.open > a {
-    background: #fff;
-    color: #585858;
-    border-bottom: 1px solid #e5e5e5 !important;
-}
-
-ul.page-sidebar-menu > li.active > a {
-    background: #fff !important;
-    border-top: 1px solid #e5e5e5 !important;
-    color: #1178ee !important;
-    font-weight: bold;
-}
-
-ul.page-sidebar-menu > li.active > a i {
-    color: #1178ee;
-}
-
-ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
-    /* border-top: 1px solid #e5e5e5 !important;*/
-}
-
-ul.page-sidebar-menu > li > ul.sub-menu > li.active > a
-ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
-    color: #4b88b7 !important;
-}
-
-ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
-    /* background: #1b8fd3 !important;*/
-}
-
-/* 3rd level sub menu */
-ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
-ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
-ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
-    color: #ffffff !important;
-    border-bottom: 1px solid #e5e5e5 !important;
-}
-
-.page-sidebar-menu > li.active > a .selected {
-    /* background-image: url(../../image/sidebar-menu-arrow-blue.png) !important;*/
-    border-right: 2px solid #1178ee !important;
-    height: 37px !important;
-    top: 2px !important;
-}
-
-/* font color for all sub menu links*/
-ul.page-sidebar-menu li > ul.sub-menu > li > a {
-    /*color: #c3e4f7;*/
-}
-
-/* menu arrows */
-ul.page-sidebar-menu > li > a .arrow:before,
-ul.page-sidebar-menu > li > a .arrow.open:before {
-    /*color: #51b1e9 !important;*/
-}
-
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
-    color: #3ba6e6 !important;
-}
-
-ul.page-sidebar-menu > li > a > .arrow.open:before {
-    /* color: #68bbec !important;*/
-}
-
-/*ul.page-sidebar-menu > li.active > a .arrow:before,
-ul.page-sidebar-menu > li.active > a .arrow.open:before {
-  color: #ffffff !important;
-}*/
-/* sidebar search */
-.page-sidebar .sidebar-search input {
-    background-color: #0f5179 !important;
-    color: #1178ee;
-}
-
-.page-sidebar .sidebar-search input::-webkit-input-placeholder {
-    color: #1178ee !important;
-}
-
-.page-sidebar .sidebar-search input:-moz-placeholder {
-    color: #1178ee !important;
-}
-
-.page-sidebar .sidebar-search input:-ms-input-placeholder {
-    color: #1178ee !important;
-}
-
-.page-sidebar .sidebar-search input {
-    background-color: #f9f9f9 !important;
-    /* color: #bfbfbf !important;*/
-}
-
-.page-sidebar .sidebar-search .input-box {
-    border-bottom: 1px solid #1178ee !important;
-}
-
-.page-sidebar .sidebar-search .submit {
-    background-image: url(../../image/search-icon-blue.png);
-}
-
-/***
-Sidebar toggler
-***/
-.sidebar-toggler {
-    background-image: url(../../image/sidebar-toggler-grey.jpg);
-    background-color: #0f5179;
-}
-
-/* search box bg color on expanded */
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
-    background-color: #f9f9f9 !important;
-}
-
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
-    background-image: url("../../image/sidebar-search-close-blue.png");
-}
-
-/* sub menu bg color on hover menu item */
-.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
-    background-color: #f9f9f9;
-}
-
-/***
-Footer 
-***/
-.footer .footer-inner {
-    color: #7c7c7c;
-}
-
-.footer .footer-tools .go-top {
-    background-color: #1985c6;
-}
-
-.footer .footer-tools .go-top:hover {
-    opacity: 0.7;
-    filter: alpha(opacity=70);
-}
-
-.footer .footer-tools .go-top i {
-    color: #68bbec;
-}
-
-/***
-Footer Layouts (new in v1.3)
-***/
-/* begin:fixed footer */
-.page-footer-fixed .footer {
-    background-color: #0f5179;
-}
-
-.page-footer-fixed .footer .footer-inner {
-    color: #68bbec;
-}
-
-.page-footer-fixed .footer .footer-tools .go-top {
-    background-color: #1985c6;
-}
-
-.page-footer-fixed .footer .footer-tools .go-top i {
-    color: #68bbec;
-}
-
-/* end:fixed footer */
-/***
-Gritter Notifications 
-***/
-.gritter-top {
-    background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left -30px !important;
-}
-
-.gritter-bottom {
-    background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left bottom !important;
-}
-
-.gritter-item {
-    display: block;
-    background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left -40px !important;
-}
-
-.gritter-close {
-    background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left top !important;
-}
-
-.gritter-title {
-    text-shadow: none !important;
-    /* Not supported by IE :( */
-
-}
-
-/* for the light (white) version of the gritter notice */
-.gritter-light .gritter-item,
-.gritter-light .gritter-bottom,
-.gritter-light .gritter-top,
-.gritter-light .gritter-close {
-    background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;
-}
-
-.gritter-item-wrapper a {
-    color: #18a5ed;
-}
-
-.gritter-item-wrapper a:hover {
-    color: #0b6694;
-}
-
-/* begin: boxed page */
-@media (min-width: 992px) {
-    .page-boxed {
-        background-color: #125e8b !important;
-    }
-
-    .page-boxed .page-container {
-        background-color: #1570a6;
-        border-left: 1px solid #1c98e1;
-        border-bottom: 1px solid #1c98e1;
-    }
-
-    .page-boxed.page-sidebar-reversed .page-container {
-        border-left: 0;
-        border-right: 1px solid #1c98e1;
-    }
-
-    .page-boxed.page-sidebar-fixed .page-container {
-        border-left: 0;
-        border-bottom: 0;
-    }
-
-    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
-        border-left: 0;
-        border-right: 0;
-        border-bottom: 0;
-    }
-
-    .page-boxed.page-sidebar-fixed .page-sidebar {
-        border-left: 1px solid #1c98e1;
-    }
-
-    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
-        border-right: 1px solid #1c98e1;
-        border-left: 0;
-    }
-
-    .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
-        background-color: #125e8b !important;
-    }
-}
-
-/* end: boxed page */
-/***
-Landscape phone to portrait tablet
-***/
-@media (max-width: 991px) {
-    /***
-      page sidebar
-      ***/
-    .page-sidebar {
-        background-color: #f9f9f9 !important;
-    }
-
-    ul.page-sidebar-menu > li > a {
-        border-top: 1px solid #e5e5e5 !important;
-    }
-
-    ul.page-sidebar-menu > li:last-child > a {
-        border-bottom: 0 !important;
-    }
-
-    .page-sidebar .sidebar-search input {
-        background-color: #f9f9f9 !important;
-    }
-
-    ul.page-sidebar-menu > li.open > a,
-    ul.page-sidebar-menu > li > a:hover,
-    ul.page-sidebar-menu > li:hover > a {
-        background: #fff;
-    }
-}
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+Blue theme

+***/

+/***

+Reset and overrides  

+***/

+body {

+    background-color: #f9f9f9 !important;

+    font-family: "microsoft yahei" !important;

+}

+

+.page-content {

+    background-color: #f1f3fa !important;

+}

+

+/***

+Page header

+***/

+.header {

+    filter: none !important;

+    /*background-image: none !important;*/

+    background-color: #1178ee !important;

+    /*  background: -webkit-linear-gradient(#37c4fa, #0081bb );

+     background: -o-linear-gradient(#37c4fa, #0081bb );

+     background: -moz-linear-gradient(#37c4fa, #0081bb );

+     background: linear-gradient(#37c4fa, #0081bb ); */

+}

+

+.header .btn-navbar {

+    background-color: #f9f9f9 !important;

+}

+

+.header .navbar-nav .dropdown-toggle:hover,

+.header .navbar-nav .dropdown.open .dropdown-toggle {

+    color: #fff;

+    background-color: #1470d8 !important;

+}

+

+.zte-theme-panel > .toggler:hover {

+    background-color: #70abcd !important;

+}

+

+.header .navbar-nav li.dropdown .dropdown-toggle i {

+    color: #fff !important;

+}

+

+.btn-group .btn.blue.dropdown-toggle {

+    background-color: #1178EE !important;

+}

+

+.btn-group .btn.blue.dropdown-toggle:hover {

+    background-color: #0f70df !important;

+}

+

+/***

+Header Search

+***/

+.header .search-form {

+    background-color: #0B4263;

+}

+

+.header .search-form .form-control {

+    color: #68bbec;

+    border: 0;

+    background-color: #0B4263;

+}

+

+.header .search-form .submit {

+    background: url(../../image/search-icon-blue.png);

+}

+

+/***

+Hor menu

+***/

+.header .hor-menu ul.nav li a {

+    color: #fff;

+}

+

+.header .hor-menu ul.nav li.open > a,

+.header .hor-menu ul.nav li > a:hover,

+.header .hor-menu ul.nav li > a:focus {

+    color: #D4E9F2;

+    background-color: #1178ee;

+    /*background: -webkit-linear-gradient(#37c4fa, #0081bb );

+    background: -o-linear-gradient(#37c4fa, #0081bb );

+    background: -moz-linear-gradient(#37c4fa, #0081bb );

+    background: linear-gradient(#37c4fa, #0081bb );*/

+}

+

+.header.navbar .hor-menu ul.nav li.current .selected,

+.header.navbar .hor-menu ul.nav li.active .selected {

+    border-top: 6px solid #0081bb;

+}

+

+.header .hor-menu .dropdown-menu li:hover > a,

+.header .hor-menu ul.nav li.active > a,

+.header .hor-menu ul.nav li.active > a:hover {

+    color: #fff;

+    /*background: -webkit-linear-gradient(#37c4fa, #0081bb );

+    background: -o-linear-gradient(#37c4fa, #0081bb );

+    background: -moz-linear-gradient(#37c4fa, #0081bb );

+    background: linear-gradient(#37c4fa, #0081bb );*/

+}

+

+.header.navbar .hor-menu ul.nav li.current .selected,

+.header.navbar .hor-menu ul.nav li.active .selected {

+    border-top: 6px solid #0081bb;

+}

+

+.header .hor-menu ul.nav li.current > a,

+.header .hor-menu ul.nav li.current > a:hover {

+    color: #fff;

+    background: #e02222 !important;

+}

+

+.header .hor-menu .dropdown-menu {

+    background: #1178EE;

+}

+

+.header .hor-menu .dropdown-menu li > a {

+    color: #ccc;

+}

+

+.header .hor-menu .hor-menu-search-form-toggler.off {

+    background: #126ed8 url(../../image/hor-menu-search-close-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form {

+    background: #126ed8;

+}

+

+.header .hor-menu .search-form form input {

+    color: #ccc;

+}

+

+.header .hor-menu .search-form .btn {

+    color: #ccc;

+    background: url(../../image/search-icon-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form form input::-webkit-input-placeholder {

+    /* WebKit browsers */

+    color: #ccc;

+}

+

+.header .hor-menu .search-form form input:-moz-placeholder {

+    /* Mozilla Firefox 4 to 18 */

+    color: #ccc;

+}

+

+.header .hor-menu .search-form form input::-moz-placeholder {

+    /* Mozilla Firefox 19+ */

+    color: #ccc;

+}

+

+.header .hor-menu .search-form form input:-ms-input-placeholder {

+    /* Internet Explorer 10+ */

+    color: #ccc;

+}

+

+.dropdown-menu .mega-menu-content .row .mega-menu-submenu li:hover > a {

+    color: #fff !important;

+    background: #388ef1 !important;

+}

+

+.dropdown-menu .mega-menu-content .row .mega-menu-submenu .active > a,

+.dropdown-menu .mega-menu-content .row .mega-menu-submenu .active > a:hover {

+    color: #fff !important;

+    background: #0e6ad4 !important;

+}

+

+/***

+Mega Menu

+***/

+.mega-menu .mega-menu-submenu {

+    border-right: 1px solid #1876AD;

+}

+

+.mega-menu .mega-menu-submenu li h3 {

+    color: #fff;

+    font-family: "microsoft yahei"

+}

+

+/***

+Page sidebar

+***/

+.page-sidebar {

+    background-color: #f9f9f9;

+}

+

+ul.page-sidebar-menu > li > a {

+    border-top: 1px solid #e5e5e5 !important;

+    color: #616161 !important;

+    border-left: 3px solid transparent !important;

+}

+

+ul.page-sidebar-menu > li > a:hover {

+    color: #1178EE !important;

+    background-color: #eee;

+}

+

+ul.page-sidebar-menu > li:last-child > a {

+    border-bottom: 1px solid #e5e5e5 !important;

+}

+

+/*ul.page-sidebar-menu > li a i {

+  color: #e5e5e5 ! important;

+}*/

+ul.page-sidebar-menu ul.sub-menu > li > a {

+    color: #616161 !important;

+}

+

+ul.page-sidebar-menu ul.sub-menu > li.active > a {

+    color: #1178EE !important;

+}

+

+ul.page-sidebar-menu ul.sub-menu > li > a:hover {

+    color: #1178EE !important;

+    background-color: #eee;

+}

+

+ul.page-sidebar-menu > li > a:hover,

+ul.page-sidebar-menu > li:hover > a {

+    background: #fff;

+    color: #585858;

+    border-left: 3px solid #1178ee !important;

+}

+

+ul.page-sidebar-menu > li.open > a {

+    background: #fff;

+    color: #585858;

+    border-bottom: 1px solid #e5e5e5 !important;

+}

+

+ul.page-sidebar-menu > li.active > a {

+    background: #fff !important;

+    border-top: 1px solid #e5e5e5 !important;

+    color: #1178ee !important;

+    font-weight: bold;

+}

+

+ul.page-sidebar-menu > li.active > a i {

+    color: #1178ee;

+}

+

+ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {

+    /* border-top: 1px solid #e5e5e5 !important;*/

+}

+

+ul.page-sidebar-menu > li > ul.sub-menu > li.active > a

+ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {

+    color: #4b88b7 !important;

+}

+

+ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {

+    /* background: #1b8fd3 !important;*/

+}

+

+/* 3rd level sub menu */

+ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,

+ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,

+ul.page-sidebar-menu > li > ul.sub-menu li.open > a {

+    color: #ffffff !important;

+    border-bottom: 1px solid #e5e5e5 !important;

+}

+

+.page-sidebar-menu > li.active > a .selected {

+    /* background-image: url(../../image/sidebar-menu-arrow-blue.png) !important;*/

+    border-right: 2px solid #1178ee !important;

+    height: 37px !important;

+    top: 2px !important;

+}

+

+/* font color for all sub menu links*/

+ul.page-sidebar-menu li > ul.sub-menu > li > a {

+    /*color: #c3e4f7;*/

+}

+

+/* menu arrows */

+ul.page-sidebar-menu > li > a .arrow:before,

+ul.page-sidebar-menu > li > a .arrow.open:before {

+    /*color: #51b1e9 !important;*/

+}

+

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {

+    color: #3ba6e6 !important;

+}

+

+ul.page-sidebar-menu > li > a > .arrow.open:before {

+    /* color: #68bbec !important;*/

+}

+

+/*ul.page-sidebar-menu > li.active > a .arrow:before,

+ul.page-sidebar-menu > li.active > a .arrow.open:before {

+  color: #ffffff !important;

+}*/

+/* sidebar search */

+.page-sidebar .sidebar-search input {

+    background-color: #0f5179 !important;

+    color: #1178ee;

+}

+

+.page-sidebar .sidebar-search input::-webkit-input-placeholder {

+    color: #1178ee !important;

+}

+

+.page-sidebar .sidebar-search input:-moz-placeholder {

+    color: #1178ee !important;

+}

+

+.page-sidebar .sidebar-search input:-ms-input-placeholder {

+    color: #1178ee !important;

+}

+

+.page-sidebar .sidebar-search input {

+    background-color: #f9f9f9 !important;

+    /* color: #bfbfbf !important;*/

+}

+

+.page-sidebar .sidebar-search .input-box {

+    border-bottom: 1px solid #1178ee !important;

+}

+

+.page-sidebar .sidebar-search .submit {

+    background-image: url(../../image/search-icon-blue.png);

+}

+

+/***

+Sidebar toggler

+***/

+.sidebar-toggler {

+    background-image: url(../../image/sidebar-toggler-grey.jpg);

+    background-color: #0f5179;

+}

+

+/* search box bg color on expanded */

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {

+    background-color: #f9f9f9 !important;

+}

+

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {

+    background-image: url("../../image/sidebar-search-close-blue.png");

+}

+

+/* sub menu bg color on hover menu item */

+.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {

+    background-color: #f9f9f9;

+}

+

+/***

+Footer 

+***/

+.footer .footer-inner {

+    color: #7c7c7c;

+}

+

+.footer .footer-tools .go-top {

+    background-color: #1985c6;

+}

+

+.footer .footer-tools .go-top:hover {

+    opacity: 0.7;

+    filter: alpha(opacity=70);

+}

+

+.footer .footer-tools .go-top i {

+    color: #68bbec;

+}

+

+/***

+Footer Layouts (new in v1.3)

+***/

+/* begin:fixed footer */

+.page-footer-fixed .footer {

+    background-color: #0f5179;

+}

+

+.page-footer-fixed .footer .footer-inner {

+    color: #68bbec;

+}

+

+.page-footer-fixed .footer .footer-tools .go-top {

+    background-color: #1985c6;

+}

+

+.page-footer-fixed .footer .footer-tools .go-top i {

+    color: #68bbec;

+}

+

+/* end:fixed footer */

+/***

+Gritter Notifications 

+***/

+.gritter-top {

+    background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left -30px !important;

+}

+

+.gritter-bottom {

+    background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left bottom !important;

+}

+

+.gritter-item {

+    display: block;

+    background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left -40px !important;

+}

+

+.gritter-close {

+    background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left top !important;

+}

+

+.gritter-title {

+    text-shadow: none !important;

+    /* Not supported by IE :( */

+

+}

+

+/* for the light (white) version of the gritter notice */

+.gritter-light .gritter-item,

+.gritter-light .gritter-bottom,

+.gritter-light .gritter-top,

+.gritter-light .gritter-close {

+    background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;

+}

+

+.gritter-item-wrapper a {

+    color: #18a5ed;

+}

+

+.gritter-item-wrapper a:hover {

+    color: #0b6694;

+}

+

+/* begin: boxed page */

+@media (min-width: 992px) {

+    .page-boxed {

+        background-color: #125e8b !important;

+    }

+

+    .page-boxed .page-container {

+        background-color: #1570a6;

+        border-left: 1px solid #1c98e1;

+        border-bottom: 1px solid #1c98e1;

+    }

+

+    .page-boxed.page-sidebar-reversed .page-container {

+        border-left: 0;

+        border-right: 1px solid #1c98e1;

+    }

+

+    .page-boxed.page-sidebar-fixed .page-container {

+        border-left: 0;

+        border-bottom: 0;

+    }

+

+    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {

+        border-left: 0;

+        border-right: 0;

+        border-bottom: 0;

+    }

+

+    .page-boxed.page-sidebar-fixed .page-sidebar {

+        border-left: 1px solid #1c98e1;

+    }

+

+    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {

+        border-right: 1px solid #1c98e1;

+        border-left: 0;

+    }

+

+    .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {

+        background-color: #125e8b !important;

+    }

+}

+

+/* end: boxed page */

+/***

+Landscape phone to portrait tablet

+***/

+@media (max-width: 991px) {

+    /***

+      page sidebar

+      ***/

+    .page-sidebar {

+        background-color: #f9f9f9 !important;

+    }

+

+    ul.page-sidebar-menu > li > a {

+        border-top: 1px solid #e5e5e5 !important;

+    }

+

+    ul.page-sidebar-menu > li:last-child > a {

+        border-bottom: 0 !important;

+    }

+

+    .page-sidebar .sidebar-search input {

+        background-color: #f9f9f9 !important;

+    }

+

+    ul.page-sidebar-menu > li.open > a,

+    ul.page-sidebar-menu > li > a:hover,

+    ul.page-sidebar-menu > li:hover > a {

+        background: #fff;

+    }

+}

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight2_ifrm.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight2_ifrm.css
index baeeb2d9..bdd2197e 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight2_ifrm.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight2_ifrm.css
@@ -1,229 +1,229 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-ztebluelight2_ifrm theme
-***/
-body{
-	background-color: white!important;
-}
-
-td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-/* button style*/
-.buttonRounded,
-.buttonRoundedOver,
-.buttonRoundedFocused,
-.buttonRoundedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown,
-.buttonRoundedSelected,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedDown,
-.buttonRoundedSelectedFocusedDown,
-.buttonRoundedSelectedOver,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDisabled,
-.buttonRoundedSelectedDisabled {
-  background-color: #1095cd;
-  color: #fff;
-  border: 0px solid #b15a59;
-  border-radius: 0px;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  /*padding: 0 3px;*/
-  padding-left:7px !important;
-  padding-right:7px !important;
-  height:30px !important;
-}
-.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-.buttonRoundedOver,
-.buttonRoundedFocusedOver,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown {
-  background-color: #3a85b0;
-  height:30px !important;
-}
-
-.menuButton,
-.menuButtonOver,
-.menuButtonDown,
-.menuButtonDisabled,
-.menuButtonFocused,
-.menuButtonFocusedDown,
-.menuButtonFocusedOver,
-.menuButtonSelected,
-.menuButtonSelectedDown,
-.menuButtonSelectedOver,
-.menuButtonSelectedDisabled {
-  background-color: #0081bb;
-  border: 0px solid #ababab;
-  color: #fff;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  padding-left: 7px !important;
-  padding-right: 7px !important;
-  height:30px !important;
-}
-.menuButtonOver {
-  background-color: #3a85b0;
- }
-.menuButtonDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
- .buttonTitle,
-.buttonTitleOver,
-.buttonTitleDown,
-.buttonTitleSelected,
-.buttonTitleFocused,
-.buttonTitleSelectedFocused,
-.buttonTitleSelectedOver,
-.buttonTitleFocusedOver,
-.buttonTitleSelectedFocusedOver,
-.buttonTitleSelectedDown,
-.buttonTitleFocusedDown,
-.buttonTitleSelectedFocusedDown,
-.buttonTitleDisabled,
-.buttonTitleSelectedDisabled {
-  color: #fff ;
-  }
-  .buttonTitleDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-   /* windowBody dialogBody Style */
- .windowBody,
-.dialogBody {
-  background-color: white;
-  border: 1px solid #0081bb;
-  border-top: 0;
-}
-.windowHeader,
-.dialogHeader {
-  background-color: #0081bb;
-  padding: 0;
-}
-/* sectionHeader Style */
-.sectionHeaderopened {
-  background-color: #0081bb;
-  }
-  .sectionHeaderclosed {
-  background-color: #3a85b0;
-  }
-
-#dt_example h1{
-color:#0081bb;
-font-weight:600 !important;
-}
-/*cell style*/
-.tallCellOver,
-.tallCellOverDark {
-  background-color: #d9e3e8;
-  border-bottom: 1px solid #d9e3e8;
-  border-top: 1px  solid #d9e3e8;
-  }
-.tallCellSelected,
-.tallCellSelectedDark {
-  background: #c4d7e2;
-  border-bottom: 1px solid #c4d7e2;
-  border-top: 1px  solid #c4d7e2;
-  }
-.tallCellSelectedOver,
-.tallCellSelectedOverDark {
-  background: #c4d7e2;
-  border-bottom: 1px solid #c4d7e2;
-  border-top: 1px  solid #c4d7e2;
-  }
-.imgHeaderButtonOver,
-.imgHeaderButtonDown,
-.headerButtonOver,
-.headerButtonDown,
-.sorterButtonOver,
-.sorterButtonDown {
-  background-color: #c4d7e2;
-  }
-.cellSelected,
-.cellSelectedDark,
-.specialColSelected,
-.recordSummaryCellSelected,
-.recordSummaryCellSelectedDark {
-  background: #c4d7e2 !important;
- border-bottom: 1px solid #c4d7e2;
-  border-top: 1px solid #c4d7e2;
-  }
-.cellSelectedOver,
-.cellSelectedOverDark,
-.specialColSelectedOver,
-.recordSummaryCellSelectedOver,
-.recordSummaryCellSelectedOverDark {
-  background: #c4d7e2 !important;
-   border-bottom: 1px solid #c4d7e2;
-  border-top: 1px solid #c4d7e2;
-}
-.cellOver,
-.cellOverDark,
-.specialColOver,
-.recordSummaryCellOver,
-.recordSummaryCellOverDark {
-  background: #d9e3e8 !important;
-  border-bottom: 1px solid #d9e3e8;
-  border-top: 1px solid #d9e3e8;
-  }
-.treeCellOver,
-.treeCellOverDark {
-  background-color: #d9e3e8; 
-}  
-/*日志管理的蓝色大圆角筛选按�?/    
-.blue {
-    background-color: #fff;   
-	color:#1095cd;	
-		}
-.blue:hover {
-    background-color: #e8f3fd;
-	color:#5b9bd1;
-    }
-.blue.selected{
-    border:0;
-    background-color: #1178EE;
-    color:#fff;
-}
-.blue.selected:hover{
-    border:0;
-    background-color: #1178EE;
-    color:#fff;
-}
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+ztebluelight2_ifrm theme

+***/

+body{

+	background-color: white!important;

+}

+

+td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+/* button style*/

+.buttonRounded,

+.buttonRoundedOver,

+.buttonRoundedFocused,

+.buttonRoundedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown,

+.buttonRoundedSelected,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedDown,

+.buttonRoundedSelectedFocusedDown,

+.buttonRoundedSelectedOver,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDisabled,

+.buttonRoundedSelectedDisabled {

+  background-color: #1095cd;

+  color: #fff;

+  border: 0px solid #b15a59;

+  border-radius: 0px;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  /*padding: 0 3px;*/

+  padding-left:7px !important;

+  padding-right:7px !important;

+  height:30px !important;

+}

+.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+.buttonRoundedOver,

+.buttonRoundedFocusedOver,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown {

+  background-color: #3a85b0;

+  height:30px !important;

+}

+

+.menuButton,

+.menuButtonOver,

+.menuButtonDown,

+.menuButtonDisabled,

+.menuButtonFocused,

+.menuButtonFocusedDown,

+.menuButtonFocusedOver,

+.menuButtonSelected,

+.menuButtonSelectedDown,

+.menuButtonSelectedOver,

+.menuButtonSelectedDisabled {

+  background-color: #0081bb;

+  border: 0px solid #ababab;

+  color: #fff;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  padding-left: 7px !important;

+  padding-right: 7px !important;

+  height:30px !important;

+}

+.menuButtonOver {

+  background-color: #3a85b0;

+ }

+.menuButtonDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+ .buttonTitle,

+.buttonTitleOver,

+.buttonTitleDown,

+.buttonTitleSelected,

+.buttonTitleFocused,

+.buttonTitleSelectedFocused,

+.buttonTitleSelectedOver,

+.buttonTitleFocusedOver,

+.buttonTitleSelectedFocusedOver,

+.buttonTitleSelectedDown,

+.buttonTitleFocusedDown,

+.buttonTitleSelectedFocusedDown,

+.buttonTitleDisabled,

+.buttonTitleSelectedDisabled {

+  color: #fff ;

+  }

+  .buttonTitleDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+   /* windowBody dialogBody Style */

+ .windowBody,

+.dialogBody {

+  background-color: white;

+  border: 1px solid #0081bb;

+  border-top: 0;

+}

+.windowHeader,

+.dialogHeader {

+  background-color: #0081bb;

+  padding: 0;

+}

+/* sectionHeader Style */

+.sectionHeaderopened {

+  background-color: #0081bb;

+  }

+  .sectionHeaderclosed {

+  background-color: #3a85b0;

+  }

+

+#dt_example h1{

+color:#0081bb;

+font-weight:600 !important;

+}

+/*cell style*/

+.tallCellOver,

+.tallCellOverDark {

+  background-color: #d9e3e8;

+  border-bottom: 1px solid #d9e3e8;

+  border-top: 1px  solid #d9e3e8;

+  }

+.tallCellSelected,

+.tallCellSelectedDark {

+  background: #c4d7e2;

+  border-bottom: 1px solid #c4d7e2;

+  border-top: 1px  solid #c4d7e2;

+  }

+.tallCellSelectedOver,

+.tallCellSelectedOverDark {

+  background: #c4d7e2;

+  border-bottom: 1px solid #c4d7e2;

+  border-top: 1px  solid #c4d7e2;

+  }

+.imgHeaderButtonOver,

+.imgHeaderButtonDown,

+.headerButtonOver,

+.headerButtonDown,

+.sorterButtonOver,

+.sorterButtonDown {

+  background-color: #c4d7e2;

+  }

+.cellSelected,

+.cellSelectedDark,

+.specialColSelected,

+.recordSummaryCellSelected,

+.recordSummaryCellSelectedDark {

+  background: #c4d7e2 !important;

+ border-bottom: 1px solid #c4d7e2;

+  border-top: 1px solid #c4d7e2;

+  }

+.cellSelectedOver,

+.cellSelectedOverDark,

+.specialColSelectedOver,

+.recordSummaryCellSelectedOver,

+.recordSummaryCellSelectedOverDark {

+  background: #c4d7e2 !important;

+   border-bottom: 1px solid #c4d7e2;

+  border-top: 1px solid #c4d7e2;

+}

+.cellOver,

+.cellOverDark,

+.specialColOver,

+.recordSummaryCellOver,

+.recordSummaryCellOverDark {

+  background: #d9e3e8 !important;

+  border-bottom: 1px solid #d9e3e8;

+  border-top: 1px solid #d9e3e8;

+  }

+.treeCellOver,

+.treeCellOverDark {

+  background-color: #d9e3e8; 

+}  

+/*日志管理的蓝色大圆角筛选按�?/    

+.blue {

+    background-color: #fff;   

+	color:#1095cd;	

+		}

+.blue:hover {

+    background-color: #e8f3fd;

+	color:#5b9bd1;

+    }

+.blue.selected{

+    border:0;

+    background-color: #1178EE;

+    color:#fff;

+}

+.blue.selected:hover{

+    border:0;

+    background-color: #1178EE;

+    color:#fff;

+}

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight3.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight3.css
index 4462c0a6..eddc9ee0 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight3.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight3.css
@@ -1,497 +1,497 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-light theme
-***/
-
-/***
-Reset and overrides  
-***/
-body {
-  background-color: #eeeeee !important;
-}
-/***
-Page header
-***/
-.header {
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3993ba), color-stop(50%, #1f88b3), color-stop(100%, #067ead));   
-  background-image: -moz-linear-gradient(top, #3993ba 0%, #1f88b3 50%, #067ead 100%);  
-  background-image: -o-linear-gradient(top, #3993ba 0%, #1f88b3 50%, #067ead 100%);
-  background-image: linear-gradient(top, #3993ba 0%, #1f88b3 50%, #067ead 100%);
-  background-color: #1584b0 ;
-}
-.header .btn-navbar {
-  background-color: #434343 !important;
-}
-.header .navbar-nav .dropdown-toggle:hover,
-.header .navbar-nav .dropdown.open .dropdown-toggle {
-  background-color: #4399bd !important;
-}
-.header .navbar-nav li.dropdown .dropdown-toggle i {
-  color: #ffffff !important;
-}
-.zte-theme-panel > .toggler:hover {
-  background-color: #54aacf !important;
-}
-.btn-group .btn.blue.dropdown-toggle{
-background-color: #428bca !important;
-}
-.page-content .page-breadcrumb.breadcrumb{
-background-color:#F5F5F5 !important;
-}
-/***
-Header Search
-***/
-.header .search-form {
-  background-color: #3a3a3a;
-}
-
-.header .search-form .form-control{
-  color: #ccc;
-  border: 0; 
-  background-color: #3a3a3a;  
-}
-
-.header .search-form .submit {  
-  background: url(../../image/search-icon.png);
-}
-
-/***
-Hor menu
-***/
-.header .hor-menu ul.nav li a {
-  color: #ccc;
-}
-
-.header .hor-menu ul.nav li.open > a,
-.header .hor-menu ul.nav li > a:hover,
-.header .hor-menu ul.nav li > a:focus {
-  color: #fff;
-  background: #4399bd;
-}
-
-.header .hor-menu .dropdown-menu li:hover > a,
-.header .hor-menu ul.nav li.active > a,
-.header .hor-menu ul.nav li.active > a:hover {
-  color: #fff;
-  background: #136c8f !important; 
-}
-.header.navbar .hor-menu ul.nav li.current .selected,
-.header.navbar .hor-menu ul.nav li.active .selected {
-  border-top: 6px solid #136c8f;
-  }
-.header .hor-menu ul.nav li.current > a,
-.header .hor-menu ul.nav li.current > a:hover {
-  color: #fff;
-  background: #e02222 !important; 
-}
-
-.header .hor-menu .dropdown-menu {  
-    background: #4399bd;
-}
-.header .hor-menu .dropdown-menu li > a {    
-    color: #ccc;
-}
-
-.header .hor-menu .hor-menu-search-form-toggler.off {
-   background: #4399bd url(../../image/hor-menu-search-close-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form {  
-  background:#4399bd; 
-}
-
-.header .hor-menu .search-form form input {
-  color: #ccc;
-}
-
-.header .hor-menu .search-form .btn {
-  color: #ccc;
-  background: url(../../image/search-icon-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
-    color: #ccc;
-}
-.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
-    color: #ccc;
-}
-
-/***
-Mega Menu
-***/
-.mega-menu .mega-menu-submenu {  
-  border-right: 1px solid #656565;
-}
-
-.mega-menu .mega-menu-submenu li h3 {  
-  color: #fff;
-}
-
-/***
-Page sidebar
-***/
-/*.page-content {
-  border-left: 1px solid #e2e2e2 !important;
-  border-bottom: 1px solid #e2e2e2 !important;*/
-}
-.page-sidebar-reversed .page-content {
-  border-left: 0;
-  border-right: 1px solid #e2e2e2 !important;
-}
-.page-sidebar {
-  background-color: #eeeeee;
-}
-.page-sidebar-fixed .page-content {
-  border: 0 !important;
-}
-.page-sidebar-fixed .page-sidebar {
-  border-right: 1px solid #e2e2e2 !important;
-}
-
-
-ul.page-sidebar-menu > li > a {
-  border-top: 1px solid #ececec !important;
-  border-bottom: 1px solid #cccccc !important;
-  color: #000 !important;
-  font-weight: 400;
-  background-color: #e0e0e0 !important;
-}
-
-ul.page-sidebar-menu > li:first-child > a {
-   border-top: 1px solid transparent !important;
-}
-
-ul.page-sidebar-menu > li:last-child > a {
-   border-bottom: 1px solid transparent !important;
-}
-
-ul.page-sidebar-menu > li a i {
-  color: #000000 !important;
-}
-ul.page-sidebar-menu > li.open > a,
-ul.page-sidebar-menu > li > a:hover,
-ul.page-sidebar-menu > li:hover > a {
-  background: #eee;
-  border-top: 1px solid #e8e8e8;
-}
-/*ul.page-sidebar-menu > li.active > a .selected {
-  right:-7px;
-  top:0px;
-  width: 7px;
-  height: 39px;
-  background-image: url("../../image/sidebar-menu-arrow-green.png");
-}  */
-.page-sidebar-reversed ul.page-sidebar-menu > li.active > a .selected {
-  right: auto;
-  left:-7px;
-  background-image: url("../../image/sidebar-menu-arrow-green-reverse.png");
-} 
-ul.page-sidebar-menu > li.active i {
-  color: #fff !important;
-}
-.page-sidebar-fixed ul.page-sidebar-menu > li.active > a .selected {
-  display: none;
-}
-ul.page-sidebar-menu > li.active > a{
- background: #428bca !important;
-  border-top-color: transparent !important;
-  color:#fff!important;
-}
-ul.page-sidebar-menu > li.active > a i {
-  color: #fff;
-}
-ul.page-sidebar-menu > li > a > .arrow:before,
-ul.page-sidebar-menu > li > a > .arrow.open:before {
-  color: #ccc !important;
-}
-ul.page-sidebar-menu > li.active > a .arrow:before, 
-ul.page-sidebar-menu > li.active > a .arrow.open:before {
-  color: #fff !important;
-}
-ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
-  border-top: 0px !important;
-}
-
-ul.page-sidebar-menu ul.sub-menu > li > a {
-  font-weight: 400 !important;
-  color: #333 !important;
-}
-ul.page-sidebar-menu ul.sub-menu > li.active > a,
-ul.page-sidebar-menu ul.sub-menu > li > a:hover {
-  color: #818181 !important;
-  background: #efefef !important; 
-}
-
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
-  color: #ccc !important;
-}
-
-/* sub menu links effects */
-ul.page-sidebar-menu ul.sub-menu > li.active > a,
-ul.page-sidebar-menu ul.sub-menu > li.active > a:hover{
-  color: #000 !important; 
-  background: #dbe6ea !important; 
-}
-ul.page-sidebar-menu ul.sub-menu > li > a:hover,
-ul.page-sidebar-menu ul.sub-menu > li.open > a {
-  color: #000000 !important;
-  background: #e7e7e7 !important; 
-}
-ul.page-sidebar-menu ul.sub-menu > li > a i {
-  color: #000000 !important;
-}
-
-/* sidebar search */
-.page-sidebar .sidebar-search input {
-  background-color: #eeeeee  !important;  
-  color: #727272 !important;
-}
-.page-sidebar .sidebar-search input::-webkit-input-placeholder {
-  color: #aaa !important;
-}
-.page-sidebar .sidebar-search input:-moz-placeholder {
-  color: #aaa !important;
-}
-.page-sidebar .sidebar-search input:-ms-input-placeholder {
-  color: #aaa !important;
-}
-.page-sidebar .sidebar-search .input-box {
-  border-bottom: 1px solid #e2e2e2 !important;
-}
-.page-sidebar .sidebar-search .submit {
-  background-image: url(../../image/search-icon-white.png);
-}
-
-/***
-Sidebar toggler
-***/
-.sidebar-toggler {  
-  background-image: url(../../image/sidebar-toggler-light.jpg);
-  background-color: #333;
-}
-/* search box bg color on expanded */
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
-  background-color: #fbfbfb !important;
-}
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {  
-  background-image: url("../../image/sidebar-search-close-light.png");
-}
-/* sub menu bg color on hover menu item */
-.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
-  background-color: #eeeeee;
-}
-/***
-Footer 
-***/
-.footer .footer-inner {
-  color: #333333;
-}
-.footer .footer-tools .go-top {
-  background-color: #666666;
-}
-.footer .footer-tools .go-top:hover {
-  opacity: 0.7;
-  filter: alpha(opacity=70);
-}
-.footer .footer-tools .go-top i {
-  color: #999999;
-}
-/***
-Footer Layouts (new in v1.3)
-***/
-/* begin:fixed footer */
-.page-footer-fixed .footer {
-  background-color: #434343;
-}
-.page-footer-fixed .footer .footer-inner {
-  color: #aaaaaa;
-}
-.page-footer-fixed .footer .footer-tools .go-top {
-  background-color: #666666;
-}
-.page-footer-fixed .footer .footer-tools .go-top i {
-  color: #aaaaaa;
-}
-/* end:fixed footer */
-/***
-Gritter Notifications 
-***/
-.gritter-top {
-  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -30px !important;
-}
-.gritter-bottom {
-  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left bottom !important;
-}
-.gritter-item {
-  display: block;
-  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -40px !important;
-}
-.gritter-close {
-  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left top !important;
-}
-.gritter-title {
-  text-shadow: none !important;
-  /* Not supported by IE :( */
-
-}
-/* for the light (white) version of the gritter notice */
-.gritter-light .gritter-item,
-.gritter-light .gritter-bottom,
-.gritter-light .gritter-top,
-.gritter-light .gritter-close {
-  background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;
-}
-.gritter-item-wrapper a {
-  color: #18a5ed;
-}
-.gritter-item-wrapper a:hover {
-  color: #0b6694;
-}
-/* begin: boxed page */
-@media (min-width: 992px) {
-  .page-boxed {
-    background-color: #E8E8E8 !important;
-  }
-  .page-boxed .page-container {
-    background-color: #eeeeee;
-    border-left: 1px solid #e2e2e2;
-    border-bottom: 1px solid #e2e2e2;
-  }
-  .page-sidebar-reversed.page-boxed .page-container {
-    border-left: 0;
-    border-right: 1px solid #e2e2e2;
-  }
-  .page-boxed.page-sidebar-fixed .page-container {
-    border-left: 0;
-    border-bottom: 0;
-  }
-  .page-boxed.page-sidebar-fixed .page-sidebar {
-    border-left: 1px solid #e2e2e2;
-  }
-  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
-    border-right: 1px solid #e2e2e2;
-    border-left: 0; 
-  }
-  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
-    background-color: #E8E8E8 !important;
-  }
-}
-/* end: boxed page */
-/***
-Landscape phone to portrait tablet
-***/
-@media (max-width: 991px) {
-  /***
-  page sidebar
-  ***/
-  .page-sidebar {
-    background-color: #f1f1f1 !important;
-    border-right: none !important;
-  }
-  .page-sidebar-fixed .page-sidebar {
-    border-right: none !important; 
-  }
-  .page-content {
-    border-left: none !important;
-  }
-  ul.page-sidebar-menu > li > a {
-    border-top: 1px solid #ececec !important;
-    border-bottom: 1px solid #cccccc !important;
-  }
-  ul.page-sidebar-menu > li:last-child > a {
-    border-bottom: 0 !important;
-  }
-
-  ul.page-sidebar-menu > li.open > a,{
-    color: #666666 !important;
-    background-color: #e0e0e0 !important;
-  }
-  
-  /*ul.page-sidebar-menu > li > a:hover {
-    color: #666666 !important;
-    background-color: #e7e7e7 !important;
-  }*/
-  ul.page-sidebar-menu > li.open > a {
-    border-bottom-color: transparent !important;
-  }
- /* ul.page-sidebar-menu > li.active > a {
-    color: #ffffff !important;
-    background-color: #28b779 !important;
-  }*/
-
-  ul.page-sidebar-menu ul.sub-menu > li > a {
-    color: #111 !important;
-  }
-ul.page-sidebar-menu ul.sub-menu > li.active > a{
-    color: #000 !important;
-    background: #dbe6ea !important; 
-}
-  ul.page-sidebar-menu ul.sub-menu > li.open > a,  
-  ul.page-sidebar-menu ul.sub-menu > li > a:hover {
-    color: #000 !important;
-    background: #e7e7e7 !important; 
-  }
-
-  .page-sidebar .sidebar-search input {
-    background-color: #f1f1f1 !important;
-    color: #ccc !important;
-  }
-
-  .page-sidebar .sidebar-search .input-box {
-    border-bottom-color: #ccc !important;
-  }
-  .page-sidebar .sidebar-search input::-webkit-input-placeholder {
-    color: #ccc !important;
-  }
-  .page-sidebar .sidebar-search input:-moz-placeholder {
-    color: #ccc !important;
-  }
-  .page-sidebar .sidebar-search input:-ms-input-placeholder {
-    color: #ccc !important;
-  }
-
-  /***
-  page footer
-  ***/
-  
-  .footer {
-    background-color: #434343;
-  }
-
-  .footer .footer-inner {
-    color: #cccccc;
-  }
-  .footer .footer-tools .go-top {
-    background-color: #666666;
-  }
-  .footer .footer-tools .go-top i {
-    color: #999999;
-  }
-}
-
-@media (max-width: 767px) {
-  body {
-    background-color: #077ead !important;
-  }
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+light theme

+***/

+

+/***

+Reset and overrides  

+***/

+body {

+  background-color: #eeeeee !important;

+}

+/***

+Page header

+***/

+.header {

+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3993ba), color-stop(50%, #1f88b3), color-stop(100%, #067ead));   

+  background-image: -moz-linear-gradient(top, #3993ba 0%, #1f88b3 50%, #067ead 100%);  

+  background-image: -o-linear-gradient(top, #3993ba 0%, #1f88b3 50%, #067ead 100%);

+  background-image: linear-gradient(top, #3993ba 0%, #1f88b3 50%, #067ead 100%);

+  background-color: #1584b0 ;

+}

+.header .btn-navbar {

+  background-color: #434343 !important;

+}

+.header .navbar-nav .dropdown-toggle:hover,

+.header .navbar-nav .dropdown.open .dropdown-toggle {

+  background-color: #4399bd !important;

+}

+.header .navbar-nav li.dropdown .dropdown-toggle i {

+  color: #ffffff !important;

+}

+.zte-theme-panel > .toggler:hover {

+  background-color: #54aacf !important;

+}

+.btn-group .btn.blue.dropdown-toggle{

+background-color: #428bca !important;

+}

+.page-content .page-breadcrumb.breadcrumb{

+background-color:#F5F5F5 !important;

+}

+/***

+Header Search

+***/

+.header .search-form {

+  background-color: #3a3a3a;

+}

+

+.header .search-form .form-control{

+  color: #ccc;

+  border: 0; 

+  background-color: #3a3a3a;  

+}

+

+.header .search-form .submit {  

+  background: url(../../image/search-icon.png);

+}

+

+/***

+Hor menu

+***/

+.header .hor-menu ul.nav li a {

+  color: #ccc;

+}

+

+.header .hor-menu ul.nav li.open > a,

+.header .hor-menu ul.nav li > a:hover,

+.header .hor-menu ul.nav li > a:focus {

+  color: #fff;

+  background: #4399bd;

+}

+

+.header .hor-menu .dropdown-menu li:hover > a,

+.header .hor-menu ul.nav li.active > a,

+.header .hor-menu ul.nav li.active > a:hover {

+  color: #fff;

+  background: #136c8f !important; 

+}

+.header.navbar .hor-menu ul.nav li.current .selected,

+.header.navbar .hor-menu ul.nav li.active .selected {

+  border-top: 6px solid #136c8f;

+  }

+.header .hor-menu ul.nav li.current > a,

+.header .hor-menu ul.nav li.current > a:hover {

+  color: #fff;

+  background: #e02222 !important; 

+}

+

+.header .hor-menu .dropdown-menu {  

+    background: #4399bd;

+}

+.header .hor-menu .dropdown-menu li > a {    

+    color: #ccc;

+}

+

+.header .hor-menu .hor-menu-search-form-toggler.off {

+   background: #4399bd url(../../image/hor-menu-search-close-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form {  

+  background:#4399bd; 

+}

+

+.header .hor-menu .search-form form input {

+  color: #ccc;

+}

+

+.header .hor-menu .search-form .btn {

+  color: #ccc;

+  background: url(../../image/search-icon-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */

+    color: #ccc;

+}

+.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */

+    color: #ccc;

+}

+

+/***

+Mega Menu

+***/

+.mega-menu .mega-menu-submenu {  

+  border-right: 1px solid #656565;

+}

+

+.mega-menu .mega-menu-submenu li h3 {  

+  color: #fff;

+}

+

+/***

+Page sidebar

+***/

+/*.page-content {

+  border-left: 1px solid #e2e2e2 !important;

+  border-bottom: 1px solid #e2e2e2 !important;*/

+}

+.page-sidebar-reversed .page-content {

+  border-left: 0;

+  border-right: 1px solid #e2e2e2 !important;

+}

+.page-sidebar {

+  background-color: #eeeeee;

+}

+.page-sidebar-fixed .page-content {

+  border: 0 !important;

+}

+.page-sidebar-fixed .page-sidebar {

+  border-right: 1px solid #e2e2e2 !important;

+}

+

+

+ul.page-sidebar-menu > li > a {

+  border-top: 1px solid #ececec !important;

+  border-bottom: 1px solid #cccccc !important;

+  color: #000 !important;

+  font-weight: 400;

+  background-color: #e0e0e0 !important;

+}

+

+ul.page-sidebar-menu > li:first-child > a {

+   border-top: 1px solid transparent !important;

+}

+

+ul.page-sidebar-menu > li:last-child > a {

+   border-bottom: 1px solid transparent !important;

+}

+

+ul.page-sidebar-menu > li a i {

+  color: #000000 !important;

+}

+ul.page-sidebar-menu > li.open > a,

+ul.page-sidebar-menu > li > a:hover,

+ul.page-sidebar-menu > li:hover > a {

+  background: #eee;

+  border-top: 1px solid #e8e8e8;

+}

+/*ul.page-sidebar-menu > li.active > a .selected {

+  right:-7px;

+  top:0px;

+  width: 7px;

+  height: 39px;

+  background-image: url("../../image/sidebar-menu-arrow-green.png");

+}  */

+.page-sidebar-reversed ul.page-sidebar-menu > li.active > a .selected {

+  right: auto;

+  left:-7px;

+  background-image: url("../../image/sidebar-menu-arrow-green-reverse.png");

+} 

+ul.page-sidebar-menu > li.active i {

+  color: #fff !important;

+}

+.page-sidebar-fixed ul.page-sidebar-menu > li.active > a .selected {

+  display: none;

+}

+ul.page-sidebar-menu > li.active > a{

+ background: #428bca !important;

+  border-top-color: transparent !important;

+  color:#fff!important;

+}

+ul.page-sidebar-menu > li.active > a i {

+  color: #fff;

+}

+ul.page-sidebar-menu > li > a > .arrow:before,

+ul.page-sidebar-menu > li > a > .arrow.open:before {

+  color: #ccc !important;

+}

+ul.page-sidebar-menu > li.active > a .arrow:before, 

+ul.page-sidebar-menu > li.active > a .arrow.open:before {

+  color: #fff !important;

+}

+ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {

+  border-top: 0px !important;

+}

+

+ul.page-sidebar-menu ul.sub-menu > li > a {

+  font-weight: 400 !important;

+  color: #333 !important;

+}

+ul.page-sidebar-menu ul.sub-menu > li.active > a,

+ul.page-sidebar-menu ul.sub-menu > li > a:hover {

+  color: #818181 !important;

+  background: #efefef !important; 

+}

+

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {

+  color: #ccc !important;

+}

+

+/* sub menu links effects */

+ul.page-sidebar-menu ul.sub-menu > li.active > a,

+ul.page-sidebar-menu ul.sub-menu > li.active > a:hover{

+  color: #000 !important; 

+  background: #dbe6ea !important; 

+}

+ul.page-sidebar-menu ul.sub-menu > li > a:hover,

+ul.page-sidebar-menu ul.sub-menu > li.open > a {

+  color: #000000 !important;

+  background: #e7e7e7 !important; 

+}

+ul.page-sidebar-menu ul.sub-menu > li > a i {

+  color: #000000 !important;

+}

+

+/* sidebar search */

+.page-sidebar .sidebar-search input {

+  background-color: #eeeeee  !important;  

+  color: #727272 !important;

+}

+.page-sidebar .sidebar-search input::-webkit-input-placeholder {

+  color: #aaa !important;

+}

+.page-sidebar .sidebar-search input:-moz-placeholder {

+  color: #aaa !important;

+}

+.page-sidebar .sidebar-search input:-ms-input-placeholder {

+  color: #aaa !important;

+}

+.page-sidebar .sidebar-search .input-box {

+  border-bottom: 1px solid #e2e2e2 !important;

+}

+.page-sidebar .sidebar-search .submit {

+  background-image: url(../../image/search-icon-white.png);

+}

+

+/***

+Sidebar toggler

+***/

+.sidebar-toggler {  

+  background-image: url(../../image/sidebar-toggler-light.jpg);

+  background-color: #333;

+}

+/* search box bg color on expanded */

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {

+  background-color: #fbfbfb !important;

+}

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {  

+  background-image: url("../../image/sidebar-search-close-light.png");

+}

+/* sub menu bg color on hover menu item */

+.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {

+  background-color: #eeeeee;

+}

+/***

+Footer 

+***/

+.footer .footer-inner {

+  color: #333333;

+}

+.footer .footer-tools .go-top {

+  background-color: #666666;

+}

+.footer .footer-tools .go-top:hover {

+  opacity: 0.7;

+  filter: alpha(opacity=70);

+}

+.footer .footer-tools .go-top i {

+  color: #999999;

+}

+/***

+Footer Layouts (new in v1.3)

+***/

+/* begin:fixed footer */

+.page-footer-fixed .footer {

+  background-color: #434343;

+}

+.page-footer-fixed .footer .footer-inner {

+  color: #aaaaaa;

+}

+.page-footer-fixed .footer .footer-tools .go-top {

+  background-color: #666666;

+}

+.page-footer-fixed .footer .footer-tools .go-top i {

+  color: #aaaaaa;

+}

+/* end:fixed footer */

+/***

+Gritter Notifications 

+***/

+.gritter-top {

+  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -30px !important;

+}

+.gritter-bottom {

+  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left bottom !important;

+}

+.gritter-item {

+  display: block;

+  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -40px !important;

+}

+.gritter-close {

+  background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left top !important;

+}

+.gritter-title {

+  text-shadow: none !important;

+  /* Not supported by IE :( */

+

+}

+/* for the light (white) version of the gritter notice */

+.gritter-light .gritter-item,

+.gritter-light .gritter-bottom,

+.gritter-light .gritter-top,

+.gritter-light .gritter-close {

+  background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;

+}

+.gritter-item-wrapper a {

+  color: #18a5ed;

+}

+.gritter-item-wrapper a:hover {

+  color: #0b6694;

+}

+/* begin: boxed page */

+@media (min-width: 992px) {

+  .page-boxed {

+    background-color: #E8E8E8 !important;

+  }

+  .page-boxed .page-container {

+    background-color: #eeeeee;

+    border-left: 1px solid #e2e2e2;

+    border-bottom: 1px solid #e2e2e2;

+  }

+  .page-sidebar-reversed.page-boxed .page-container {

+    border-left: 0;

+    border-right: 1px solid #e2e2e2;

+  }

+  .page-boxed.page-sidebar-fixed .page-container {

+    border-left: 0;

+    border-bottom: 0;

+  }

+  .page-boxed.page-sidebar-fixed .page-sidebar {

+    border-left: 1px solid #e2e2e2;

+  }

+  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {

+    border-right: 1px solid #e2e2e2;

+    border-left: 0; 

+  }

+  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {

+    background-color: #E8E8E8 !important;

+  }

+}

+/* end: boxed page */

+/***

+Landscape phone to portrait tablet

+***/

+@media (max-width: 991px) {

+  /***

+  page sidebar

+  ***/

+  .page-sidebar {

+    background-color: #f1f1f1 !important;

+    border-right: none !important;

+  }

+  .page-sidebar-fixed .page-sidebar {

+    border-right: none !important; 

+  }

+  .page-content {

+    border-left: none !important;

+  }

+  ul.page-sidebar-menu > li > a {

+    border-top: 1px solid #ececec !important;

+    border-bottom: 1px solid #cccccc !important;

+  }

+  ul.page-sidebar-menu > li:last-child > a {

+    border-bottom: 0 !important;

+  }

+

+  ul.page-sidebar-menu > li.open > a,{

+    color: #666666 !important;

+    background-color: #e0e0e0 !important;

+  }

+  

+  /*ul.page-sidebar-menu > li > a:hover {

+    color: #666666 !important;

+    background-color: #e7e7e7 !important;

+  }*/

+  ul.page-sidebar-menu > li.open > a {

+    border-bottom-color: transparent !important;

+  }

+ /* ul.page-sidebar-menu > li.active > a {

+    color: #ffffff !important;

+    background-color: #28b779 !important;

+  }*/

+

+  ul.page-sidebar-menu ul.sub-menu > li > a {

+    color: #111 !important;

+  }

+ul.page-sidebar-menu ul.sub-menu > li.active > a{

+    color: #000 !important;

+    background: #dbe6ea !important; 

+}

+  ul.page-sidebar-menu ul.sub-menu > li.open > a,  

+  ul.page-sidebar-menu ul.sub-menu > li > a:hover {

+    color: #000 !important;

+    background: #e7e7e7 !important; 

+  }

+

+  .page-sidebar .sidebar-search input {

+    background-color: #f1f1f1 !important;

+    color: #ccc !important;

+  }

+

+  .page-sidebar .sidebar-search .input-box {

+    border-bottom-color: #ccc !important;

+  }

+  .page-sidebar .sidebar-search input::-webkit-input-placeholder {

+    color: #ccc !important;

+  }

+  .page-sidebar .sidebar-search input:-moz-placeholder {

+    color: #ccc !important;

+  }

+  .page-sidebar .sidebar-search input:-ms-input-placeholder {

+    color: #ccc !important;

+  }

+

+  /***

+  page footer

+  ***/

+  

+  .footer {

+    background-color: #434343;

+  }

+

+  .footer .footer-inner {

+    color: #cccccc;

+  }

+  .footer .footer-tools .go-top {

+    background-color: #666666;

+  }

+  .footer .footer-tools .go-top i {

+    color: #999999;

+  }

+}

+

+@media (max-width: 767px) {

+  body {

+    background-color: #077ead !important;

+  }

 }
\ No newline at end of file
diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight3_ifrm.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight3_ifrm.css
index 1072ce0b..6ccf9b2e 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight3_ifrm.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight3_ifrm.css
@@ -1,220 +1,220 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-light_ifrm  theme
-***/
-td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-/* button style*/
-.buttonRounded,
-.buttonRoundedOver,
-.buttonRoundedFocused,
-.buttonRoundedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown,
-.buttonRoundedSelected,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedDown,
-.buttonRoundedSelectedFocusedDown,
-.buttonRoundedSelectedOver,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDisabled,
-.buttonRoundedSelectedDisabled {
-  background-color: #47a5cc;
-  color: #fff;
-  border: 0px solid #b15a59;
-  border-radius: 0px;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  /*padding: 0 3px;*/
-  padding-left:7px !important;
-  padding-right:7px !important;
-  height:30px !important;
-}
-.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-.buttonRoundedOver,
-.buttonRoundedFocusedOver,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown {
-  background-color: #3a8fb3;
-  height:30px !important;
-}
-
-.menuButton,
-.menuButtonOver,
-.menuButtonDown,
-.menuButtonDisabled,
-.menuButtonFocused,
-.menuButtonFocusedDown,
-.menuButtonFocusedOver,
-.menuButtonSelected,
-.menuButtonSelectedDown,
-.menuButtonSelectedOver,
-.menuButtonSelectedDisabled {
-  background-color: #47a5cc;
-  border: 0px solid #ababab;
-  color: #fff;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  padding-left: 7px !important;
-  padding-right: 7px !important;
-  height:30px !important;
-}
-.menuButtonOver {
-  background-color: #3a8fb3;
- }
-.menuButtonDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-
- .buttonTitle,
-.buttonTitleOver,
-.buttonTitleDown,
-.buttonTitleSelected,
-.buttonTitleFocused,
-.buttonTitleSelectedFocused,
-.buttonTitleSelectedOver,
-.buttonTitleFocusedOver,
-.buttonTitleSelectedFocusedOver,
-.buttonTitleSelectedDown,
-.buttonTitleFocusedDown,
-.buttonTitleSelectedFocusedDown,
-.buttonTitleDisabled,
-.buttonTitleSelectedDisabled {
-  color: #fff ;
-  }
-  .buttonTitleDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-   /* windowBody dialogBody Style */
- .windowBody,
-.dialogBody {
-  background-color: white;
-  border: 1px solid #2b8db6;
-  border-top: 0;
-}
-.windowHeader,
-.dialogHeader {
-  background-color: #2b8db6;
-  padding: 0;
-}
-/* sectionHeader Style */
-.sectionHeaderopened {
-  background-color: #2b8db6;
-  }
-  .sectionHeaderclosed {
-  background-color: #3899c2;
-  }
-
-#dt_example h1{
-color:#2b8db6;
-font-weight:600 !important;
-}
-/*cell style*/
-.tallCellOver,
-.tallCellOverDark {
-  background-color: #c4d7e2;
-  }
-.imgHeaderButtonOver,
-.imgHeaderButtonDown,
-.headerButtonOver,
-.headerButtonDown,
-.sorterButtonOver,
-.sorterButtonDown {
-  background-color: #c4d7e2;
-  }
-  /*cell style*/
-.tallCellOver,
-.tallCellOverDark {
-  background-color: #d9e3e8;
-  border-bottom: 1px solid #d9e3e8;
-  border-top: 1px  solid #d9e3e8;
-  }
-.tallCellSelected,
-.tallCellSelectedDark {
-  background: #c4d7e2;
-  border-bottom: 1px solid #c4d7e2;
-  border-top: 1px  solid #c4d7e2;
-  }
-.tallCellSelectedOver,
-.tallCellSelectedOverDark {
-  background: #c4d7e2;
-  border-bottom: 1px solid #c4d7e2;
-  border-top: 1px  solid #c4d7e2;
-  }
-.imgHeaderButtonOver,
-.imgHeaderButtonDown,
-.headerButtonOver,
-.headerButtonDown,
-.sorterButtonOver,
-.sorterButtonDown {
-  background-color: #c4d7e2;
-  }
-.cellSelected,
-.cellSelectedDark,
-.specialColSelected,
-.recordSummaryCellSelected,
-.recordSummaryCellSelectedDark {
-  background: #c4d7e2 !important;
- border-bottom: 1px solid #c4d7e2;
-  border-top: 1px solid #c4d7e2;
-  }
-.cellSelectedOver,
-.cellSelectedOverDark,
-.specialColSelectedOver,
-.recordSummaryCellSelectedOver,
-.recordSummaryCellSelectedOverDark {
-  background: #c4d7e2 !important;
-   border-bottom: 1px solid #c4d7e2;
-  border-top: 1px solid #c4d7e2;
-}
-.cellOver,
-.cellOverDark,
-.specialColOver,
-.recordSummaryCellOver,
-.recordSummaryCellOverDark {
-  background: #d9e3e8 !important;
-  border-bottom: 1px solid #d9e3e8;
-  border-top: 1px solid #d9e3e8;
-  }
-.treeCellOver,
-.treeCellOverDark {
-  background-color: #d9e3e8; 
-}      
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+light_ifrm  theme

+***/

+td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+/* button style*/

+.buttonRounded,

+.buttonRoundedOver,

+.buttonRoundedFocused,

+.buttonRoundedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown,

+.buttonRoundedSelected,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedDown,

+.buttonRoundedSelectedFocusedDown,

+.buttonRoundedSelectedOver,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDisabled,

+.buttonRoundedSelectedDisabled {

+  background-color: #47a5cc;

+  color: #fff;

+  border: 0px solid #b15a59;

+  border-radius: 0px;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  /*padding: 0 3px;*/

+  padding-left:7px !important;

+  padding-right:7px !important;

+  height:30px !important;

+}

+.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+.buttonRoundedOver,

+.buttonRoundedFocusedOver,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown {

+  background-color: #3a8fb3;

+  height:30px !important;

+}

+

+.menuButton,

+.menuButtonOver,

+.menuButtonDown,

+.menuButtonDisabled,

+.menuButtonFocused,

+.menuButtonFocusedDown,

+.menuButtonFocusedOver,

+.menuButtonSelected,

+.menuButtonSelectedDown,

+.menuButtonSelectedOver,

+.menuButtonSelectedDisabled {

+  background-color: #47a5cc;

+  border: 0px solid #ababab;

+  color: #fff;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  padding-left: 7px !important;

+  padding-right: 7px !important;

+  height:30px !important;

+}

+.menuButtonOver {

+  background-color: #3a8fb3;

+ }

+.menuButtonDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+

+ .buttonTitle,

+.buttonTitleOver,

+.buttonTitleDown,

+.buttonTitleSelected,

+.buttonTitleFocused,

+.buttonTitleSelectedFocused,

+.buttonTitleSelectedOver,

+.buttonTitleFocusedOver,

+.buttonTitleSelectedFocusedOver,

+.buttonTitleSelectedDown,

+.buttonTitleFocusedDown,

+.buttonTitleSelectedFocusedDown,

+.buttonTitleDisabled,

+.buttonTitleSelectedDisabled {

+  color: #fff ;

+  }

+  .buttonTitleDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+   /* windowBody dialogBody Style */

+ .windowBody,

+.dialogBody {

+  background-color: white;

+  border: 1px solid #2b8db6;

+  border-top: 0;

+}

+.windowHeader,

+.dialogHeader {

+  background-color: #2b8db6;

+  padding: 0;

+}

+/* sectionHeader Style */

+.sectionHeaderopened {

+  background-color: #2b8db6;

+  }

+  .sectionHeaderclosed {

+  background-color: #3899c2;

+  }

+

+#dt_example h1{

+color:#2b8db6;

+font-weight:600 !important;

+}

+/*cell style*/

+.tallCellOver,

+.tallCellOverDark {

+  background-color: #c4d7e2;

+  }

+.imgHeaderButtonOver,

+.imgHeaderButtonDown,

+.headerButtonOver,

+.headerButtonDown,

+.sorterButtonOver,

+.sorterButtonDown {

+  background-color: #c4d7e2;

+  }

+  /*cell style*/

+.tallCellOver,

+.tallCellOverDark {

+  background-color: #d9e3e8;

+  border-bottom: 1px solid #d9e3e8;

+  border-top: 1px  solid #d9e3e8;

+  }

+.tallCellSelected,

+.tallCellSelectedDark {

+  background: #c4d7e2;

+  border-bottom: 1px solid #c4d7e2;

+  border-top: 1px  solid #c4d7e2;

+  }

+.tallCellSelectedOver,

+.tallCellSelectedOverDark {

+  background: #c4d7e2;

+  border-bottom: 1px solid #c4d7e2;

+  border-top: 1px  solid #c4d7e2;

+  }

+.imgHeaderButtonOver,

+.imgHeaderButtonDown,

+.headerButtonOver,

+.headerButtonDown,

+.sorterButtonOver,

+.sorterButtonDown {

+  background-color: #c4d7e2;

+  }

+.cellSelected,

+.cellSelectedDark,

+.specialColSelected,

+.recordSummaryCellSelected,

+.recordSummaryCellSelectedDark {

+  background: #c4d7e2 !important;

+ border-bottom: 1px solid #c4d7e2;

+  border-top: 1px solid #c4d7e2;

+  }

+.cellSelectedOver,

+.cellSelectedOverDark,

+.specialColSelectedOver,

+.recordSummaryCellSelectedOver,

+.recordSummaryCellSelectedOverDark {

+  background: #c4d7e2 !important;

+   border-bottom: 1px solid #c4d7e2;

+  border-top: 1px solid #c4d7e2;

+}

+.cellOver,

+.cellOverDark,

+.specialColOver,

+.recordSummaryCellOver,

+.recordSummaryCellOverDark {

+  background: #d9e3e8 !important;

+  border-bottom: 1px solid #d9e3e8;

+  border-top: 1px solid #d9e3e8;

+  }

+.treeCellOver,

+.treeCellOverDark {

+  background-color: #d9e3e8; 

+}      

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight4.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight4.css
index c3908245..cbbe6a54 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight4.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight4.css
@@ -1,620 +1,620 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-light theme
-***/
-
-/***
-Reset and overrides  
-***/
-body {
-    background-color: #f1f3fa !important;
-}
-
-.page-content .page-breadcrumb.breadcrumb .dashboard-date-range {
-    background-color: #ededed !important;
-}
-
-.page-content {
-    background-color: #f1f3fa !important;
-}
-
-.vSplitbar {
-    background-color: transparent !important;
-}
-
-.btn-group .btn.blue.dropdown-toggle {
-    background-color: #333 !important;
-}
-
-.btn-group .btn.blue.dropdown-toggle:hover {
-    background-color: #000 !important;
-}
-
-/***
-Page header
-***/
-.header {
-    filter: none !important;
-    background-color: #333333 !important;
-}
-
-.header .btn-navbar {
-    background-color: #434343 !important;
-}
-
-.header .navbar-nav .dropdown-toggle:hover,
-.header .navbar-nav .dropdown.open .dropdown-toggle {
-    background-color: #40484c !important;
-}
-
-.header .navbar-nav li.dropdown .dropdown-toggle i {
-    color: #ffffff !important;
-}
-
-.zte-theme-panel > .toggler:hover {
-    background-color: #40484c !important;
-}
-
-/***
-Header Search
-***/
-.header .search-form {
-    background-color: #3a3a3a;
-}
-
-.header .search-form .form-control {
-    color: #ccc;
-    border: 0;
-    background-color: #3a3a3a;
-}
-
-.header .search-form .submit {
-    background: url(../../image/search-icon.png);
-}
-
-/***
-Hor menu
-***/
-.header .hor-menu ul.nav li a {
-    color: #fff;
-}
-
-.header .hor-menu ul.nav li.open > a,
-.header .hor-menu ul.nav li > a:hover,
-.header .hor-menu ul.nav li > a:focus {
-    color: #ccc;
-    background: #333333;
-}
-
-.header .hor-menu .dropdown-menu li:hover > a,
-.header .hor-menu ul.nav li.active > a,
-.header .hor-menu ul.nav li.active > a:hover {
-    color: #fff;
-    background: #333 !important;
-}
-
-.header.navbar .hor-menu ul.nav li.current .selected,
-.header.navbar .hor-menu ul.nav li.active .selected {
-    border-top: 6px solid #101010;
-}
-
-.header .hor-menu ul.nav li.current > a,
-.header .hor-menu ul.nav li.current > a:hover {
-    color: #fff;
-    background: #e02222 !important;
-}
-
-.header .hor-menu .dropdown-menu {
-    background: #4f4f4f;
-}
-
-.header .hor-menu .dropdown-menu li > a {
-    color: #ccc;
-}
-
-.header .hor-menu .hor-menu-search-form-toggler.off {
-    background: #4f4f4f url(../../image/hor-menu-search-close-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form {
-    background: #4f4f4f;
-}
-
-.header .hor-menu .search-form form input {
-    color: #ccc;
-}
-
-.header .hor-menu .search-form .btn {
-    color: #ccc;
-    background: url(../../image/search-icon-white.png) no-repeat center;
-}
-
-.header .hor-menu .search-form form input::-webkit-input-placeholder {
-    /* WebKit browsers */
-    color: #ccc;
-}
-
-.header .hor-menu .search-form form input:-moz-placeholder {
-    /* Mozilla Firefox 4 to 18 */
-    color: #ccc;
-}
-
-.header .hor-menu .search-form form input::-moz-placeholder {
-    /* Mozilla Firefox 19+ */
-    color: #ccc;
-}
-
-.header .hor-menu .search-form form input:-ms-input-placeholder {
-    /* Internet Explorer 10+ */
-    color: #ccc;
-}
-
-/***
-Mega Menu
-***/
-.mega-menu .mega-menu-submenu {
-    border-right: 1px solid #656565;
-}
-
-.mega-menu .mega-menu-submenu li h3 {
-    color: #fff;
-}
-
-/***
-Page sidebar
-***/
-/*.page-content {
-  border-left: 1px solid #e2e2e2 !important;
-  border-bottom: 1px solid #e2e2e2 !important;
-}*/
-.page-sidebar-menu > li.active > a .selected {
-    background-image: none !important;
-	border-right:#5C9ACF 3px solid;
-	height:40px !important;
-	top:0 !important;
-}
-
-.page-sidebar-reversed .page-content {
-    border-left: 0;
-    border-right: 1px solid #e2e2e2 !important;
-}
-
-.page-sidebar {
-    background-color: #f1f3fa;
-}
-
-.page-sidebar-fixed .page-content {
-    border: 0 !important;
-}
-
-.page-sidebar-fixed .page-sidebar {
-    border-right: 1px solid #e2e2e2 !important;
-}
-
-ul.page-sidebar-menu > li > a {
-    border: 1px solid #dddddd !important;
-    color: #000 !important;
-    font-weight: 400;
-    background-color: #fff !important;
-    margin-left: 3px;
-    margin-right: 3px;
-    margin-bottom: 5px;
-    -webkit-border-radius: 3px !important;
-    -moz-border-radius: 3px !important;
-    -ms-border-radius: 3px !important;
-    -o-border-radius: 3px !important;
-    border-radius: 3px !important;
-}
-
-.page-sidebar-menu > li.start > a {
-    border-top: 1px solid #dddddd !important;
-}
-
-ul.page-sidebar-menu > li:first-child > a {
-    border-top: 1px solid #dddddd !important;
-}
-
-ul.page-sidebar-menu > li:last-child > a {
-    border-bottom: 1px solid #dddddd !important;
-}
-
-/*ul.page-sidebar-menu > li a i {
-  color: #000 !important;
-}*/
-
-/*ul.page-sidebar-menu > li.open > a:hover {
-    background: #ededed !important;
-    color: #000 !important;
-}*/
-ul.page-sidebar-menu > li.open > a {
-    background: #fff !important;
-    color: #000 !important;
-}
-ul.page-sidebar-menu > li.active > a:hover {
-    background: #fff !important;
-   color: #5C9ACF !important ;
-	//border-left: #5C9ACF 3px solid;
-}
-
-
-/*ul.page-sidebar-menu > li.active > a .selected {
-  right:-7px;
-  top:0px;
-  width: 7px;
-  height: 39px;
-  background-image: url("../../image/sidebar-menu-arrow-green.png");*/
-    }
-
-.page-sidebar-reversed ul.page-sidebar-menu > li.active > a .selected {
-    right: auto;
-    left: -7px;
-    background-image: url("../../image/sidebar-menu-arrow-green-reverse.png");
-}
-
-/*ul.page-sidebar-menu > li.active i {
-  color: #fff !important;
-}*/
-.page-sidebar-fixed ul.page-sidebar-menu > li.active > a .selected {
-    display: none;
-}
-
-ul.page-sidebar-menu > li.active > a {
-    background: #fff !important;
-  border-right-color: transparent !important;
-    color: #1177CF !important;
-}
-
-ul.page-sidebar-menu > li.active > a i {
-    color: #5C9ACF;
-}
-
-ul.page-sidebar-menu > li > a > .arrow:before,
-ul.page-sidebar-menu > li > a > .arrow.open:before {
-    color: #ccc !important;
-}
-
-ul.page-sidebar-menu > li.active > a .arrow:before,
-ul.page-sidebar-menu > li.active > a .arrow.open:before {
-    color: #5C9ACF !important;
-}
-
-ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
-    border-top: 0px !important;
-}
-
-ul.page-sidebar-menu ul.sub-menu > li > a {
-    font-weight: 400 !important;
-    color: #2a6496 !important;
-    margin-left: 4px !important;
-    margin-right: 4px !important;
-    margin-bottom: 5px !important;
-}
-
-ul.page-sidebar-menu ul.sub-menu > li.active > a,
-ul.page-sidebar-menu ul.sub-menu > li > a:hover {
-    color: #818181 !important;
-    background: #ededed !important;
-}
-
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
-ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
-    color: #ccc !important;
-}
-
-/* sub menu links effects */
-ul.page-sidebar-menu ul.sub-menu > li.active > a,
-ul.page-sidebar-menu ul.sub-menu > li.active > a:hover {
-    color: #1177CF !important;
-    background: #dbe6ea !important;
-}
-
-ul.page-sidebar-menu ul.sub-menu > li > a:hover,
-ul.page-sidebar-menu ul.sub-menu > li.open > a {
-    color: #428bca !important;
-    background: #eaf1f4 !important;
-}
-
-ul.page-sidebar-menu > li > a:hover,
-ul.page-sidebar-menu > li.active > a:hover {
-  background-color: #ecf1f5 !important;
-  color: #585858;
-}
-/* sidebar search */
-.page-sidebar .sidebar-search input {
-    background-color: #f5f5f5 !important;
-    color: #727272 !important;
-}
-
-.page-sidebar .sidebar-search input::-webkit-input-placeholder {
-    color: #aaa !important;
-}
-
-.page-sidebar .sidebar-search input:-moz-placeholder {
-    color: #aaa !important;
-}
-
-.page-sidebar .sidebar-search input:-ms-input-placeholder {
-    color: #aaa !important;
-}
-
-.page-sidebar .sidebar-search .input-box {
-    border-bottom: 1px solid #e2e2e2 !important;
-}
-
-.page-sidebar .sidebar-search .submit {
-    background-image: url(../../image/search-icon-white.png);
-}
-
-/***
-Sidebar toggler
-***/
-.sidebar-toggler {
-    background-image: url(../../image/sidebar-toggler-light.jpg);
-    background-color: #333;
-}
-
-/* search box bg color on expanded */
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
-    background-color: #fbfbfb !important;
-}
-
-.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
-    background-image: url("../../image/sidebar-search-close-light.png");
-}
-
-/* sub menu bg color on hover menu item */
-.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
-    background-color: #f5f5f5;
-}
-
-/***
-Footer 
-***/
-.footer .footer-inner {
-    color: #333333;
-}
-
-.footer .footer-tools .go-top {
-    background-color: #666666;
-}
-
-.footer .footer-tools .go-top:hover {
-    opacity: 0.7;
-    filter: alpha(opacity=70);
-}
-
-.footer .footer-tools .go-top i {
-    color: #999999;
-}
-
-/***
-Footer Layouts (new in v1.3)
-***/
-/* begin:fixed footer */
-.page-footer-fixed .footer {
-    background-color: #434343;
-}
-
-.page-footer-fixed .footer .footer-inner {
-    color: #aaaaaa;
-}
-
-.page-footer-fixed .footer .footer-tools .go-top {
-    background-color: #666666;
-}
-
-.page-footer-fixed .footer .footer-tools .go-top i {
-    color: #aaaaaa;
-}
-
-/* end:fixed footer */
-/***
-Gritter Notifications 
-***/
-.gritter-top {
-    background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -30px !important;
-}
-
-.gritter-bottom {
-    background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left bottom !important;
-}
-
-.gritter-item {
-    display: block;
-    background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -40px !important;
-}
-
-.gritter-close {
-    background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left top !important;
-}
-
-.gritter-title {
-    text-shadow: none !important;
-    /* Not supported by IE :( */
-
-}
-
-/* for the light (white) version of the gritter notice */
-.gritter-light .gritter-item,
-.gritter-light .gritter-bottom,
-.gritter-light .gritter-top,
-.gritter-light .gritter-close {
-    background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;
-}
-
-.gritter-item-wrapper a {
-    color: #18a5ed;
-}
-
-.gritter-item-wrapper a:hover {
-    color: #0b6694;
-}
-
-/* begin: boxed page */
-@media (min-width: 992px) {
-    .page-boxed {
-        background-color: #E8E8E8 !important;
-    }
-
-    .page-boxed .page-container {
-        background-color: #f5f5f5;
-        border-left: 1px solid #e2e2e2;
-        border-bottom: 1px solid #e2e2e2;
-    }
-
-    .page-sidebar-reversed.page-boxed .page-container {
-        border-left: 0;
-        border-right: 1px solid #e2e2e2;
-    }
-
-    .page-boxed.page-sidebar-fixed .page-container {
-        border-left: 0;
-        border-bottom: 0;
-    }
-
-    .page-boxed.page-sidebar-fixed .page-sidebar {
-        border-left: 1px solid #e2e2e2;
-    }
-
-    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
-        border-right: 1px solid #e2e2e2;
-        border-left: 0;
-    }
-
-    .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
-        background-color: #E8E8E8 !important;
-    }
-
-    .page-sidebar-closed .page-sidebar-menu > li > a {
-        margin-left: 0;
-        margin-right: 0;
-    }
-}
-
-/* end: boxed page */
-/***
-Landscape phone to portrait tablet
-***/
-@media (max-width: 991px) {
-    /***
-    page sidebar
-    ***/
-    .page-sidebar-closed .page-sidebar-menu > li > a {
-        margin-left: 0;
-        margin-right: 0;
-    }
-
-    .page-sidebar {
-        background-color: #f1f1f1 !important;
-        border-right: none !important;
-    }
-
-    .page-sidebar-fixed .page-sidebar {
-        border-right: none !important;
-    }
-
-    .page-content {
-        border-left: none !important;
-    }
-
-    ul.page-sidebar-menu > li > a {
-        border-top: 1px solid #ececec !important;
-        border-bottom: 1px solid #cccccc !important;
-    }
-
-    /* ul.page-sidebar-menu > li:last-child > a {
-       border-bottom: 0 !important;
-     }*/
-    ul.page-sidebar-menu > li.open > a, {
-        color: #666666 !important;
-        background-color: #e0e0e0 !important;
-    }
-
-    /*ul.page-sidebar-menu > li > a:hover {
-      color: #666666 !important;
-      background-color: #e7e7e7 !important;
-    }*/
-    ul.page-sidebar-menu > li.open > a {
-        border-bottom-color: transparent !important;
-    }
-
-    /* ul.page-sidebar-menu > li.active > a {
-       color: #ffffff !important;
-       background-color: #28b779 !important;
-     }*/
-    /*ul.page-sidebar-menu ul.sub-menu > li > a {
-      color: #111 !important;
-    }*/
-    /*ul.page-sidebar-menu ul.sub-menu > li.active > a{
-        color: #000 !important;
-        background: #dbe6ea !important; */
-}
-
-/* ul.page-sidebar-menu ul.sub-menu > li.open > a,
-   ul.page-sidebar-menu ul.sub-menu > li > a:hover {
-   color: #000 !important;
-   background: #e7e7e7 !important;
- }*/
-
-.page-sidebar .sidebar-search input {
-    background-color: #f1f1f1 !important;
-    color: #ccc !important;
-}
-
-.page-sidebar .sidebar-search .input-box {
-    border-bottom-color: #ccc !important;
-}
-
-.page-sidebar .sidebar-search input::-webkit-input-placeholder {
-    color: #ccc !important;
-}
-
-.page-sidebar .sidebar-search input:-moz-placeholder {
-    color: #ccc !important;
-}
-
-.page-sidebar .sidebar-search input:-ms-input-placeholder {
-    color: #ccc !important;
-}
-
-/***
-page footer
-***/
-
-.footer {
-    background-color: #434343;
-}
-
-.footer .footer-inner {
-    color: #cccccc;
-}
-
-.footer .footer-tools .go-top {
-    background-color: #666666;
-}
-
-.footer .footer-tools .go-top i {
-    color: #999999;
-}
-
-    }
-
-@media (max-width: 767px) {
-    body {
-        background-color: #333333 !important;
-    }
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+light theme

+***/

+

+/***

+Reset and overrides  

+***/

+body {

+    background-color: #f1f3fa !important;

+}

+

+.page-content .page-breadcrumb.breadcrumb .dashboard-date-range {

+    background-color: #ededed !important;

+}

+

+.page-content {

+    background-color: #f1f3fa !important;

+}

+

+.vSplitbar {

+    background-color: transparent !important;

+}

+

+.btn-group .btn.blue.dropdown-toggle {

+    background-color: #333 !important;

+}

+

+.btn-group .btn.blue.dropdown-toggle:hover {

+    background-color: #000 !important;

+}

+

+/***

+Page header

+***/

+.header {

+    filter: none !important;

+    background-color: #333333 !important;

+}

+

+.header .btn-navbar {

+    background-color: #434343 !important;

+}

+

+.header .navbar-nav .dropdown-toggle:hover,

+.header .navbar-nav .dropdown.open .dropdown-toggle {

+    background-color: #40484c !important;

+}

+

+.header .navbar-nav li.dropdown .dropdown-toggle i {

+    color: #ffffff !important;

+}

+

+.zte-theme-panel > .toggler:hover {

+    background-color: #40484c !important;

+}

+

+/***

+Header Search

+***/

+.header .search-form {

+    background-color: #3a3a3a;

+}

+

+.header .search-form .form-control {

+    color: #ccc;

+    border: 0;

+    background-color: #3a3a3a;

+}

+

+.header .search-form .submit {

+    background: url(../../image/search-icon.png);

+}

+

+/***

+Hor menu

+***/

+.header .hor-menu ul.nav li a {

+    color: #fff;

+}

+

+.header .hor-menu ul.nav li.open > a,

+.header .hor-menu ul.nav li > a:hover,

+.header .hor-menu ul.nav li > a:focus {

+    color: #ccc;

+    background: #333333;

+}

+

+.header .hor-menu .dropdown-menu li:hover > a,

+.header .hor-menu ul.nav li.active > a,

+.header .hor-menu ul.nav li.active > a:hover {

+    color: #fff;

+    background: #333 !important;

+}

+

+.header.navbar .hor-menu ul.nav li.current .selected,

+.header.navbar .hor-menu ul.nav li.active .selected {

+    border-top: 6px solid #101010;

+}

+

+.header .hor-menu ul.nav li.current > a,

+.header .hor-menu ul.nav li.current > a:hover {

+    color: #fff;

+    background: #e02222 !important;

+}

+

+.header .hor-menu .dropdown-menu {

+    background: #4f4f4f;

+}

+

+.header .hor-menu .dropdown-menu li > a {

+    color: #ccc;

+}

+

+.header .hor-menu .hor-menu-search-form-toggler.off {

+    background: #4f4f4f url(../../image/hor-menu-search-close-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form {

+    background: #4f4f4f;

+}

+

+.header .hor-menu .search-form form input {

+    color: #ccc;

+}

+

+.header .hor-menu .search-form .btn {

+    color: #ccc;

+    background: url(../../image/search-icon-white.png) no-repeat center;

+}

+

+.header .hor-menu .search-form form input::-webkit-input-placeholder {

+    /* WebKit browsers */

+    color: #ccc;

+}

+

+.header .hor-menu .search-form form input:-moz-placeholder {

+    /* Mozilla Firefox 4 to 18 */

+    color: #ccc;

+}

+

+.header .hor-menu .search-form form input::-moz-placeholder {

+    /* Mozilla Firefox 19+ */

+    color: #ccc;

+}

+

+.header .hor-menu .search-form form input:-ms-input-placeholder {

+    /* Internet Explorer 10+ */

+    color: #ccc;

+}

+

+/***

+Mega Menu

+***/

+.mega-menu .mega-menu-submenu {

+    border-right: 1px solid #656565;

+}

+

+.mega-menu .mega-menu-submenu li h3 {

+    color: #fff;

+}

+

+/***

+Page sidebar

+***/

+/*.page-content {

+  border-left: 1px solid #e2e2e2 !important;

+  border-bottom: 1px solid #e2e2e2 !important;

+}*/

+.page-sidebar-menu > li.active > a .selected {

+    background-image: none !important;

+	border-right:#5C9ACF 3px solid;

+	height:40px !important;

+	top:0 !important;

+}

+

+.page-sidebar-reversed .page-content {

+    border-left: 0;

+    border-right: 1px solid #e2e2e2 !important;

+}

+

+.page-sidebar {

+    background-color: #f1f3fa;

+}

+

+.page-sidebar-fixed .page-content {

+    border: 0 !important;

+}

+

+.page-sidebar-fixed .page-sidebar {

+    border-right: 1px solid #e2e2e2 !important;

+}

+

+ul.page-sidebar-menu > li > a {

+    border: 1px solid #dddddd !important;

+    color: #000 !important;

+    font-weight: 400;

+    background-color: #fff !important;

+    margin-left: 3px;

+    margin-right: 3px;

+    margin-bottom: 5px;

+    -webkit-border-radius: 3px !important;

+    -moz-border-radius: 3px !important;

+    -ms-border-radius: 3px !important;

+    -o-border-radius: 3px !important;

+    border-radius: 3px !important;

+}

+

+.page-sidebar-menu > li.start > a {

+    border-top: 1px solid #dddddd !important;

+}

+

+ul.page-sidebar-menu > li:first-child > a {

+    border-top: 1px solid #dddddd !important;

+}

+

+ul.page-sidebar-menu > li:last-child > a {

+    border-bottom: 1px solid #dddddd !important;

+}

+

+/*ul.page-sidebar-menu > li a i {

+  color: #000 !important;

+}*/

+

+/*ul.page-sidebar-menu > li.open > a:hover {

+    background: #ededed !important;

+    color: #000 !important;

+}*/

+ul.page-sidebar-menu > li.open > a {

+    background: #fff !important;

+    color: #000 !important;

+}

+ul.page-sidebar-menu > li.active > a:hover {

+    background: #fff !important;

+   color: #5C9ACF !important ;

+	//border-left: #5C9ACF 3px solid;

+}

+

+

+/*ul.page-sidebar-menu > li.active > a .selected {

+  right:-7px;

+  top:0px;

+  width: 7px;

+  height: 39px;

+  background-image: url("../../image/sidebar-menu-arrow-green.png");*/

+    }

+

+.page-sidebar-reversed ul.page-sidebar-menu > li.active > a .selected {

+    right: auto;

+    left: -7px;

+    background-image: url("../../image/sidebar-menu-arrow-green-reverse.png");

+}

+

+/*ul.page-sidebar-menu > li.active i {

+  color: #fff !important;

+}*/

+.page-sidebar-fixed ul.page-sidebar-menu > li.active > a .selected {

+    display: none;

+}

+

+ul.page-sidebar-menu > li.active > a {

+    background: #fff !important;

+  border-right-color: transparent !important;

+    color: #1177CF !important;

+}

+

+ul.page-sidebar-menu > li.active > a i {

+    color: #5C9ACF;

+}

+

+ul.page-sidebar-menu > li > a > .arrow:before,

+ul.page-sidebar-menu > li > a > .arrow.open:before {

+    color: #ccc !important;

+}

+

+ul.page-sidebar-menu > li.active > a .arrow:before,

+ul.page-sidebar-menu > li.active > a .arrow.open:before {

+    color: #5C9ACF !important;

+}

+

+ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {

+    border-top: 0px !important;

+}

+

+ul.page-sidebar-menu ul.sub-menu > li > a {

+    font-weight: 400 !important;

+    color: #2a6496 !important;

+    margin-left: 4px !important;

+    margin-right: 4px !important;

+    margin-bottom: 5px !important;

+}

+

+ul.page-sidebar-menu ul.sub-menu > li.active > a,

+ul.page-sidebar-menu ul.sub-menu > li > a:hover {

+    color: #818181 !important;

+    background: #ededed !important;

+}

+

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,

+ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {

+    color: #ccc !important;

+}

+

+/* sub menu links effects */

+ul.page-sidebar-menu ul.sub-menu > li.active > a,

+ul.page-sidebar-menu ul.sub-menu > li.active > a:hover {

+    color: #1177CF !important;

+    background: #dbe6ea !important;

+}

+

+ul.page-sidebar-menu ul.sub-menu > li > a:hover,

+ul.page-sidebar-menu ul.sub-menu > li.open > a {

+    color: #428bca !important;

+    background: #eaf1f4 !important;

+}

+

+ul.page-sidebar-menu > li > a:hover,

+ul.page-sidebar-menu > li.active > a:hover {

+  background-color: #ecf1f5 !important;

+  color: #585858;

+}

+/* sidebar search */

+.page-sidebar .sidebar-search input {

+    background-color: #f5f5f5 !important;

+    color: #727272 !important;

+}

+

+.page-sidebar .sidebar-search input::-webkit-input-placeholder {

+    color: #aaa !important;

+}

+

+.page-sidebar .sidebar-search input:-moz-placeholder {

+    color: #aaa !important;

+}

+

+.page-sidebar .sidebar-search input:-ms-input-placeholder {

+    color: #aaa !important;

+}

+

+.page-sidebar .sidebar-search .input-box {

+    border-bottom: 1px solid #e2e2e2 !important;

+}

+

+.page-sidebar .sidebar-search .submit {

+    background-image: url(../../image/search-icon-white.png);

+}

+

+/***

+Sidebar toggler

+***/

+.sidebar-toggler {

+    background-image: url(../../image/sidebar-toggler-light.jpg);

+    background-color: #333;

+}

+

+/* search box bg color on expanded */

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {

+    background-color: #fbfbfb !important;

+}

+

+.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {

+    background-image: url("../../image/sidebar-search-close-light.png");

+}

+

+/* sub menu bg color on hover menu item */

+.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {

+    background-color: #f5f5f5;

+}

+

+/***

+Footer 

+***/

+.footer .footer-inner {

+    color: #333333;

+}

+

+.footer .footer-tools .go-top {

+    background-color: #666666;

+}

+

+.footer .footer-tools .go-top:hover {

+    opacity: 0.7;

+    filter: alpha(opacity=70);

+}

+

+.footer .footer-tools .go-top i {

+    color: #999999;

+}

+

+/***

+Footer Layouts (new in v1.3)

+***/

+/* begin:fixed footer */

+.page-footer-fixed .footer {

+    background-color: #434343;

+}

+

+.page-footer-fixed .footer .footer-inner {

+    color: #aaaaaa;

+}

+

+.page-footer-fixed .footer .footer-tools .go-top {

+    background-color: #666666;

+}

+

+.page-footer-fixed .footer .footer-tools .go-top i {

+    color: #aaaaaa;

+}

+

+/* end:fixed footer */

+/***

+Gritter Notifications 

+***/

+.gritter-top {

+    background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -30px !important;

+}

+

+.gritter-bottom {

+    background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left bottom !important;

+}

+

+.gritter-item {

+    display: block;

+    background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -40px !important;

+}

+

+.gritter-close {

+    background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left top !important;

+}

+

+.gritter-title {

+    text-shadow: none !important;

+    /* Not supported by IE :( */

+

+}

+

+/* for the light (white) version of the gritter notice */

+.gritter-light .gritter-item,

+.gritter-light .gritter-bottom,

+.gritter-light .gritter-top,

+.gritter-light .gritter-close {

+    background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;

+}

+

+.gritter-item-wrapper a {

+    color: #18a5ed;

+}

+

+.gritter-item-wrapper a:hover {

+    color: #0b6694;

+}

+

+/* begin: boxed page */

+@media (min-width: 992px) {

+    .page-boxed {

+        background-color: #E8E8E8 !important;

+    }

+

+    .page-boxed .page-container {

+        background-color: #f5f5f5;

+        border-left: 1px solid #e2e2e2;

+        border-bottom: 1px solid #e2e2e2;

+    }

+

+    .page-sidebar-reversed.page-boxed .page-container {

+        border-left: 0;

+        border-right: 1px solid #e2e2e2;

+    }

+

+    .page-boxed.page-sidebar-fixed .page-container {

+        border-left: 0;

+        border-bottom: 0;

+    }

+

+    .page-boxed.page-sidebar-fixed .page-sidebar {

+        border-left: 1px solid #e2e2e2;

+    }

+

+    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {

+        border-right: 1px solid #e2e2e2;

+        border-left: 0;

+    }

+

+    .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {

+        background-color: #E8E8E8 !important;

+    }

+

+    .page-sidebar-closed .page-sidebar-menu > li > a {

+        margin-left: 0;

+        margin-right: 0;

+    }

+}

+

+/* end: boxed page */

+/***

+Landscape phone to portrait tablet

+***/

+@media (max-width: 991px) {

+    /***

+    page sidebar

+    ***/

+    .page-sidebar-closed .page-sidebar-menu > li > a {

+        margin-left: 0;

+        margin-right: 0;

+    }

+

+    .page-sidebar {

+        background-color: #f1f1f1 !important;

+        border-right: none !important;

+    }

+

+    .page-sidebar-fixed .page-sidebar {

+        border-right: none !important;

+    }

+

+    .page-content {

+        border-left: none !important;

+    }

+

+    ul.page-sidebar-menu > li > a {

+        border-top: 1px solid #ececec !important;

+        border-bottom: 1px solid #cccccc !important;

+    }

+

+    /* ul.page-sidebar-menu > li:last-child > a {

+       border-bottom: 0 !important;

+     }*/

+    ul.page-sidebar-menu > li.open > a, {

+        color: #666666 !important;

+        background-color: #e0e0e0 !important;

+    }

+

+    /*ul.page-sidebar-menu > li > a:hover {

+      color: #666666 !important;

+      background-color: #e7e7e7 !important;

+    }*/

+    ul.page-sidebar-menu > li.open > a {

+        border-bottom-color: transparent !important;

+    }

+

+    /* ul.page-sidebar-menu > li.active > a {

+       color: #ffffff !important;

+       background-color: #28b779 !important;

+     }*/

+    /*ul.page-sidebar-menu ul.sub-menu > li > a {

+      color: #111 !important;

+    }*/

+    /*ul.page-sidebar-menu ul.sub-menu > li.active > a{

+        color: #000 !important;

+        background: #dbe6ea !important; */

+}

+

+/* ul.page-sidebar-menu ul.sub-menu > li.open > a,

+   ul.page-sidebar-menu ul.sub-menu > li > a:hover {

+   color: #000 !important;

+   background: #e7e7e7 !important;

+ }*/

+

+.page-sidebar .sidebar-search input {

+    background-color: #f1f1f1 !important;

+    color: #ccc !important;

+}

+

+.page-sidebar .sidebar-search .input-box {

+    border-bottom-color: #ccc !important;

+}

+

+.page-sidebar .sidebar-search input::-webkit-input-placeholder {

+    color: #ccc !important;

+}

+

+.page-sidebar .sidebar-search input:-moz-placeholder {

+    color: #ccc !important;

+}

+

+.page-sidebar .sidebar-search input:-ms-input-placeholder {

+    color: #ccc !important;

+}

+

+/***

+page footer

+***/

+

+.footer {

+    background-color: #434343;

+}

+

+.footer .footer-inner {

+    color: #cccccc;

+}

+

+.footer .footer-tools .go-top {

+    background-color: #666666;

+}

+

+.footer .footer-tools .go-top i {

+    color: #999999;

+}

+

+    }

+

+@media (max-width: 767px) {

+    body {

+        background-color: #333333 !important;

+    }

 }
\ No newline at end of file
diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight4_ifrm.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight4_ifrm.css
index a4b26729..45ce4810 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight4_ifrm.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight4_ifrm.css
@@ -1,209 +1,209 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-ztebluelight4_ifrm theme
-***/
-body{
-	background-color: white!important;
-}
-td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-/* button style*/
-.buttonRounded,
-.buttonRoundedOver,
-.buttonRoundedFocused,
-.buttonRoundedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown,
-.buttonRoundedSelected,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedDown,
-.buttonRoundedSelectedFocusedDown,
-.buttonRoundedSelectedOver,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDisabled,
-.buttonRoundedSelectedDisabled {
-  background-color: #47a080;
-  color: #fff;
-  border: 0px solid #b15a59;
-  border-radius: 0px;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  /*padding: 0 3px;*/
-  padding-left:7px !important;
-  padding-right:7px !important;
-  height:30px !important;
-}
-.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-.buttonRoundedOver,
-.buttonRoundedFocusedOver,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown {
-  background-color: #3f9375;
-  height:30px !important;
-}
-
-.menuButton,
-.menuButtonOver,
-.menuButtonDown,
-.menuButtonDisabled,
-.menuButtonFocused,
-.menuButtonFocusedDown,
-.menuButtonFocusedOver,
-.menuButtonSelected,
-.menuButtonSelectedDown,
-.menuButtonSelectedOver,
-.menuButtonSelectedDisabled {
-  background-color: #47a080;
-  border: 0px solid #ababab;
-  color: #fff;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  padding-left: 7px !important;
-  padding-right: 7px !important;
-  height:30px !important;
-}
-.menuButtonOver {
-  background-color: #3f9375;
- }
-.menuButtonDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
- .buttonTitle,
-.buttonTitleOver,
-.buttonTitleDown,
-.buttonTitleSelected,
-.buttonTitleFocused,
-.buttonTitleSelectedFocused,
-.buttonTitleSelectedOver,
-.buttonTitleFocusedOver,
-.buttonTitleSelectedFocusedOver,
-.buttonTitleSelectedDown,
-.buttonTitleFocusedDown,
-.buttonTitleSelectedFocusedDown,
-.buttonTitleDisabled,
-.buttonTitleSelectedDisabled {
-  color: #fff ;
-  }
-  .buttonTitleDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-   /* windowBody dialogBody Style */
- .windowBody,
-.dialogBody {
-  background-color: white;
-  border: 1px solid #47a080;
-  border-top: 0;
-}
-.windowHeader,
-.dialogHeader {
-  background-color: #47a080;
-  padding: 0;
-}
-/* sectionHeader Style */
-.sectionHeaderopened {
-  background-color: #47a080;
-  }
-  .sectionHeaderclosed {
-  background-color: #4ca887;
-  }
-
-#dt_example h1{
-color:#47a080;
-font-weight:600 !important;
-}
-  /*cell style*/
-.tallCellOver,
-.tallCellOverDark {
-  background-color: #d7eae3;
-  border-bottom: 1px solid #d7eae3;
-  border-top: 1px  solid #d7eae3;
-  }
-.tallCellSelected,
-.tallCellSelectedDark {
-  background: #c7e5da;
-  border-bottom: 1px solid #c7e5da;
-  border-top: 1px  solid #c7e5da;
-  }
-.tallCellSelectedOver,
-.tallCellSelectedOverDark {
-  background: #c7e5da;
-  border-bottom: 1px solid #c7e5da;
-  border-top: 1px  solid #c7e5da;
-  }
-.imgHeaderButtonOver,
-.imgHeaderButtonDown,
-.headerButtonOver,
-.headerButtonDown,
-.sorterButtonOver,
-.sorterButtonDown {
-  background-color: #a2cfbf;
-  }
-.cellSelected,
-.cellSelectedDark,
-.specialColSelected,
-.recordSummaryCellSelected,
-.recordSummaryCellSelectedDark {
-  background: #c7e5da !important;
- border-bottom: 1px solid #c7e5da;
-  border-top: 1px solid #c7e5da;
-  }
-.cellSelectedOver,
-.cellSelectedOverDark,
-.specialColSelectedOver,
-.recordSummaryCellSelectedOver,
-.recordSummaryCellSelectedOverDark {
-  background: #c7e5da !important;
-   border-bottom: 1px solid #c7e5da;
-  border-top: 1px solid #c7e5da;
-}
-.cellOver,
-.cellOverDark,
-.specialColOver,
-.recordSummaryCellOver,
-.recordSummaryCellOverDark {
-  background: #d7eae3 !important;
-  border-bottom: 1px solid #d7eae3;
-  border-top: 1px solid #d7eae3;
-  }
-.treeCellOver,
-.treeCellOverDark {
-  background-color: #d7eae3; 
-}      
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+ztebluelight4_ifrm theme

+***/

+body{

+	background-color: white!important;

+}

+td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+/* button style*/

+.buttonRounded,

+.buttonRoundedOver,

+.buttonRoundedFocused,

+.buttonRoundedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown,

+.buttonRoundedSelected,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedDown,

+.buttonRoundedSelectedFocusedDown,

+.buttonRoundedSelectedOver,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDisabled,

+.buttonRoundedSelectedDisabled {

+  background-color: #47a080;

+  color: #fff;

+  border: 0px solid #b15a59;

+  border-radius: 0px;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  /*padding: 0 3px;*/

+  padding-left:7px !important;

+  padding-right:7px !important;

+  height:30px !important;

+}

+.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+.buttonRoundedOver,

+.buttonRoundedFocusedOver,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown {

+  background-color: #3f9375;

+  height:30px !important;

+}

+

+.menuButton,

+.menuButtonOver,

+.menuButtonDown,

+.menuButtonDisabled,

+.menuButtonFocused,

+.menuButtonFocusedDown,

+.menuButtonFocusedOver,

+.menuButtonSelected,

+.menuButtonSelectedDown,

+.menuButtonSelectedOver,

+.menuButtonSelectedDisabled {

+  background-color: #47a080;

+  border: 0px solid #ababab;

+  color: #fff;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  padding-left: 7px !important;

+  padding-right: 7px !important;

+  height:30px !important;

+}

+.menuButtonOver {

+  background-color: #3f9375;

+ }

+.menuButtonDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+ .buttonTitle,

+.buttonTitleOver,

+.buttonTitleDown,

+.buttonTitleSelected,

+.buttonTitleFocused,

+.buttonTitleSelectedFocused,

+.buttonTitleSelectedOver,

+.buttonTitleFocusedOver,

+.buttonTitleSelectedFocusedOver,

+.buttonTitleSelectedDown,

+.buttonTitleFocusedDown,

+.buttonTitleSelectedFocusedDown,

+.buttonTitleDisabled,

+.buttonTitleSelectedDisabled {

+  color: #fff ;

+  }

+  .buttonTitleDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+   /* windowBody dialogBody Style */

+ .windowBody,

+.dialogBody {

+  background-color: white;

+  border: 1px solid #47a080;

+  border-top: 0;

+}

+.windowHeader,

+.dialogHeader {

+  background-color: #47a080;

+  padding: 0;

+}

+/* sectionHeader Style */

+.sectionHeaderopened {

+  background-color: #47a080;

+  }

+  .sectionHeaderclosed {

+  background-color: #4ca887;

+  }

+

+#dt_example h1{

+color:#47a080;

+font-weight:600 !important;

+}

+  /*cell style*/

+.tallCellOver,

+.tallCellOverDark {

+  background-color: #d7eae3;

+  border-bottom: 1px solid #d7eae3;

+  border-top: 1px  solid #d7eae3;

+  }

+.tallCellSelected,

+.tallCellSelectedDark {

+  background: #c7e5da;

+  border-bottom: 1px solid #c7e5da;

+  border-top: 1px  solid #c7e5da;

+  }

+.tallCellSelectedOver,

+.tallCellSelectedOverDark {

+  background: #c7e5da;

+  border-bottom: 1px solid #c7e5da;

+  border-top: 1px  solid #c7e5da;

+  }

+.imgHeaderButtonOver,

+.imgHeaderButtonDown,

+.headerButtonOver,

+.headerButtonDown,

+.sorterButtonOver,

+.sorterButtonDown {

+  background-color: #a2cfbf;

+  }

+.cellSelected,

+.cellSelectedDark,

+.specialColSelected,

+.recordSummaryCellSelected,

+.recordSummaryCellSelectedDark {

+  background: #c7e5da !important;

+ border-bottom: 1px solid #c7e5da;

+  border-top: 1px solid #c7e5da;

+  }

+.cellSelectedOver,

+.cellSelectedOverDark,

+.specialColSelectedOver,

+.recordSummaryCellSelectedOver,

+.recordSummaryCellSelectedOverDark {

+  background: #c7e5da !important;

+   border-bottom: 1px solid #c7e5da;

+  border-top: 1px solid #c7e5da;

+}

+.cellOver,

+.cellOverDark,

+.specialColOver,

+.recordSummaryCellOver,

+.recordSummaryCellOverDark {

+  background: #d7eae3 !important;

+  border-bottom: 1px solid #d7eae3;

+  border-top: 1px solid #d7eae3;

+  }

+.treeCellOver,

+.treeCellOverDark {

+  background-color: #d7eae3; 

+}      

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight_ifrm.css b/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight_ifrm.css
index d3d4f208..69f77864 100644
--- a/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight_ifrm.css
+++ b/openo-portal/portal-common/src/main/webapp/common/css/themes/ztebluelight_ifrm.css
@@ -1,228 +1,228 @@
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-ztebluelight_ifrm  theme
-***/
-body{
-	background-color: white!important;
-}
-td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-
-/* button style*/
-.buttonRounded,
-.buttonRoundedOver,
-.buttonRoundedFocused,
-.buttonRoundedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown,
-.buttonRoundedSelected,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedDown,
-.buttonRoundedSelectedFocusedDown,
-.buttonRoundedSelectedOver,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDisabled,
-.buttonRoundedSelectedDisabled {
-  background-color: #3366cc ;
-  color: #fff;
-  border: 0px solid #b15a59;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  /*padding: 0 3px;*/
-  padding-left:7px !important;
-  padding-right:7px !important;
-  height:30px !important;
-}
-.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-.buttonRoundedOver,
-.buttonRoundedFocusedOver,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedFocusedOver ,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown{
-  background-color: #6997f5;
-  height:30px !important;
-}
-
-.menuButton,
-.menuButtonOver,
-.menuButtonDown,
-.menuButtonDisabled,
-.menuButtonFocused,
-.menuButtonFocusedDown,
-.menuButtonFocusedOver,
-.menuButtonSelected,
-.menuButtonSelectedDown,
-.menuButtonSelectedOver,
-.menuButtonSelectedDisabled {
-  background-color: #3366cc;
-  border: 0px solid #ababab;
-  color: #fff;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  padding-left: 7px !important;
-  padding-right: 7px !important;
-  height:30px !important;
-}
-.menuButtonOver {
-  background-color: #6997f5;
- }
-.menuButtonDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
- .buttonTitle,
-.buttonTitleOver,
-.buttonTitleDown,
-.buttonTitleSelected,
-.buttonTitleFocused,
-.buttonTitleSelectedFocused,
-.buttonTitleSelectedOver,
-.buttonTitleFocusedOver,
-.buttonTitleSelectedFocusedOver,
-.buttonTitleSelectedDown,
-.buttonTitleFocusedDown,
-.buttonTitleSelectedFocusedDown,
-.buttonTitleDisabled,
-.buttonTitleSelectedDisabled {
-  color: #fff ;
-  }
-.buttonTitleDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
- /* windowBody dialogBody Style */
- .windowBody,
-.dialogBody {
-  background-color: white;
-  border: 1px solid #b4cef8;
-  border-top: 0;
-}
-.windowHeader,
-.dialogHeader {
-  background-color: #3366cc;
-  padding: 0;
-}
-/* sectionHeader Style */
-.sectionHeaderopened {
-  background-color: #3366cc;
-  }
-  .sectionHeaderclosed {
-  background-color: #619bfa;
-  }
-
-#dt_example h1{
-color:#3366cc;
-font-weight:600 !important;
-}
-/*cell style*/
-.tallCellOver,
-.tallCellOverDark {
-  background-color: #ffede4;
-  border-bottom: 1px solid #ffede4;
-  border-top: 1px  solid #ffede4;
-  }
-.tallCellSelected,
-.tallCellSelectedDark {
-  background: #f8dddd;
-  border-bottom: 1px solid #f8dddd;
-  border-top: 1px  solid #f8dddd;
-  }
-.tallCellSelectedOver,
-.tallCellSelectedOverDark {
-  background: #f8dddd;
-  border-bottom: 1px solid #f8dddd;
-  border-top: 1px  solid #f8dddd;
-  }
-.imgHeaderButtonOver,
-.imgHeaderButtonDown,
-.headerButtonOver,
-.headerButtonDown,
-.sorterButtonOver,
-.sorterButtonDown {
-  background-color: #c4d7e2;
-}
-.cellSelected,
-.cellSelectedDark,
-.specialColSelected,
-.recordSummaryCellSelected,
-.recordSummaryCellSelectedDark {
-  background: #f8dddd !important;
- border-bottom: 1px solid #f8dddd;
-  border-top: 1px solid #f8dddd;
-  }
-.cellSelectedOver,
-.cellSelectedOverDark,
-.specialColSelectedOver,
-.recordSummaryCellSelectedOver,
-.recordSummaryCellSelectedOverDark {
-  background: #f8dddd !important;
-   border-bottom: 1px solid #f8dddd;
-  border-top: 1px solid #f8dddd;
-}
-.cellOver,
-.cellOverDark,
-.specialColOver,
-.recordSummaryCellOver,
-.recordSummaryCellOverDark {
-  background: #ffede4 !important;
-  border-bottom: 1px solid #ffede4;
-  border-top: 1px solid #ffede4;
-  }
-.treeCellOver,
-.treeCellOverDark {
-  background-color: #ffede4; 
-}
-/*日志管理的蓝色大圆角筛选按�?/    
-.blue {
-    background-color: #fff;   
-	color:#1991c5;	
-}
-.blue:hover {
-    background-color: #e8f3fd;
-	color:#3366cc;
-}
-.blue.selected{
-    border:0;
-    background-color: #3366cc;
-    color:#fff;
-}
-.blue.selected:hover{
-    border:0;
-    background-color: #3366cc;
-    color:#fff;
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+/***

+ztebluelight_ifrm  theme

+***/

+body{

+	background-color: white!important;

+}

+td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{

+color:#7083ba;

+font-size: 16px;

+}

+

+/* button style*/

+.buttonRounded,

+.buttonRoundedOver,

+.buttonRoundedFocused,

+.buttonRoundedFocusedOver,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown,

+.buttonRoundedSelected,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedDown,

+.buttonRoundedSelectedFocusedDown,

+.buttonRoundedSelectedOver,

+.buttonRoundedSelectedFocusedOver,

+.buttonRoundedDisabled,

+.buttonRoundedSelectedDisabled {

+  background-color: #3366cc ;

+  color: #fff;

+  border: 0px solid #b15a59;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  /*padding: 0 3px;*/

+  padding-left:7px !important;

+  padding-right:7px !important;

+  height:30px !important;

+}

+.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+.buttonRoundedOver,

+.buttonRoundedFocusedOver,

+.buttonRoundedSelectedFocused,

+.buttonRoundedSelectedFocusedOver ,

+.buttonRoundedDown,

+.buttonRoundedFocusedDown{

+  background-color: #6997f5;

+  height:30px !important;

+}

+

+.menuButton,

+.menuButtonOver,

+.menuButtonDown,

+.menuButtonDisabled,

+.menuButtonFocused,

+.menuButtonFocusedDown,

+.menuButtonFocusedOver,

+.menuButtonSelected,

+.menuButtonSelectedDown,

+.menuButtonSelectedOver,

+.menuButtonSelectedDisabled {

+  background-color: #3366cc;

+  border: 0px solid #ababab;

+  color: #fff;

+  font-family: Arial, Verdana, sans-serif;

+  font-size: 12px;

+  padding-left: 7px !important;

+  padding-right: 7px !important;

+  height:30px !important;

+}

+.menuButtonOver {

+  background-color: #6997f5;

+ }

+.menuButtonDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+ .buttonTitle,

+.buttonTitleOver,

+.buttonTitleDown,

+.buttonTitleSelected,

+.buttonTitleFocused,

+.buttonTitleSelectedFocused,

+.buttonTitleSelectedOver,

+.buttonTitleFocusedOver,

+.buttonTitleSelectedFocusedOver,

+.buttonTitleSelectedDown,

+.buttonTitleFocusedDown,

+.buttonTitleSelectedFocusedDown,

+.buttonTitleDisabled,

+.buttonTitleSelectedDisabled {

+  color: #fff ;

+  }

+.buttonTitleDisabled{

+  background-color: #f0f0f0;

+  color: #dadada;

+  opacity: 1;

+}

+ /* windowBody dialogBody Style */

+ .windowBody,

+.dialogBody {

+  background-color: white;

+  border: 1px solid #b4cef8;

+  border-top: 0;

+}

+.windowHeader,

+.dialogHeader {

+  background-color: #3366cc;

+  padding: 0;

+}

+/* sectionHeader Style */

+.sectionHeaderopened {

+  background-color: #3366cc;

+  }

+  .sectionHeaderclosed {

+  background-color: #619bfa;

+  }

+

+#dt_example h1{

+color:#3366cc;

+font-weight:600 !important;

+}

+/*cell style*/

+.tallCellOver,

+.tallCellOverDark {

+  background-color: #ffede4;

+  border-bottom: 1px solid #ffede4;

+  border-top: 1px  solid #ffede4;

+  }

+.tallCellSelected,

+.tallCellSelectedDark {

+  background: #f8dddd;

+  border-bottom: 1px solid #f8dddd;

+  border-top: 1px  solid #f8dddd;

+  }

+.tallCellSelectedOver,

+.tallCellSelectedOverDark {

+  background: #f8dddd;

+  border-bottom: 1px solid #f8dddd;

+  border-top: 1px  solid #f8dddd;

+  }

+.imgHeaderButtonOver,

+.imgHeaderButtonDown,

+.headerButtonOver,

+.headerButtonDown,

+.sorterButtonOver,

+.sorterButtonDown {

+  background-color: #c4d7e2;

+}

+.cellSelected,

+.cellSelectedDark,

+.specialColSelected,

+.recordSummaryCellSelected,

+.recordSummaryCellSelectedDark {

+  background: #f8dddd !important;

+ border-bottom: 1px solid #f8dddd;

+  border-top: 1px solid #f8dddd;

+  }

+.cellSelectedOver,

+.cellSelectedOverDark,

+.specialColSelectedOver,

+.recordSummaryCellSelectedOver,

+.recordSummaryCellSelectedOverDark {

+  background: #f8dddd !important;

+   border-bottom: 1px solid #f8dddd;

+  border-top: 1px solid #f8dddd;

+}

+.cellOver,

+.cellOverDark,

+.specialColOver,

+.recordSummaryCellOver,

+.recordSummaryCellOverDark {

+  background: #ffede4 !important;

+  border-bottom: 1px solid #ffede4;

+  border-top: 1px solid #ffede4;

+  }

+.treeCellOver,

+.treeCellOverDark {

+  background-color: #ffede4; 

+}

+/*日志管理的蓝色大圆角筛选按�?/    

+.blue {

+    background-color: #fff;   

+	color:#1991c5;	

+}

+.blue:hover {

+    background-color: #e8f3fd;

+	color:#3366cc;

+}

+.blue.selected{

+    border:0;

+    background-color: #3366cc;

+    color:#fff;

+}

+.blue.selected:hover{

+    border:0;

+    background-color: #3366cc;

+    color:#fff;

 }
\ No newline at end of file