@charset "utf-8";
/* CSS Document */
body{margin:auto; padding:0; background:#FFFFDF; font-size:10px; font-family:Tahoma, Geneva, sans-serif;}
#header{width:100%; margin:0; padding:0; height:80px; border-bottom:3px solid #FFF; background:#028149;}
#header span{width:100%; float:left; padding:3px; text-align:center;	display:block; font-weight:bold; color:#fff;font-size: 50px; }
#header #headtxt{width:35px; height:10px; float:right; margin-top:3px;}
#header #headtxt a {text-decoration:none; color:#FFF;}
#wrapper{	width:90%; margin:auto; padding:0;}
#wrapper table{	width:100%; margin:15px 10px 0 10px; border:1px dashed #333; background:#E9E9E9;}
#wrapper table tr#txt{background:#999999;}
#wrapper table tr td{padding:3px;}
#wrapper table tr td#txt2{padding:15px;}
#wrapper table tr td span{display:block; margin-left:10px; }
#wrapper table tr td a {margin-left:10px; font-weight:bold;}
#heading{width:95%; margin-top:5px; margin-left:5px; text-align:right; }
#main_body{	width:94%; border:1px dashed #030; margin:auto; padding:0; padding:3px; height:auto;}
#main_body table{width:100%; }
.panel{width:340px; float:left; margin:170px 0 0 300px; background:#FFF;}
.panel table{width:100%; border:1px dashed #028149; padding:10px;}
.panel table tr#txt{ background:#E9E9E9; border-bottom:1px dashed #E9E9E9;}
.panel table tr td{padding:5px; font-size:15px;}
.panel table tr td{font-size:15px; color:#333333;}
.panel table tr td input[type=password]{width:190px; height:2px; padding:10px; font-size:15px; }
.panel table tr td input[type=submit]{ height:25px; background:#666666; color:#fff; cursor:pointer; float:right; margin-right:10px; }
h4#blocks{width:90%; padding:4px; margin-top:5px; display:block; border:2px solid #ccc; color:#f00; text-align:center; background:#E9E9E9; font-size:15px;}
h4#blocks img{margin:5px; background-position:center; background:#fff;}
div#content { display: none;}
div#loading {top: 200 px; margin: auto; position: absolute; z-index: 1000; width: 160px;  height: 24px; cursor: wait;}
#shelfcode{	color:#f00; font-weight:bold;}
#shelf_code_txt{text-align:center;}
#anchorerror{border:2px solid #028149; background:#028149; color:#fff; text-decoration:none; padding:5px;}
#viewall, #commit, #saveyes, #no{ width:65px; height:22px; float:left; background:#006633; color:#FFF; cursor:pointer;}
table#tbl_item_des tr td, table#total_item_list tr td, table#view_all_list tr td{border-bottom:1px solid #CCC; padding:1px 0 1px 1px;
	font-family:Tahoma, Geneva, sans-serif;}

#remove{ background:#E9E9E9; padding:1px; border:1px solid #CCC; color:#006633; font-weight:bold; text-decoration:none; margin:2px; float:left;	}


#wrapper{
	display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}
.formArea{
	width: 100%;
}
.tableArea{
	height: 30vh;
    border-radius: 10px;
    overflow: hidden;
	width: 100%;
}
.tableArea tbody{
	text-align: center;
}
#txt{
	font-size: 35px;
    text-align: center;
}
.fieldRow{
	display: block;
    margin: 20px 0;
    width: 100%;
}
#txt2{
	display: block;
	font-size: 36px;
}
.inputArea{
	display: flex;
    align-items: center;
    justify-content: center;
}
#password{
	width: 65%;
    display: block;
    padding: 22px;
    margin: auto;
    font-size: 18px;
}
.loginBtnArea{
	display: flex;
    align-items: center;
    justify-content: center;
}
#login_button{
	padding: 10px 30px;
    font-size: 35px;
}
.exit{
	font-size: 35px;
}

@media (min-width: 300px) and (max-width: 380px){
	input#shelf_code {
		min-height: 36px;
		border-radius: 10px;
		border: 1px solid #028149;
		margin-left: 10px;
		font-size: 15px;
		padding: 0px 13px;
		min-width: 190px !important;
	}
	
	
	
}

@media (min-width: 300px) and (max-width: 393px){
	input#shelf_code {
		min-width: 190px !important;
	}
	
	
}


@media (min-width: 768px) and (max-width: 1024px){
	#header span {
		font-size: 20px;
	}
	#header {
		padding: 0;
		height: auto; 
		display: flex;
		
	}
	#header span {
		text-align: left;
	}
	#header {
		width: 100%;
		margin: 0;
		padding: 6px 15px; 
	}
	#header {
		width: auto;
		align-items: center;
	}
	#header div#headtxt {
		border: 1px solid #fff;
		padding: 7px 15px;
		border-radius: 6px;
		margin-top: 0px;
	}
	#header span b {
		background: #fff9;
		border-radius: 12px;
		padding: 0px 8px;
	}
	.serch_form_section {
		margin: auto;
		padding: 3px;
		height: auto;
		min-height: 84vh;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	input#shelf_code {
		min-height: 36px;
		border-radius: 10px;
		border: 1px solid #028149;
		margin-left: 10px;
		font-size: 15px;
		padding: 0px 13px;
		min-width: 250px;
	}
	tr#hidethis {
		font-size: 15px;
	}
	.serch_form_section {
		font-size: 15px;
	}
	.serch_form_section input {
		min-height: 36px;
		border-radius: 10px;
		border: 1px solid #028149;
		margin-left: 10px;
		font-size: 15px;
		padding: 0px 13px;
		min-width: 250px;
	}
	.serch_form_section label {
		min-width: 65px;
		text-align: left;
	}
	/* div#txtHint2 {
		overflow-x: scroll !important;
		width: 95% !important;
		margin: 0px auto;
	} */
	td.article_name {
		/* min-width: 245px; */
		padding: 10px 5px !important;
	}
	/* .serch_form_section {
		overflow: scroll;
	} */
	.serch_form_section form {
		width: 100%;
		overflow: hidden;
	}
	.serch_form_section input#commit {
		width: 65px !important;
		padding: 0px 0px !important;
		min-width: 100px;
	}
	.serch_form_section form {
		width: 100%;
		overflow: scroll;
	}
	span#sure input#saveyes {
		min-width: 100px;
		margin-left: 0px;
		margin-top: 10px;
	}
	span#sure input#no {
		min-width: 100px;
		margin-top: 10px;
	}
	.serch_form_section input#viewall {
		top: 51px !important;
		margin-bottom: 20px;
		font-size: 17px;
		padding: 4px 0px;
		height: 35px !important;
		min-width: 100px;
	}
	.serch_form_section table#total_item_list img {
		width: 21px;
		border-radius: 18px;
		text-align: center;
		margin: 0px auto;
	}
	.serch_form_section table#total_item_list a#remove {
		background: none !important;
		border: none;
	}
	div#main_body {
		margin-top: 25px;
	}
	#heading {
		text-align: left;
	}
	.value_head {
		position: absolute;
	}
	.serch_form_section select {
		min-height: 36px;
		border-radius: 10px;
		border: 1px solid #028149;
		margin-left: 10px;
		font-size: 15px;
		padding: 0px 13px;
		min-width: 250px;
  }
}
  @media only screen and (max-width: 767px) {
	.serch_form_section select {
		min-height: 36px;
		border-radius: 10px;
		border: 1px solid #028149;
		margin-left: 10px;
		font-size: 15px;
		padding: 0px 13px;
		min-width: 250px;
  }
	#header span {
		font-size: 20px;
	}
	#header {
		padding: 0;
		height: auto; 
		display: flex;
		
	}
	#header span {
		text-align: left;
	}
	#header {
		width: 100%;
		margin: 0;
		padding: 6px 15px; 
	}
	#header {
		width: auto;
		align-items: center;
	}
	#header div#headtxt {
		border: 1px solid #fff;
		padding: 7px 15px;
		border-radius: 6px;
		margin-top: 0px;
	}
	#header span b {
		background: #fff9;
		border-radius: 12px;
		padding: 0px 8px;
	}
	.serch_form_section {
		margin: auto;
		padding: 3px;
		height: auto;
		min-height: 84vh;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	input#shelf_code {
		min-height: 36px;
		border-radius: 10px;
		border: 1px solid #028149;
		margin-left: 10px;
		font-size: 15px;
		padding: 0px 13px;
		min-width: 250px;
	}
	tr#hidethis {
		font-size: 15px;
	}
	.serch_form_section {
		font-size: 15px;
	}
	.serch_form_section input {
		min-height: 36px;
		border-radius: 10px;
		border: 1px solid #028149;
		margin-left: 10px;
		font-size: 15px;
		padding: 0px 13px;
		min-width: 250px;
	}
	.serch_form_section label {
		min-width: 65px;
		text-align: left;
	}
	/* div#txtHint2 {
		overflow-x: scroll !important;
		width: 95% !important;
		margin: 0px auto;
	} */
	td.article_name {
		/* min-width: 245px; */
		padding: 10px 5px !important;
	}
	/* .serch_form_section {
		overflow: scroll;
	} */
	.serch_form_section form {
		width: 100%;
		overflow: hidden;
	}
	.serch_form_section input#commit {
		width: 65px !important;
		padding: 0px 0px !important;
		min-width: 100px;
	}
	.serch_form_section form {
		width: 100%;
		overflow: scroll;
	}
	span#sure input#saveyes {
		min-width: 100px;
		margin-left: 0px;
		margin-top: 10px;
	}
	span#sure input#no {
		min-width: 100px;
		margin-top: 10px;
	}
	.serch_form_section input#viewall {
		top: 51px !important;
		margin-bottom: 20px;
		font-size: 17px;
		padding: 4px 0px;
		height: 35px !important;
		min-width: 100px;
	}
	.serch_form_section table#total_item_list img {
		width: 21px;
		border-radius: 18px;
		text-align: center;
		margin: 0px auto;
	}
	.serch_form_section table#total_item_list a#remove {
		background: none !important;
		border: none;
	}
	div#main_body {
		margin-top: 25px;
	}
	#heading {
		text-align: left;
	}
	.value_head {
		position: absolute;
	}
  }