/*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*/

.user-panel {
    background: white;
    /*border: 1px solid gray;*/
    margin-top: -52px;
}
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: 0.5em;
    margin-left: 2px;

}
.treeview-menu>li:hover,.treeview-menu>li>a:hover{
	background: #009688;
	border-radius: 0.5em;
	color:white;
  text-decoration: none;
	}
	
	.treeview>a:hover{
		background-color: #009688;
		color:white;
    text-decoration: none;
	}
	
.navbar-custom-menu>.navbar-nav>li {
    position: relative;
    text-align: center;
   margin-left: 251px;
}
#mainNavMenu  li a:link.changeColor {
  background-color:rgb(0, 150, 136);
  color: white;
  text-decoration: none;
}

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;
}
li.treeview{

}
.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;
}



/*Configuration Form*/
* {
  box-sizing: border-box;
  font-family: "Merriweather Sans", sans-serif;
}
body {
  background-color: #b0dbee;
}
body #form {
  color: white;
  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 button {
  width: 100%;
  text-align: center;
  color: grey;
  margin-top: 20px;
  border: 1px solid rgba(0, 0, 0, 0.4);
}
body #form .form-group {
  margin: 15px auto;
}
body #form .form-group label {
  font-weight: bold;
  font-size: 0.9em;
}
body #form .form-group .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: 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: #009edf;
}
body #form .form-group input {
  padding: 3px;
  width: 100%;
  border: none;
  border-radius: 0 5px 5px 0;
}