/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/
		.dataTables_filter {
    white-space:nowrap;
}

.dataTables_filter label, .dataTables_filter input {
    display: inline-block;
	height:2rem;
}
	
		div.dataTables_length label {
	float: left;
	text-align: left;
	 display: inline-block;
}

div.dataTables_length select {
	width: 75px;
	
	height:25px;
	display: inline-block;
}
		
		
  /* Icon when the collapsible content is shown */
  .btn:after {
    font-family: "Glyphicons Halflings";
    content: "\e114";
    float: right;
    margin-left: 15px;
  }
  /* Icon when the collapsible content is hidden */
  .btn.collapsed:after {
    content: "\e080";
  }
#test1 {
style:"overflow:auto";
}
thead {
    background-color: #607D8B;
    color: white;
} 
#main {
width:100%;

font-family:raleway;
text-align:center;

}
span {
font-size:18px;
}
Label {
color:#1200ff;
font-size:15px;
}

hr {
border:0;
border-bottom:1px solid #ccc;
margin:10px -40px;
margin-bottom:30px
}
#login {
width:20%;
float:left;
border-radius:10px;
font-family:raleway;

padding:10px 40px 25px;
margin-top:70px;
margin-left : 5%;
}
input[type=input] {
height:1rem;

}
.row {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}
 

input[type=submit] {

 -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:15px;font-family:arial, helvetica, sans-serif; padding: 10px 20px 10px 20px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #49c0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#9E9E9E), to(#9E9E9E));
 background-image: -webkit-linear-gradient(top, #9E9E9E, #9E9E9E);
 background-image: -moz-linear-gradient(top, #9E9E9E, #9E9E9E);
 background-image: -ms-linear-gradient(top, #9E9E9E, #9E9E9E);
 background-image: -o-linear-gradient(top, #9E9E9E, #9E9E9E);
 background-image: linear-gradient(to bottom, #9E9E9E, #9E9E9E);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#9E9E9E, endColorstr=#9E9E9E);
}
input[type=submit]:hover{
border:1px solid #1090c3;
 background-color: #1ab0ec; background-image: -webkit-gradient(linear, left top, left bottom, from(#1ab0ec), to(#1a92c2));
 background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -moz-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -ms-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -o-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1ab0ec, endColorstr=#1a92c2);
}

#profile {
padding:50px;
border:1px dashed grey;
font-size:20px;
background-color:#DCE6F7
}
#logout {
float:right;
padding:5px;
border:dashed 1px gray
}
a {
text-decoration:none;
color:#6495ed;
}
i {
color:#6495ed;
}
.tab {
font-size: 12px;
border-radius: 22px;
background: #9e9e9e85; /* Old browsers */
background: -moz-linear-gradient(top,  #9e9e9e85 0%,#9e9e9e1f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #9e9e9e85 0%,#9e9e9e1f 100%);/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #9e9e9e85 0%,#9e9e9e1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

	.dataTables_filter {
    white-space:nowrap;
}

.dataTables_filter label, .dataTables_filter input {
    display: inline-block;
	height:2rem;
}
	
		div.dataTables_length label {
	float: left;
	text-align: left;
	 display: inline-block;
}

div.dataTables_length select {
	width: 75px;
	
	height:25px;
	display: inline-block;
}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
z-index: 50;
    position: fixed;
margin-top : 10%;
margin-left : 50%;
  }
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}