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

* {
    box-sizing: border-box;
}
.gradient{
background: rgba(242,244,247,1);
background: -moz-linear-gradient(top, rgba(242,244,247,1) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 58%, rgba(226,231,235,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,244,247,1)), color-stop(51%, rgba(255,255,255,1)), color-stop(58%, rgba(255,255,255,1)), color-stop(100%, rgba(226,231,235,1)));
background: -webkit-linear-gradient(top, rgba(242,244,247,1) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 58%, rgba(226,231,235,1) 100%);
background: -o-linear-gradient(top, rgba(242,244,247,1) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 58%, rgba(226,231,235,1) 100%);
background: -ms-linear-gradient(top, rgba(242,244,247,1) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 58%, rgba(226,231,235,1) 100%);
background: linear-gradient(to bottom, rgba(242,244,247,1) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 58%, rgba(226,231,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f4f7', endColorstr='#e2e7eb', GradientType=0 );
}

img, object, embed, video {
	max-width: 100%; 
	vertical-align:middle;
}
.centered {
  position: fixed;
  left: 50%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}



body {
	font: 100%/1.4 Verdana,Arial,Helvetica, sans-serif;
	background-color: #fff;
	margin: 0;
	color: #2d2d2d;
	position: relative;
  
	min-height:650px;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}


a:link {
	color:#414958;
	text-decoration: none; 
}
a:visited {
	color: #4E5869;
	text-decoration: none;
}
a:hover, a:active, a:focus { 	text-decoration: none;
}

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 100%;
	min-width: 320px;
	background-color: #FFF;
	margin: 0 auto; 
}


.header {
	
	width:100%;
	margin-left: -15px;
	margin-right:-15px;	
	
}
#header ul li, dl ul li, #foot li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0 0.4em;
}

.innerhead {
    margin-bottom: 1.8em;
    margin-top: 1.8em;
    padding-top: 4px;
    border-bottom: #aed3ea 1px solid;
    height: 94px;
    box-shadow: #f603721a 0px 1px 8px;
    padding-left: 15px;
	border-radius:14px;
}
.spacer1{ padding-left:30px;}
.spacer2{ padding-left:15px;}
.m-btn{
 display:block;
 font-size:64px;
 line-height:44px;
 float:left;
 color:#036;
 font-weight:700; 	
}
.m-btn a:link{
	color:#00007D;
}

.m-btn a:hover{
	color:#8392A5;
}


.white-link a:link{
	color: #E7E8E9;
	}
.white-link a:hover{
	color: #fff;
	}

.content {
	width:100%;
	padding: 10px 0;
	background:#fff;
	
	
}
.content-box{
	
    width: 80%;
    margin: 20px auto 30px auto;
	height:auto;
	padding:20px;
	font-size:16px;
	
	
	}
	
.print-box{	
	display:inline-block;
	padding:5px 15px 5px 15px;
	border:#F5F5F5 solid 1px;
	font-size:14px;
	font-family: Tahoma, Geneva, sans-serif;
	line-height:1.7em;
	text-align: left;
}
#papper{ min-width:	800px;}

.message-box{
	background:#E7EAED;
	width:auto;
	height:auto;
	display:inline-block;
	padding: 30px;
	border:#CCC solid 1px;
	margin:20px auto 20px;
	border-radius:4px;
	
}
.message-box ul{ list-style: none; padding:10px;}
.message-box img{ vertical-align:middle !important;}	

.logo{
left:50%; 
  
	}
#login-form ul{
	list-style-type:none;
}
#login-form ul img{vertical-align:middle;}
.form-container{
	width:75%;
	background:#E6EAEC;
	position: relative;
	border:#006 solid 1px; 
	margin:0px auto 0px auto;
	padding: 30px 20px;
	border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
}
	
.half-textarea {width:100%; min-height:150px !important; border:#ccc 1px solid; border-radius:4px;}
.full-textarea  {width:100%; min-height:200px !important; border:#ccc 1px solid; border-radius:4px;}	
	
.content ul, .content ol { 
	padding: 0 15px 15px 40px !important; 
	list-style-type:none;	
}

/* ~~ The footer ~~ */

.footer p{
     
	text-align:center !important;
	color: #333;
	margin-top:35px !important;
	
}


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.header h3{
	margin-top:25px;
	text-align:center;
	line-height:1em;
	font-size:18px;
	color:#1B246E;
	text-transform:uppercase;
	}
	
.wrapper2{ width: auto; 
     
	background: #112079;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#112079),color-stop(100%,#081e46));
    background: -ms-linear-gradient(top,#112079 0,#081e46 100%); 
		background: linear-gradient(to   bottom,#112079 0,#081e46 100%);
    margin: 20px 30px;0px30px;
    padding-left: 4px;
 display:inline-block;
		color:#FFF;
		}
#login-form {
    position: relative;
    width: 360px;
    margin: 30px auto 30px auto;
}
.wrapper{
min-height:650px;
}
#admin {
    position: relative;
    width: 302px;
    margin: 0 25% 0px 25%;
}
#complaints-form{
	background:#E7E8E9;
	border:#7490AD solid 1px;
    border-radius:14px;
	 position: relative;
    width: 700px;
    margin: 20px auto 30px auto;
	padding:20px 0px;
	
	}
#table-container{
	
	border:#B7C0CB solid 1px;
    border-radius:4px;
	 position: relative;
    max-width: 900px !important;
    margin: 10px 30x 30px 30px;
	padding:20px 30px;
	
	}	
	
.form-group {
  margin: 0px 20px 15px 20px;
  
}
.font-large{ 
	font-size:18px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:24px;
	color:#333;
}

.flex {
  padding: 10px;  
}
.flex input,
.flex textarea {
  width: 100%;
}

.column-half {
    float: left;
    width: 50%;
    padding: 10px;
    
}
.column-full {
    float: left;
    width: 100%;
    padding: 10px;
    
}
/* Clear floats after the columns */
.form-row:after {
    content: "";
    display: table;
    clear: both;
}



.comp-form input[type="text"] {
	width:300px;
	margin-right:10px;
	background:#fff;
	font-size:13px;
	color:#7490AD;
	
	}
.comp-form textarea {
	width:650px;
	margin-right:10px;
	background:#fff;
	font-size:14px;
	}
	
@media screen and (max-width: 400px) {
    .comp-form textarea, .comp-form input[type=text] {
        width: 300px;
    }
	
}	
	
	
.comp-form input[type=date], input[type=time]{
	font-size:13px;
	line-height:24px;
	color:#7490AD;
	width:auto;
	}
.comp-form label, h4,h3{
	color:#1B246E;
	}
.comp-form-lg {
	width:650px !important;
}
.text-center{ text-align:center}

#search-form{
	position:relative;
    margin: 20px auto 30px auto;
	background-color: #fff;
    border: 1px solid rgb(185,185,185);
    border-radius: 1px;
    border-top-color: rgb(160,160,160);
    cursor: text;
    display: inline-block;
    font: 18px arial,sans-serif;
    height: 36px;
    line-height: 36px;
    max-width: 672px;
    position: relative;
    width: 618px;
	}

#menu-box {
    position: relative;
    width: 360px;
    margin: 20px auto 20px auto !important;
}	
	
#message-box ul{
	list-style-type:none;
}
#message-box ul img{vertical-align:middle;}
.message-container{
	width:75%;
	background:transparent;
	position: relative;
	border:#006 solid 1px; 
	margin:0px auto 0px auto;
	padding: 30px 20px;
	border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
}
.red{
	color:#FF0000;
	font-style:16px;
	font-weight:bold;
}
.green{
	color:#090;
	font-style:16px;
	font-weight:bold;
}

element.style {
    max-width: 680px !important;
    width: auto;
}
#view-call {
    position: relative;
    width: 360px;
    margin: 30px auto 30px auto;
}
.info-container {
	font-size:15px;
    width: 75%;
    background:#f2f4f7;
    position: relative;
    border: #e2e3e2 solid 1px;
    margin: 0px auto 0px auto;
    padding: 30px 20px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
}
.paginate {
 display: inline-block;
 padding: 2px;
 margin: 2px;
}

.paginate a {
 text-decoration: none;
 border: #00007D solid 1px; 
 background:#E2E2E2;
 border-radius:6px;
 color: #00007D;
 float: left;
 padding: 3px 7px;
 margin-left:5px;
}

.paginate a.active {
 background-color: #00007D !important;
 color: #FFF; 
}

.paginate a:hover:not(.active) {
 background-color: #D5D5FF;
 color:#00007D;
}

.center {
 text-align: center;
}
.glyphicon{
	vertical-align: baseline;
}
.red-sm{font-size:10px; color:#F00; font-weight:500;}