.body{
	background-image: url("../image/louver.jpg");
	background-size:100%;
	display:block;
	
	
}

body{
	background-image: url("../image/B5.jpg");
	max-width: 100%;
    height: auto;
}
.containt{
	padding-left:20px;
	padding-right:20px;
}

.icon-stack .glyphicon{
    font-size: 2em;
}

.iconbox .glyphicon{
	font-size:5em;
}

.iconbox .fa{
	font-size:5em;	
}

.iconbox{
	width:180px;
	height:180px;
	background-color:#ffbb33;
	margin-left:10px;
	margin-bottom:10px;
	text-align:center;
	padding-top:3em;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);	
}

h1 {
	line-height:1.2em;
	clear:both;
	color:black;
	margin-bottom:10px;
	font-weight: 700;
	}
	
/*******************
		Navbar
*******************/

.navbar{
	background-color:#292c2f;
	font-size:16px;
	font-weight: bold;
	color:  #ffffff;
	margin: 0 0 10px;
	padding: 0;
}

.logo{
	height:100px;
	width:150px;
	padding:20px;
}

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}

.navbar-fixed-top .nav {
   /* padding: 15px 0;*/
}

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}

@media(min-width:768px) {
    body {
        /*padding-top: 100px;*/ /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }

    .navbar-fixed-top .navbar-brand {
        /*padding: 15px 0;*/
    }
}



/*******************
	LOGIN FORM
*******************/

 .login-reg{
  width: 500px;
  margin: auto;
  padding: 10% 0 0;

}
.form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  width: 360px;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.login-pageform{
	background-color:white;
	padding-top:50px;
	padding-bottom:50px;
	padding-left:50px;
	padding-right:50px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

input[type=text] {
	background:none;
	background-color:#ffffff;
	width: 98%;
	margin-bottom: 15px;
	color: #656565;
	padding: 8px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	outline: none;
	font-weight: 400;
	transition:all .5s ease-in; 
    -o-transition:all .5s ease-in; 
    -moz-transition:all .5s ease-in; 
    -webkit-transition:all .5s ease-in;
	border:none;
	border:1px solid #e6e5e0;
	margin-top:10px;
	-webkit-appearance: none;
	border-radius: 0;
}



input[type=password] {
	background:none;
	background-color:#ffffff;
	width: 98%;
	margin-bottom: 15px;
	color: #656565;
	padding: 8px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	outline: none;
	font-weight: 400;
	transition:all .5s ease-in; 
    -o-transition:all .5s ease-in; 
    -moz-transition:all .5s ease-in; 
    -webkit-transition:all .5s ease-in;
	border:none;
	border:1px solid #e6e5e0;
	margin-top:10px;
	-webkit-appearance: none;
	border-radius: 0;
}

input[type=text]:focus {
	background:none;
	color:#656565;
	background-color:#ffffff;
	outline: none;
	border:none;
	border:1px solid #4285F4;
	-webkit-appearance: none;
	border-radius: 0;
	font-weight: 400;
	} 
	
input[type=password]:focus {
	background:none;
	color:#656565;
	background-color:#ffffff;
	outline: none;
	border:none;
	border:1px solid #4285F4;
	-webkit-appearance: none;
	border-radius: 0;
	font-weight: 400;
} 	

input[type=submit] {
	text-decoration: none;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	font-family: 'Open Sans',sans-serif;
	border: none;
	border-bottom: 3px solid #0d47a1;
	padding: 10px 30px 7px 34px;
	background: url("../img/mail.png") no-repeat scroll 19px 11px #4285F4;
	transition:all .5s ease-in; 
    -o-transition:all .5s ease-in; 
    -moz-transition:all .5s ease-in; 
    -webkit-transition:all .5s ease-in;
	text-transform:uppercase;
	}

input[type=submit]:hover {
	text-decoration: none;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	font-family: 'Open Sans',sans-serif;
	border: none;
	border-bottom: 3px solid #4285F4;
	padding: 10px 30px 7px 34px;
	background: url("../img/mail.png") no-repeat scroll 19px 11px #4B515D;
	text-transform:uppercase;
}

input[type=email] {
	background:none;
	background-color:#ffffff;
	width: 98%;
	margin-bottom: 15px;
	color: #656565;
	padding: 8px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	outline: none;
	font-weight: 400;
	transition:all .5s ease-in; 
    -o-transition:all .5s ease-in; 
    -moz-transition:all .5s ease-in; 
    -webkit-transition:all .5s ease-in;
	border:none;
	border:1px solid #e6e5e0;
	margin-top:10px;
	-webkit-appearance: none;
	border-radius: 0;
}

input[type=email]:focus {
	background:none;
	color:#656565;
	background-color:#ffffff;
	outline: none;
	border:none;
	border:1px solid #4285F4;
	-webkit-appearance: none;
	border-radius: 0;
	font-weight: 400;
	} 

input[type=number] {
	background:none;
	background-color:#ffffff;
	width: 98%;
	margin-bottom: 15px;
	color: #656565;
	padding: 8px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	outline: none;
	font-weight: 400;
	transition:all .5s ease-in; 
    -o-transition:all .5s ease-in; 
    -moz-transition:all .5s ease-in; 
    -webkit-transition:all .5s ease-in;
	border:none;
	border:1px solid #e6e5e0;
	margin-top:10px;
	-webkit-appearance: none;
	border-radius: 0;
}

input[type=number]:focus {
	background:none;
	color:#656565;
	background-color:#ffffff;
	outline: none;
	border:none;
	border:1px solid #4285F4;
	-webkit-appearance: none;
	border-radius: 0;
	font-weight: 400;
	} 
	
	
.Search{
	
	padding-left:15%;
	padding-right:15%;
}
	
	
/*******************
		Table
*******************/

.table {
    max-width: 100%;
	
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.element {
  .center-block();
}

.table-fill {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  margin: auto;
  max-width:600px;
  padding:5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}

th {
  color:white;
  background:#78909c;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  
  font-weight: 100;
  padding:24px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}


  
tr {
  border-top: 1px solid #C1C3D1;
  border-bottom-: 1px solid #C1C3D1;
  color:#666B85;
  
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
tr:hover td {
  background:rgba(0, 150, 136, 0.1);
  color:rgba(0, 0, 0, 0.7);
  border-top: 1px solid #22262e;
  border-bottom: 1px solid #22262e;
}
  
td {
  background:#FFFFFF;
  padding:20px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
}

td:last-child {
  border-right: 0px;
}

th.text-left {
  text-align: left;
}

th.text-center {
  text-align: center;
}

th.text-right {
  text-align: right;
}

td.text-left {
  text-align: left;
}

td.text-center {
  text-align: center;
}

td.text-right {
  text-align: right;
}

/* My Profile page Table css */
.table-feedback{
  width: 100%;
  max-width: 63%;
  margin-bottom: 20px;
}

.table{
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.panele-heading{
    background-color: #292c2f;
    border-color: #292c2f;
	color: white;
   
}
.panele-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.centered{
    float: none;
    margin: 0 auto;
}

/********************************
		Search Report Page
*********************************/

.box{
	width:300px;
	height:370px;
	margin-left:20px;
	margin-top:20px;
	background-color:#rgba(76, 175, 80, 0.3) ;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
	
}