html, body{
height:100% auto;
padding:0;
margin:0;
background:#f5f5f5;
}
h1{
font-size:24px;
padding:10px 0;
}
.addItem, .addField, .addLot {
  background: #249d3c;
  border-radius: 4px;
  padding: 2px 5px;
  display: block;
  margin: 2px 2px 2px 10px;
  font-size: 12px;
  font-weight: bold;
  color: #fff; }
.attribute {
  background: #ccc;
  border-radius: 4px;
  padding: 2px 5px;
  display: block;
  margin: 2px;
  font-size: 12px;
  font-weight: bold; }
  
  .addLot {
  background: #248b9d;
  margin: 2px 2px 2px 20px; }

.attribute i, .attributeItem i, .fieldList i, .lotList i {
  float: right;
  padding: 3px 0 0 0; }

.attributeItem, .fieldList, .lotList {
  background: #ddd;
  border-radius: 4px;
  padding: 2px 5px;
  display: block;
  margin: 2px 2px 2px 10px;
  font-size: 12px;
  font-weight: bold; }
.subItem {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px; }
.lotList {
    margin: 2px 2px 2px 20px;
    background: #f1f1f1;
    border: 1px solid #ddd;
}
.systemLogo{
	background:url(/asset/img/agro_round_pill_dark.svg) no-repeat;
	background-size:contain;
	height:60px;
	width:300px;
	display:inline-block;
	vertical-align:middle;
	margin-top:0;
	margin-left:5px;
}
input::placeholder {
  color: red;
}
.formSection{
	font-weight:bold;
	background:#333;
	color:#fff;
}


.cardHead:hover .toolSet{
	display:block;
}
.toolSet{
	display:none;
	float:right;
	text-align:right;
}
.dashTool{
	cursor:pointer;
	margin-right:5px;
	vertical-align:middle;
}
.rights{
	width:100%;
}
.rights td{
	padding:3px 5px;
	border:1px solid #666;
}
.rights .center{
	text-align:center;
}
.head{
position:fixed;
top:0;
width:100%;
z-index:3;
background:#fff;
border-bottom:1px solid #ddd;
padding-top:8px;
padding-bottom:8px;
}
#pageContent{
padding-top:80px;
}
.openNav{
margin-left:280px;
margin-right:0;
}
.content{
text-align:center;
padding-top:250px;
}
.btn, label{
margin-top:15px;
margin-bottom:0;
}
.target{
/*margin-top:15px;*/
}
.loadClick{
cursor:pointer;
}
.txtAlert{
color:#ff0000;
}
.coreDiv{
border:1px solid #ccc;
padding-bottom:10px;
padding-top:5px;
border-radius:6px;
background:#fff;
}
.topNavigation{
position:fixed;
display:none;
top:0;
background:#fff;
width:100%;
z-index:2;
border-bottom:1px solid #ddd;
box-shadow:#888 0 0 10px;
padding:60px 0 20px 0;
}
#leftNavigation{
width:280px;
height:100%;
position:fixed;
z-index:1;
background:#343a40;

padding-top:80px;
}
#leftNavigation a{
display:block;
color:#fff;
font-size:14px;
width:100%;
padding-top:5px;
padding-bottom:5px;
text-decoration:none;
}

.navParent{
border-bottom: 1px solid #434a52;
}
.navParent>div:first-child {
background-color:#2f353a;
}
.navParent>div:nth-child(n+2) {
}
.slideClose{
left:-280px;
}
.slideOpen{
left:0;
}
.smallNav{
cursor:pointer;
display:inline-block;
width:20px;
text-align:center;
vertical-align:middle;
}
.footer{
height:50px;
}
.arrow{
background:url(/asset/img/arrowdn.png) no-repeat;
background-position: right 10px center;
}
.tableCol{
padding:7px;
background:#ddd;
border-radius:4px;
margin-bottom:10px;
cursor:move;
}
  .icon {
    width: 20px;
    height: 20px;
    vertical-align: -0.125em;
    margin:0 1px;
    fill:#212529;
    background:#fff;
    border-radius:50%;
    padding:1px;
  }
.edit{
cursor:pointer;
}
.edit:hover .icon{
fill:#5daa25;
}
.delete{
cursor:pointer;
}
.delete:hover .icon{
fill:#ff0000;
}
.objectTools{
float:right;
}
.tool{
display:inline-block;
margin:0 5px 0 0;
padding:3px 10px;
background:#ddd;
border-radius:4px;
cursor:pointer;
position:relative;
font-size:14px;
}

.loadClick{
	/*margin-top:10px;*/
}

#settings, #quickView{
	display:none;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:rgba(0, 0, 0, 0.8);
	z-index:10;
}
#qvPanel{
	background:#f4f6f9;
	
	width:calc(100% - 80px);
	margin:0 auto;
	margin-top:40px;
	border-radius:0px;
	box-shadow:0px 5px 5px #000;
	padding-bottom:10px;
}
.qvHead{
	background:#ccc;
	border-bottom:1px solid #fff;
}
.settingsClose, .qvClose{
	float:right;
	cursor:pointer;
	margin:7px 15px;
}
.qvOpen{
	display:inline-block;
	background:#55b6d1;
	border-radius:50%;
	cursor:pointer;
	height:20px;
	width:20px;
	text-align:center;
	margin:0 5px 0 0;
	line-height:20px;
	
}
.settingsOpen{
	display:inline-block;
	background:#333;
	border-radius:50%;
	cursor:pointer;
	height:20px;
	width:20px;
	text-align:center;
	margin:0 10px 0 0;
	line-height:20px;
	
}
.qvOpen i{
	color:#fff;
	font-size:15px;
}
.settingsOpen i{
	color:#fff;
	font-size:15px;
}
.setBlock, .qv{
	display:inline-block;
	background:#55b6d1;
	width:40px;
	height:100%;
	line-height:18px;
	text-align:center;
	v-align:middle;
	padding:10px;
	margin-right:10px;
	border-right:1px solid #fff;
}
.setBlock {
	background:#333;
}
.setBlock i,.qv i{
	color:#fff;
	font-size:14px;
}
#settingsTarget{
	background:#fff;
	margin:20px;
	border-radius:6px;
	padding:20px;
	border: 1px solid #ccc;
}
.dashItem{
		background:#ddd;
		margin:0px 0px 0px 0;
		padding: 7px;
		cursor:move;
	margin-bottom:1px;
	}
.objectItem{
		background:#ddd;
		margin:0px 0px 10px 0;
		padding: 7px;
		cursor:move;
		border-radius:4px;
	}
	 .addBasket{
		background:#2c6ab7;
		 color:#fff;
		margin:0px 0px 10px 0;
		padding: 7px;
		cursor:pointer;
		border-radius:4px;
	}
		.listItem{
		width:100%;
		background:#ddd;
		padding:5px;
		cursor:move;
			margin:1px 0px;
	}
	.handle .delete, .listItem .delete{
		float:right;
	}
	.basket, .basket2{
		height:200px;
		border:1px solid #ccc;
		overflow-y:auto;
		border-radius:0 0 4px 4px;
		background:#fff;
		
	}
	.handle{
		background:#2c6ab7;
		color:#fff;
		margin-top:10px;
		border-radius:4px 4px 0 0;
		padding:5px;
		cursor:move;
	}
	.baskets{
	}
	.objects{
		height:220px;
		overflow-y:scroll;
		margin-top:10px;
		overflow-x:none;
	}
	.objects::-webkit-scrollbar {
    width: 7px;
		margin-top:10px;
}


.objects::-webkit-scrollbar-track {
    background-color: none;
}

.objects::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background: #ddd;
    border: 6px solid rgba(0,0,0,0.2);
}
	
		.basket::-webkit-scrollbar {
    width: 7px;
		margin-top:10px;
}

.basket::-webkit-scrollbar-track {
    background-color: none;
}

.basket::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background: #ddd;
    border: 6px solid rgba(0,0,0,0.2);
}
	.delete{
		cursor:pointer;
	}
	.disabled{
		background:#ff0000;
	}
#identity{
	position:fixed;
	bottom:0;
	width:100%;
	background:#ccc;
	color:#333;
	padding:10px;
	z-index:20;
}
#xPanel{
	display:none;
	background:#343a40;
	width:400px;
	position:fixed;
	right:0;
	height:100%;
	z-index:2;
	padding-top:80px;
}
#xPanel .xTarget{
}
.xPanelOpen{
	display:inline-block !important;
}
.xpClose{
	float:right;
	cursor:pointer;
	margin:0px 10px;
}