#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9997;
  background-color: #000;
  display: none;
}
#popup1, #popup_alert
{
	position:fixed;
	z-index:9999;
	min-height:265px;
	height:auto;
	width: 500px;
	border-radius: 10px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color:#000;padding:20px;	
	display:none;
}
#popup1
{
	background-color:#eceef1;
}
#popup_alert
{
	background-color:#fff;
}
#popup_inventory
{
	position:fixed;
	z-index:9999;
	height:440px;
	width: 770px;
	border-radius: 10px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-color: #eceef1;
    border: 1px solid #ccc;
    background-color: #fff;
    border-width: thin;
	color:#000;
	padding:20px;
	font-size:1.1em;
	display:none;
}
#popup_inventory_container
{
	clear: both;
    margin-top: 10px;
	margin-right:-10px;
	overflow-y:auto;
	height:400px;
	margin-bottom:0;
}
.sign_in
{
	color: #4db3a5;
    text-align: center;
    font-size: 28px;
    font-weight: 400 !important;
}
.login_input
{
	background-color: #dde3ec;
	width:250px;
	height: 43px;
	color: #526073;
	border: 1px solid #dde3ec;
	font-size: 14px;
    font-weight: normal;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	padding: 6px 12px;
}
.login_input:hover
{
	border: 1px solid #c3ccda;
}
.login_button
{
	font-weight: 600;
    padding: 10px 20px !important;
	background-color: #45B6AF;
    border-color: #3ea49d;
	color: #fff;
	width: 80px;
}
.login_button:hover
{
	color: #fff;    
    background-color: #3b9c96;
    border-color: #307f7a;
}
.login_user_container
{
	position:absolute;
	z-index:2; 
	top:50px;
	right:5px;
	height:50px;
}
.logged_in_user
{
	font-size:16px;
	color: #5b9bd1;
	font-weight: bold;
}
.log_out
{
	font-size:14px;
	display:none;
	background-color: #666666;
    padding: 4px;
    max-width: max-content;
}
.popup_list_close
{
	cursor: pointer;
    width: auto;
    float: right;
    background-color: #c32c30;
    color: #fff;
    padding: 3px;
    border-radius: 3px;
    margin-top: -15px;
    margin-right: -15px;
}
.popup_list_close:hover
{
	background-color: #f00;
}

@media screen and (max-width: 600px) {
	#popup1, #popup_alert
	{
		width:90%;
	}
	#popup_inventory
	{
		width:90%;
		height:440px;
		font-size:0.9em;
	}
	#popup_inventory_container
	{
		height:400px;
	}
	.sign_in
	{
		font-size: 18px;
	}
}
@media screen and (max-width: 800px)
{
	#popup_inventory
	{
		width:90%;
		height:440px;
		font-size:0.9em;
	}
	#popup_inventory_container
	{
		height:400px;
	}
}
.popup1_cell
{
	width:23%;padding:0 10px;float:left;text-align:center;
}
.popup1_cell1
{
	width:24%;padding:5px 10px 0 0;float:left;text-align:center;
}
.popup1_row
{
	clear:both;
	padding-top:10px;
	min-height:20px;
}
.popup1_dotted
{
	border-bottom:1px dotted;border-color:#ccc;clear:both;
	padding-top:10px;
}
.popup_close {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 5px;
  color: #000;
  transition: color .3s;
  font-size: 2em;
  line-height: .6em;
  font-weight: bold;
}
.popup_close:hover {
  color: #00E5EE;
}