*
{
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-weight: normal;
}

html, body
{
	width: 100%;
	height: 100%;
}

#mess
{
	display: none;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    top: 45%;
    position: relative;
    font-size: 25px;
    padding: 10px;
    border-radius: 4px;
    background: #fed254;
    border: 1px solid #a1a1a1;
    border-left: 4px solid #ff7000;
    box-shadow: 1px 1px 8px #8e8e8e;
}

.pan
{
	display: none;
	width: 370px;
	height: 290px;
	border: 1px solid #B3AC86;
	position: fixed;
	top: calc(50% - 145px);
	left: calc(50% - 185px);
	z-index: 100;
	background: linear-gradient(0deg, rgba(216,215,209,1) 1%, rgba(245,242,221,1) 4%, rgba(245,242,221,1) 85%, rgba(251,249,242,1) 100%);
	border-radius: 15px;
	box-shadow: 0 0 5px 0px #5a5151;
}

.pan .save-msg
{
	margin-top: calc(40% - 20px);
	padding: 0 10px;
	text-align: center;
	font-size: 20px;
	color: #594304;
	font-family: arial;
	font-weight: bold;
}

.pan .save-count
{
	padding: 0 5px;
	color: black;
	text-align: center;
	font-size: 20px;
	font-family: arial;
	font-weight: bold;
}