<style>
	.panel-heading {
	     background-color: #404040 !important;
	}
	.page-heading {
	     background-color: #404040 !important;
	     height: 40px;
	     padding:0
	}

	.container input[type="text"] {
		border-radius: 4px;
		border-width: 1px;
		border-style: inset;
	  	margin-bottom: -1px;
	  	width:35%;
	  	border-color: initial;
	}
	
	.container button[type="button"] {
		border-radius: 4px;

	}		
		
	td.details-control {
		text-align:center;
		color:#10206B;
		cursor: pointer;
	}
	
	tr.shown td.details-control {
	    text-align:center; 
	    color:#10206B;
	}
	
	div.dt-buttons {
		position: relative;
    	float: right;
	}

	td.details-control2 {
		text-align:center;
		color:#10206B;
		cursor: pointer;
	}
	
	tr.shown td.details-control2 {
	    text-align:center; 
	    color:#10206B;
	}
	
form.example input[type=text] {
  padding: 5px;
  font-size: 15px;
  border: 1px solid grey;
  margin-bottom: -1px;

  width: 60%;
  background: #ffffff;
  		border-radius: 0px;
	  	margin-bottom: 0px;
	  	
}

form.example button {

  width: 10%;
  padding: 5px;
  background: #10206B;
  color: white;
  font-size: 15px;
  border: 1px solid darkblue;
  border-left: none;
  cursor: pointer
  margin-bottom: -1px;
}

form.example button:hover {
  background: #000080;
}

form.example::after {
  content: "";
  clear: both;
  display: table;
}	

</style>