@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Proza+Libre');
@import url('https://fonts.googleapis.com/css?family=Nunito');

html, body{
	padding:0px;
	margin:0px;
	font-family: 'Nunito', sans-serif;
	font-size:15px;
	background-color:#f5f7fa;
}

h1, h2, h3, h4, h5, h6{
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	color:#444444;
	font-family: 'Proza Libre', sans-serif;
}

h1{font-size:26px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}

a{
	color:inherit;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

input[type=text], input[type=password], textarea{
	width: 100%;
	background: #fff;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	box-shadow: 0 -10px 9px #e3e3e3 inset;
	color: #333;
	padding: 12px 10px;
	font-family: 'Nunito', sans-serif;
	font-size:inherit;
	outline:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


select{
	min-width:300px;
	background: #fff;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	box-shadow: 0 -10px 9px #e3e3e3 inset;
	color: #333;
	padding: 12px 10px;
	font-family: 'Nunito', sans-serif;
	font-size:inherit;
	outline:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type=submit], input[type=reset], button{
	font-family: 'Nunito', sans-serif;
	font-size:15px;
	outline:none;
	border-radius:3px;
	padding:8px 16px;
	cursor:pointer;
	color:inherit;
}

.form input[type=submit], .form input[type=reset], .form button{
	background-color:#62bb46;
	border-color:#62bb46;
	color:#fff;
}

.form input[type=submit]:hover, .form input[type=reset]:hover, .form button:hover{
	background-color:#308316;
	border-color:#308316;
}

.form.login{
	width:400px;
	margin:0 auto;
	background-color:#ffffff;
	padding:20px;
	/*border:1px solid #62bb46;
	border-radius:3px;*/
	position:relative;
}

.form .field{
	overflow:hidden;
	margin-bottom:10px;
}

.form .field .inpTitle{
	margin-bottom:5px;
}

.form .field .inpTitle span{
	color:#b80000;
}


.alert{
	margin-bottom:10px;
}

.alert .msg{
}

.alert .msg span{
}

.alert .msg.msg_error{
	color:#b80000;
}

.alert .msg.msg_confirm{
	color:rgba(7,140,3,1);
}

.header{
	width:100%;
	/*overflow:hidden;*/
	background-color:#ffffff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	z-index:99999;
	background-color:#62bb46;
	min-width:1150px;
}

.header .content{
	height:60px;
}

.content{
	width:1150px;
	margin:0 auto;
}

.header .logo{
	float:left;
	font-family: 'Proza Libre', sans-serif;
	font-size:24px;
	height:60px;
	line-height:60px;
	color:#ffffff;
	text-align:left;
	margin-left:15px;
	
}

.header .shortnav{
	float:right;
}

.header .shortnav ul{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-right:15px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.header .shortnav li{
	float:left;
	line-height:60px;
	margin-left:15px;
	color:#ffffff;
	position:relative;
}

.header .shortnav li a{
	display:block;
	width:100%;
	line-height:60px;
}

.header .shortnav li a:hover{
	text-decoration:none;
}

.header .shortnav li i{
	border:1px solid #ffffff;
	border-radius:50%;
	padding:6px;
	margin-right:5px;
}

.header .shortnav ul ul{
	position:absolute;
	top:60px;
	right:0px;
	list-style:none;
	margin:0px;
	padding:0px;
	display:none;
}

.header .shortnav ul ul li{
	float:none;
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	width:200px;
	color:#444444;
	border-bottom: 1px solid #ececec;
}

.header .shortnav ul ul li:last-child{
	border-bottom:none;
}

.header .shortnav ul ul li a{
	width:100%;
	line-height:50px;
}

.header .shortnav ul ul li i{
	border:none;
	border-radius:0px;
	padding:0px;
	margin-left:15px;
}

.header .shortnav ul ul li a:hover{
	text-decoration:none;
	background-color:#eee;
}

.header .shortnav li:hover ul{
	display:block;
}



.mainmenu, .tablelist{
	margin:50px 0;
}

.mainmenu .menu_content{
	overflow:hidden;
	margin:0 auto;
}

.mainmenu ul{

	width:768px;
	padding:0px;
	margin:0 auto;
	list-style:none;	
}

.mainmenu li{
	float:left;
}

.mainmenu li a{
	display:block;
	border: 1px solid #ececec;
	background-color:#ffffff;
	margin:10px;
	padding:10px;
	width:150px;
	line-height:150px;
	text-align:center;
	border-radius: 5px;
	font-size:16px;	
	box-shadow: 0 -10px 9px #e3e3e3 inset;
}

.mainmenu li a:hover{
	text-decoration:none;
	background-color:#e3e3e3;
	box-shadow: 10px -10px 9px #ffffff inset;
}


.tablelist .backto{
	float:right;
}


table{
	border-spacing: 0;
    border-collapse: collapse;
	width:100%;
	font-family: 'Proza Libre', sans-serif;
	font-size:14px;

}


table th, table td{
	text-align:left;
	border-bottom:1px solid #b8b8b8;
	height:30px;
	padding:2px 5px;
}

table th{
	background-color:#62bb46;
	border-bottom:none;
	color:#fff;
	font-weight:normal;
	line-height:40px;
	height:40px;
}

table td{
	border-right:1px solid #b8b8b8;
	font-size:13px;
	word-break:break-all;
}

table tr:last-child td{
	border-bottom-color:#62bb46;
}

table tr td:last-child{
	border-right:none;
}

table tr:hover{
	/*background-color:#f5f7fa;*/
	background-color:#fff;
}

table tr:nth-child(2):hover, table tr:last-child:hover{
	background-color:#fff;
}

/*
table td:last-child, table th:last-child{
	text-align:center;
}
*/

table td:last-child i{
	font-size:16px;
}

table td:last-child a:hover{
	text-decoration:none;
	color:#62bb46;
}

table td.left, table th.left{
	text-align:left;
}

table td.right, table th.right{
	text-align:right;
}

table td.center, table th.center{
	text-align:center;
}

.nav .content{	
	height:50px;}

.nav .content a{
	line-height:50px;
}


.particulars{
	overflow:hidden;	
}

.particulars .searchbar{
	
}

.particulars .searchdata{
	overflow:hidden;
	padding-bottom:20px;
}

.particulars .searchdata table{
	margin-top:20px;
}

.particulars .invitems{
 	padding-bottom:20px;
}

.particulars .invitemsinp{
	padding-bottom:20px;
}

.particulars .searchdataExisted{
	overflow:hidden;
	padding-bottom:20px;
}

.pagination{
	display:table;
	list-style:none;
	margin:0 auto;
	padding:0px;
}

.pagination li{
	float:left;
}

.pagination li a{
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	border:1px solid #ccc;
	border-radius:50%;
	margin:2px;
}

.pagination li a:hover, .pagination li a.active{
	background-color:#62bb46;
	color:#ffffff !important;	
	border-color:#62bb46;
}