html{
	width:100%;
	height:99.80%;
}

body{
	margin:0px;
	width:100%;
	min-width:750px;
	height:99.80%;
    background-color: #373636;
	overflow:hidden;
}

.main{
	height: 100%;
	width:100%;
	}
	
.sub_main{
	height: 100%;
	width:100%;
	
}


.holder{
	padding:10px;
	margin:auto;
	text-align:center;
}

.floatglobal{
	margin-right:0.1%;
		height: 100%;
		width: 16.5%;
		float:left;
		cursor:  pointer;
}
.zoneglobal{
		height: 100%;
		width: 16.5%;
		float:left;
		cursor:  pointer;
		margin-right:0.1%;
}

.celldroppable { 
	height: 100%;
	width: 66.8%;
    cursor:  pointer;
	float:left;
   }
   
   

.users_content{
	   height:80%;
   }
  


.users_icon,.coment_icon  { 
      padding:3px 5px 3px 5px; 
      float: left; 
      margin: 10px 0 0 10px;
	  border-radius:3px;
      color: #fff;
	  font-family: Arial , Helvetica, sans-serif;
	  font-size:15px;
	  text-transform: uppercase;
}

 .users_icon:hover {
   box-shadow: inset 0px 0px 400px 110px rgba(0, 0, 0, .3);
 }
   
 
    
	
	

   .cell { 
   margin-top:1px;
      margin-left:0.15%;
	  width:   24.8%; 
      height:  24.7%; 
      float: left; 
      font-weight: normal;
	  border-radius: 5px;
	  box-shadow: 1px 1px 1px #888888;
   }
   
   .cell1{
	   font-size: max(1vw, 14px);
	   width:193px;
	   padding-left:5px;
	   padding-top:5px;
	   font-family: Arial Black, Helvetica, sans-serif;
	   color:#5D5D5D;
	   text-transform: uppercase;
   }
   .cell2{
	   width:100%;
	   height:172px;
	   position:relative;
   }
   

   
   .sub_cellname{
	   width: fit-content;
	   float:right;
	   margin-top:5px;
   }
   
   
   .float2,.float3,.float4,.float5,.float6{
	   width:100%;
	   height:100%;
	   position:relative;
	   
   }
   .zone2,.zone3,.zone4{
	   width:100%;
	   height:100%;
	   
   }
   .float1,.zone1{
	   width:100%;
	   height:87%;
	   position:relative;
   }
   

   .marginauto{
	   position:absolute;
	   top: 45%;
	   right:10%;
       transform: translateY(-50%);
	   min-height:10px;
	   
   }
   
.D97,.D98,.D99,.D101,.D102,.D103,.D105,.D106,.D107{
		border-top:1px solid grey;

}
.D97,.D98,.D99,.D96{
	width:85%;
	   min-height:25.5%;
	   padding-right:8px;
	   margin-left:5px;
	   font-family: Arial , Helvetica, sans-serif;
}
.D100,.D101,.D102,.D103{
	width:85%;
	   min-height:23.8%;
	   padding-right:13px;
	   margin-left:5px;
	   font-family: Arial , Helvetica, sans-serif;
}
.D105,.D106,.D107,.D104{
	width:85%;
	   min-height:23.7%;
	   padding-right:13px;
	   margin-left:5px;
	   font-family: Arial , Helvetica, sans-serif;
}
   .sub_cell{
	   color:#5D5D5D;
   }

	
	.stock{
		padding:0 5px 0 5px;
		width:348px;
		display: inline-block;
		z-index:-10;
		
	}
   #droppablee,#droppablee2,#droppablee3,#droppableecomment { 
    padding: 0.5em; 
    cursor:  pointer;
	background-color: #D3D3D3;
	border-radius: 5px;
	height:173px;
	margin-bottom:5px;
	z-index:-9;
   }

   
   .content{
	   border: 0.5px solid black;
   }
   
   
   
.buttonpriv {
  margin: 0 0 5px 3px;
  width: 81.5px; height: 30px;
  background-color: #5D5D5D;
  font-weight: 700;
  font-size: 13px;
  color: #fff;
  border: none;
  border-radius: 5px;
}
.buttonpric {
  margin: 0 0 5px 0;
  width: 100px; height: 30px;
  background-color: #5D5D5D;
  font-weight: 700;
  font-size: 13px;
  color: #fff;
  border: none;
  border-radius: 5px;
  position:absolute;
  float:left;
  cursor:pointer;
}
.buttonprin {
  margin: 0 0 5px 0;
  width: 90px; height: 27px;
  background-color: #5D5D5D;
  font-weight: 700;
  font-size: 13px;
  color: white;
  border: none;
  border-radius: 5px;
  float:left;
}

.buttonpriv:hover {
  cursor: pointer;
  box-shadow: inset 0px 0px 400px 110px rgba(0, 0, 0, .2);
}
  .buttonX{
	  float:right;
	  margin: 30px auto 0 auto;
  width: fit-content;
  background: #E74C3C;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  color: #fff;
  border: none;
  border-radius: 5px;
  }
   .buttonX:hover {
  cursor: pointer;
  color:black;
}
   
   
   .hidden {
  display: none;
}






#target {
  min-width:85px;
  display:none;
  position:absolute;
  background-color:lightgrey;
  z-index:9999;
}

#targetuser, #targetadmin,#targetcomment{
	width:348px;
	background-color:lightgrey;
}

#targetcomment{
	width:338px;
}


#targetuser, #targetadmin{
  display:none;
  position:absolute;
  z-index:9999;

}


#contextMenu {
  padding:0px;
  position: absolute;
  display: none;
  radius:5px;
}

.li {
	border: none;
	background: none;
	text-align:left;
	min-width:80px;
	padding: 5px;
	cursor:pointer;
}
.li:hover {
	background-color:grey;
	color:white;
}
.span {
	display: inline-block;
	position:relative;
	radius:5px;
}

.hidden {
  display: none;
}

form > .row {
  margin-bottom: 20px;
}

form > .row:last-child {
  margin-bottom: 0;
}

form input.invalid {
  border-color: #dc3545;
}

form .invalid-feedback {
  color: #dc3545;
  font-size: 14px;
  line-height: 21px;
  margin-top: 4px;
  text-align: left;
}