.user-panel { background: white; /*border: 1px solid gray;*/ } section.sidebar { height: 100vh; background: #c1cbd0; } nav.navbar.navbar-static-top { background: #3c8dbc; } .main-header .logo { background: #367fa9; } a.sidebar-toggle { color: white; } ul.treeview-menu { background: #4c5857; border-radius: 0em; margin-left: 12px; margin-right: 10px; } a.collapse-item { color: #2ebfaa; } .treeview-menu>li { margin: 0; height: 32px; width: 194px; /*background: white;*/ margin-top: 3px; border-radius: 7.5; margin-left: 2px; } .treeview-menu>li:hover,.treeview-menu>li>a:hover{ background: #009688; border-radius: 0.5em; color:white; } /*.active{ color: white; }*/ .treeview>a:hover{ background-color: #009688; color:white; } nav.main_menu>ul>li.active > a > span, .treeview-menu>ul>li.active > a > i, nav.main_menu > ul > li:hover > a > span, nav.main_menu > ul > li:hover > a > i { color: red; } a { color: #1d969e; } .navbar-custom-menu>.navbar-nav>li { position: relative; text-align: center; margin-left: 251px; } a.active,#mainNavMenu li a:link.changeColor { background-color:rgb(0, 150, 136); color: white; } /*start ST*/ td.details-control { background: url('resources/details_open.png') no-repeat center center; cursor: pointer; } tr.shown td.details-control { background: url('resources/details_close.png') no-repeat center center; } #example tbody tr:hover { background-color: cadetblue; cursor: pointer; } #example tr:hover td.sorting_1 { background-color: cadetblue; cursor: pointer; } #example th { background-color: #009688; } #vehicle tbody tr:hover { background-color: cadetblue; cursor: pointer; } #vehicle tr:hover td.sorting_1 { background-color: cadetblue; cursor: pointer; } #vehicle th { background-color: #009688; } /*end ST*/