@charset "utf-8";
/* CSS Document */

.dashboardcomplaintview{
	
	
	width: 120%;
	margin: 0px auto;
	padding: 10px;
	border: 1px solid black;
	background: white;
	border-radius: 0px 0px 10px 10px;
	font-family: calibri;
	font-size: 16px;
	
}

.viewcol{
	
	width: 1%;
	margin: 0px auto;
	padding: 10px;
	border: 1px solid black;
	background: white;
	border-radius: 10px 10px 10px 10px;
	font-family: arial;
	font-size: 14px;
}


.viewcol1{
	
	width: 10%;
	margin: 0px auto;
	padding: 10px;
	border: 1px solid black;
	background: white;
	border-radius: 10px 10px 10px 10px;
	font-family: arial;
	font-size: 14px;
	
}



.viewcolpic{
	
	width: 20%;
	margin: 0px auto;
	padding: 10px;
	border: 1px solid black;
	background: white;
	border-radius: 10px 10px 10px 10px;
	font-family: arial;
	font-size: 14px;
	
}


.viewcol2{
	width: 10%;
	margin: 0px auto;
	padding: 10px;
	border: 1px solid black;
	background: white;
	border-radius: 10px 10px 10px 10px;
	font-family: arial;
	font-size: 14px;
}

.viewcol3{
	width: 60%;
	margin: 0px auto;
	padding: 10px;
	border: 1px solid black;
	background: white;
	border-radius: 10px 10px 10px 10px;
	font-family: arial;
	font-size: 14px;
}


.viewcol4{
	width: 10%;
	margin: 0px auto;
	padding: 10px;
	border: 1px solid black;
	background: white;
	border-radius: 10px 10px 10px 10px;
	font-family: arial;
	font-size: 14px;
}



*{

	margin: 0px;
	padding: 0px;

}

body{

	font-size: 120%;
	background: white;
	background: url(images/gaussian.jpg);
	background-size: auto;
	font-family: 'Raleway', sans-serif;

}

.header{

	width: 30%;
	margin: 40px auto 0px;
	color: white;
	background: #45484c;
	text-align: center;
	border: 1px solid black;
	border-bottom: none;
	border-radius: 10px 10px 0px 0px;
	padding: 10px; 
	font-style: italic;
}

.input-group{
	margin: 10px 0px 0px 0px;
}

.input-group label{
	display: block;
	text-align: left;
	margin: 3px;
}

.input-group input{
	height: 25px;
	width: 93%;
	padding: 5px 10px;
	font-size: 16px;
	border-radius: 5px;
	border:1px solid gray;
}

.btn {
  padding: 10px;
  font-size: 15px;
  color: white;
  background: #5F9EA0;
  border: none;
  border-radius: 5px;
  width: 100%;
 }

.formregister{
	width: 30%;
	margin: 0px auto;
	padding: 10px;
	border: 1px solid black;
	background: white;
	border-radius: 0px 0px 10px 10px;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
}

#nav1{
	width: 120%;
	height: 70px;
	line-height: 70px;
	background: #232426;
}

#nav1 h1{
	float: left;
	font-size: 2.5em;
	margin-left: 15px;
}

#nav1 h1{
	float: left;
	font-size: 1.5em;
	margin-left: 15px;
}
#nav1 h1 a{
	text-decoration: none;
	color: yellow;
}
#nav1 ul{
	float: right;
	margin-right: 15px;
}
#nav1 ul li{
	display: inline-block;
	list-style-type: none;
	font-size: 15px;

}
#nav1 ul li a{
	text-decoration:none;
	color: white;
	padding: 20px;
}
#nav1 ul li:hover{
	background: #45484c;
	transition: all ease-in-out 0.45;
}

#active{
	background: #45484c;
}

 #footer{
 	width: 100%;
 	height: 150px;
 	background:url(images/gaussian.jpg);
 	background-size: cover;
 	line-height: 150px;
 }
 #footer h2{
 	color: white;
 	float: right;
 	margin-right: 20px;
 	font-weight: 200;
 	font-size: 15px;
 }

 .complaintform{

 	width: 30%;
	margin: 0px auto;
	padding: 10px;
	border: 1px solid black;
	background: white;
	border-radius: 0px 0px 10px 10px;
	font-family: calibri;
	font-size: 16px;

 }

h1{
height: 12px;
color : white;
}

.greet{
color: white;
text-align: center;
}




