p, li, ul, lo, table, div, h1, h2, h3, h4, h5, h6 {
margin: 0px;
padding: 0px;	
}
li {
	list-style: none;
}

html, body {
margin: 0px;
padding: 0px;
height: 100%;	
}

body {
font-family:Helvetica, Arial, sans-serif;	
}

* {
  box-sizing: border-box;
}
 a, a:hover, a:active, a:visited{
color: #004996;
text-decoration: none;
font-weight: bold;
font-size: .85em;
}

li:before, p:before, div:before, ul:before,  section:before, main:before, nav:before,  li:after, p:after, div:after, ul:after,  section:after, main:after, nav:after  {
  box-sizing: border-box;
  display: block;
  content: '';
  clear: both;
}

 body > div.main-app{
width: 90%;
margin: auto;
height: auto;
min-height: 100%;
max-width: 1000px;
overflow: hidden;
}
section {
position: relative !important;	
min-height: 100%;
background: #f9f9f9;
padding: 10px;
}


input[type="text"],input[type="tel"],input[type="email"],input[type="number"],input[type="file"], input[type="date"],  input[type="password"], input[type="datetime-local"], input[type="search"], select, textarea {
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #333333;
  display: block;
  font-size: 15px;
  height: 43px;
  line-height: 1.42857;
  padding: 10px 18px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  margin-bottom: 5px;
}

button {
  background-color: #ebebeb;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #000;
  display: block;
  font-size: 15px;
  height: 43px;
  line-height: 1.42857;
  padding: 10px 18px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  margin-bottom: 5px;
}

.onefield {
width: 100% !important;
float: left;
margin-right: 5%;	
}

.twofield {
width: 45% !important;
float: left;
margin-right: 5%;	
}

.threefield {
width: 32% !important;
float: left;
margin-right: 1.3%;	
}

.fourfield {
width: 24% !important;
float: left;
margin-right: 1%;	
}

.fivefield {
width: 19% !important;
float: left;
margin-right: 1%;	
}


.sevenfield {
width: 14% !important;
float: left;
margin-right: 0.1%;	
}





.modal {
display: block;
position: relative;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
position: fixed;
margin: auto;
background: rgba(0,0,0,0.5);	
}


.modal2 {
display: block;
position: relative;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
position: fixed;
margin: auto;
background: rgba(0,0,0,0.7);
z-index: 99;	
}

.inner-modal {
width: 90%;
max-width: 400px;
padding: 10px;
background: #f1f1f1;
border: thin solid #333;
position: absolute;
margin: auto;
top: 0px;
right: 0px;
left: 0px;
bottom: 0px;	
}
.preloader {
position: absolute;
height: 74px;
width: 74px;
padding: 10px;
border-radius: 5px;
top: 0px;
margin: auto;
bottom: 0px;
left: 0px;
right: 0px;	
background: #fff;
}
.preloader img {
	width: 100%;
	height: auto;
	display: block;
}
nav{
margin: 0px;
padding: 0px;
height: 20%;
max-height: 40px;
width: 100%;
border: thin solid #333;
background: #004996;
color: #fff;	
}



aside{
margin: 0px;
padding: 0px;
height: 80%;
float: left;
width: 25%;
margin-top: 25px;
}

main{
margin: 0px;
padding: 0px;
height: 80%;
float: right;
width: 70%;	
margin-top: 25px;
}

footer{
margin: 0px;
padding: 0px;
height: 40px;
width: 100%;
border: thin solid #999;
background: #ccc;	
clear: both;
color: #333;
}
/*HOME STYLE*/

.home-thums  {
margin-top: 20px;
}

.home-thums > div {
bokrder: thin solid #333;	
clekar: both;
margin-bottom: 15px;
width: 43%;
float: left;
margin-right: 5%;
}

.home-thums > div > div > div {
	background: #edf5ff;
border: thin solid #cee4f1;
float: left;
width: 110px;
height: 110px;
margin: 10px;
border-radius: 7px;	
}


.home-thums > div h1 {
border-bottom: thin solid #fff;
width: 100%;
clear: both;
font-size: 1.3em !important;
font-weight: normal;
padding-bottom: 5px;
margin-bottom: 10px;
}

.home-thums > div > div > div img{
display: block;
width: 48px;
height: 48px;
margin: 10px auto;	
}


.home-thums > div > div > div p.title{
text-align: center;
}


/*Vendor Registration*/
.vendor-registration > div {
	padding: 20px;
}


/*Vendor Details*/
	.vendor-detail {
			background: #ebebeb;
			padding: 10px;
	}
	
	.vendor-detail > div {
			width: 100%;
			margin-bottom: 30px;
			background: #fff;
			padding: 15px;	
			border: thin solid #ddd;
			box-shadow: 0px 1px 0px 0px #bbb;
			border-radius: 4px;	
	}
	
	.vendor-detail > div.top {
		background: none !important;
		background-color: none !important;
		box-shadow: none !important;
		border-radius: 0px;
		border: none !important;	
		
	}
	
	
	.vendor-detail input[type="text"], .vendor-detail input[type="tel"],.vendor-detail input[type="number"], .vendor-detail input[type="datetime"], .vendor-detail select {
		height: 30px;
	}
		
	.vendor-detail > div h3 {
			font-size: .9em;
			color: #71a1bc;
			line-height: 1.5em;
			font-weight: bold;
			text-transform: uppercase;
			padding-left: 20px;
			padding-top: 5px;
			padding-bottom: 5px;
	}
	
	.vendor-detail > div h3 span {
			font-size: .80em;
			color: #454545;
			line-height: 1.5em;
			font-weight: normal;
			text-transform: uppercase;
			display: inline-block;
			float: right;
			margin-right: 10px;
			border: thin solid #ccc;
			border-radius: 4px;
			padding: 0px 10px;
			background: #ebebeb;
			font-weight: bold;
	}
	
	.vendor-detail div.vendor-thumb {
			width: 100%;
	}
	
	.vendor-detail div.vendor-thumb h2 {
		font-weight: normal;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: center;
		font-size: 1.3em;
	}
		
	.vendor-detail div.vendor-thumb img{
			display: block;
			width: 100%;
			margin: 10px auto;
			padding: 2px;
			background: #fff;
			border: 3px solid #ebebeb;
			border-radius: 10px;
			overflow: hidden;
	}

	.vendor-detail div.basic-info {
			float: left;
			margin-right: 15px;

			
	}
	
	.vendor-detail ul {
			display: block;
			width: 100%;
					background: #fff;
			padding: 15px;	
			border: thin solid #ddd;
			box-shadow: 0px 1px 0px 0px #bbb;
			border-radius: 4px;	
	}
	
	
	
	.vendor-detail div.basic-info ul:first-child {
		margin-bottom: 20px;
	}	
		
	.vendor-detail div.basic-info li {
			display: block;
			margin: 0px;
			width: 100%;
			min-width: 300px;
			font-size: .90em !important;
			line-height: 1;
			text-transform: capitalize;
			wmhite-space: nowrap;
			texmt-overflow: ellipsis;
	}	
	
	
	
	.vendor-detail div.basic-info p.item-head {
		font-size: 1.2em !important;
		line-height: 35px;
		color: #666;
		font-weight: 100 !important;
		margin-bottom: 15px;
	}
	
	
	.vendor-detail div.basic-info li {	
	margin-bottom: 7px;
	border-bottom: thin solid #ebebeb;
	padding-bottom: 3px;
	}
		
			
	
	.save {
			background-color: #C7FEED !important;
			color: #0C9 !important;	
	}

	.items-header {
			height: 25px;
			background: #cee4f1;	
			line-height: 25px;
			margin-bottom: 5px;
			border-bottom: thin solid #aaa;
			font-size: .9em;
			font-weight: bold;
			color: #333;
	}

	.items-header p {
			padding-left: 10px;
			border-left: thin solid #ababab;
	}
	
	.item-list p {
			padding-left: 10px;
			bkkorder: thin solid #333;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			height: 35px;
			line-height: 35px;
			font-size: .8em;
			color: #454545;
	}

	.item-list div {
			margin-bottom: 0px;
	}
	
	.item-list div:nth-child(odd) {
			background: #fff;
	}
	
	.item-list div:nth-child(even) {
			background: #edf5ff;
	}


/*Vendor Detail*/

.inner-modal {
	height: auto;
max-height: 400px;

}
.agent-filter {
display: block;
height: 140px;
overflow:hidden;
border: 3px solid #ebebeb;
margin: 5px;
padding: 5px;
background: #fff;
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
}

.agent-filter li{
	font-size: .8em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 25px;
	line-height: 25px;
}

.agent-filter li:nth-child(odd){
	background: #edf5ff;
}


.agent-filter li span{
	font-weight: bold;
}

.inner-modal.academy {
	height: auto;
max-height: 460px;
}


.inner-modal.equip {
	height: auto;
max-height: 550px;
}

.vendor-thumb .span-button  {
display: block;
height: 30px;
width: 70%;
line-height: 20px;
text-align: center;
border: thin solid #ccc;
background: #0288d1;
padding: 5px 0px;	
margin: 5px auto;
font-size: .85em;
border-radius: 4px;
color: #fff;
font-weight: normal;

}

.span-button2  {
display: block;
height: 20px;
width: 80px;
line-height: 20px;
text-align: center;
border: thin solid #ccc;
background: #ebebeb;
float: right;
font-size: .7em;
color: #333;
font-weight: bold;
text-transform:uppercase;
border-radius: 4px;

}

.item-list > div, ul.second li {
position: relative;	
}

.deleteBtn {
	position: absolute;
	right: 5px;
	display: inline-block;
	border: thin solid #333;
	height: 20px !important;
	top: 5px;
	padding: 0px 5px !important;
	margin: 0px !important;
	line-height: 20px !important;
	font-size: .9em;
	visibility: hidden;
	background: #BF0D10;
	color: #fff !important;
	text-align: center;
	font-weight: bold;
	border: thin solid #7E0305;
	border-radius: 4px;
}

.editBtn {
	position: absolute;
	right: 5px;
	display: inline-block;
	border: thin solid #333;
	height: 25px !important;
	top: 5px;
	padding: 0px 7px !important;
	margin: 0px !important;
	line-height: 25px !important;
	font-size: .9em;
	visibility: hidden;
	background: #00D3FF;
	color: #fff !important;
	text-align: center;
	font-weight: bold;
	border: thin solid #0377C0;
	border-radius: 4px;
}



.item-list > div:hover .deleteBtn, ul.second li:hover .deleteBtn, .item-list > div:hover .editBtn{
visibility: visible !important;
}


.item-filter {
height: auto !important;	
}