.screen{
	background-image: url('../images/grid.png');
	background-repeat: repeat;
	width: 100%;
	height: 275px;
	border: 1px solid #1E4351;
	position: relative;
}

.rectangle{
    background: blue;
    width: 90%;
    height: 90%;
}

.square{
/*    background: red;*/
    /*width: 20px;
    height: 20px;*/
    border: 1px dotted;
    float: left;
    width:5%;
    height:5%;
}
.horizontal-bottom {
	position: absolute;
	background-repeat: repeat;
	width: 100%;
	height: 22px;
	border: 1px solid #000;
	bottom: 0px;
	left: 0px;
	color: #000;
	font-size: 9pt; 
	font-weight: bold;
	padding-top: 3px;
	z-index: 1;
	cursor: pointer;
	text-align: center;
}

.horizontal-middle {
	position: absolute;
	background-repeat: repeat;
	width: 91.5%;
	height: 22px;
	border: 1px solid #000;
/*	bottom:132px;*/
	left: 20px;
	color: #000;
	font-size: 9pt;
	font-weight: bold;
	padding-top: 3px;
	cursor: pointer;
	text-align: center;
}

.horizontal-top {
	position: absolute;
	background-repeat: repeat;
	width: 100%;
	height: 22px;
	border: 1px solid #000;
	top: 0px;
	left: 0px;
	color: #000;
	font-size: 9pt;
	font-weight: bold;
	padding-top: 3px;
	z-index: 1;
	cursor: pointer;
	text-align: center;
}

.left-vartical {
	position: absolute;
	background-repeat: repeat;
	width: 20px;
	height: 274px;
	border: 1px solid #000;
/*	top: 0px;*/
	left: 0;
	color: #000;
	font-size: 9pt;
	font-weight: bold;
	padding-top: 125px;
	cursor: pointer;
	text-align: center;
}
.right-vartical {
	position: absolute;
	background-repeat: repeat;
	width: 20px;
	height: 251px; 
	border: 1px solid #000;
/*	top: 0px;*/
/*	right: 0;*/
	margin-left: 92%;
	color: #000;
	font-size: 9pt;
	font-weight: bold;
	padding-top: 125px;
	cursor: pointer;
	text-align: center;
}
.highlight-input {
  background-color: #f5f5f5 !important; /* Example: Change background color */
  border: 2px solid #1E6085 !important; /* Example: Add a border */
}
.highlight-line {
	border: 2px solid red !important;
}
@media (max-width:767px){
	.btn.previous {
		font-size: 15px;
		padding: 4px 15px;
	}
	.btn.nextBtn {
		font-size: 15px;
		padding: 4px 15px;
	}
	.screen{
		margin-top:20px;
	}
	.shelvingForm{
		margin-bottom: 30px;
	}
	.col {
		flex: auto;
	}
}
@media (min-width:768px) and (max-width:991px){
	.shelvingForm{
		margin-bottom: 30px;
	}
}
@media (min-width:992px) and (max-width:1199px){
	.shelvingForm{
		margin-bottom: 30px;
	}
}