Forward_Station_Server/dist/css/style.css

/*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*/
/*Configuration Form*/
* {
  box-sizing: border-box;
  font-family: "Merriweather Sans", sans-serif;
}
body {
  background-color: #b0dbee;
}
body #form {
  color: white;
  font-size:14px;
  background:#e8ea36;
  /*background-color: #009edf;*/
  border-radius: 5px;
  /*width: 400px;*/
  padding: 40px;
  /*margin: 150px auto;*/
  -webkit-box-shadow: -1px 3px 18px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 3px 18px 0px rgba(0, 0, 0, 0.75);
  box-shadow: -1px 3px 18px 0px rgba(0, 0, 0, 0.75);
}
body #form p {
  font-size: 0.9em;
}

body #form .form-group label {
  font-weight: bold;
  font-size: 0.9em;
}
body #form  .input-group {
  border-radius: 5px;
  -webkit-box-shadow: -1px 3px 18px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: -1px 3px 18px 0px rgba(0, 0, 0, 0.35);
  box-shadow: -1px 3px 18px 0px rgba(0, 0, 0, 0.35);
}
body #form .form-group .input-group .input-group-addon {
  border: 1px none;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px 0 0 5px;
}
body #form .form-group .input-group input {
  padding-left: 10px;
}
body #form .form-group .input-group i {
  color: #21bbb6;
}

/* End Configuration Form*/

.user-panel {
    background: white;
    /*border: 1px solid gray;*/
    margin-top: -52px;
}
section.sidebar {
    height: 100vh;
    background: #c1cbd0;
    /*background: radial-gradient(#89ebfb, #00000094);*/
}
nav.navbar.navbar-static-top {
    /*background: #0f8882;*/
    /*background: #2465af;*/
    height: 56px;
    background:radial-gradient(#0da3bb, #04161fc2);
}
.main-header .logo {
    background: #367fa9;
}

a.sidebar-toggle {
    color: white;
}

ul.treeview-menu {
    /*background: #4c5857;*/
       /* background: radial-gradient(#89ebfb, #00000094);*/
    background: #fff;
    border-radius: 0.5em;
    margin-left: 12px;
    margin-right: 10px;
    /*margin-top:15px;*/
}


a.collapse-item {
    color: #2ebfaa;
    background-color: radial-gradient(black, transparent);
}
.treeview-menu>li {
    margin: 0;
    height: 32px;
    width: 194px;
    /*background: white;*/
   /* margin-top: 10px;*/
    border-radius: 0.5em;
    margin-left: 10px;

}
.treeview-menu>li:hover,.treeview-menu>li>a:hover{
	background: #009688;
	border-radius: 0.5em;
	color:white;
  text-decoration: none;
  width: 162px;
	}
	
	.treeview>a:hover,li.exit>a:hover{
		background-color: #009688;
		color:white;
    text-decoration: none;
	}
  li.exit a {
    text-decoration: none;
    color: #009688;
}
.navbar-custom-menu>.navbar-nav>li {
    position: relative;
    text-align: center;
   margin-left: 251px;
}
#mainSubMenu  li a:link.change,#mainSubMenu li a.change {
      background-color: rgb(0, 150, 136);
      width: 162px;
      color: white;
      border-radius: 0.5em;
      text-decoration: none;
      margin-top: 1px;
}
#mainNavMenu  li<a:link.changeColor{
    background-color: rgb(0, 150, 136);
      width: 230px;
      color: white;
      border-radius: 0.5em;
      text-decoration: none;
      margin-top: 1px;
}
li.treeview a{
  text-decoration: none;
  color:#009688;
}
li.active.treeview.menu-open>a {
    color: white;
}
.treeview{
  font-weight:bold;
}
 span.pull-right-container {
    position: absolute;
    right: 10px;
    top: 50%;
    /*margin-top: -20px;*/
    font-size: 20px;
}
li.user-header {
    background: #478ebb;
}
.mind:hover .main span{
  background-color: red;
  color:red;
}

.treeview-menu>li>a {
    padding: 5px 5px 5px 15px;
    display: block;
    font-size: 12px;
}
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.navbar-nav>.user-menu .user-image {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
}

a.dropdown-toggle.mind:hover,a.dropdown-toggle.mind:focus {
    background:grey;
    border-radius: 0.5em;
    color:red;
}
.circle{
  width:40px;
}
.sidebar-menu li>a>.pull-right-container {
    position: absolute;
    /* right: 10px; */
    top: 50%;
    margin-top: -14px;
}
aside.main-sidebar {
    position: fixed;
}
li.active >a {
     color: white; 
    background: #009688;
}