.panel2_1
{
	display: none;
}

.panel2_2
{
	display: none;
}

.panel2_3
{
	display: none;
}

.panel2_4
{
	width: 250px;
	height: 320px;
	/* background-color: #0e113d; */
	position: absolute;
	padding-top: 10px;
	padding-bottom: 10px;
	/* top: 150px; */
	right: 0px;
	z-index: 3;
}

.panel2_4 *
{
	cursor: pointer;
}

.panel2_4 .div_item
{
	width: 250px;
	height: 50px;
	line-height: 50px;
	/* background-color: red; */
}

.panel2_4 .div_item:hover
{
	/* background-color: #34495e; */
	opacity: 0.7;
}

.panel2_4 .div_item label
{
	font-size: 15px;
	font-family: "Vazir";
	color: #ffffff;
	vertical-align: middle;
	padding-right: 20px;
}

.panel2_5
{
	width: 252px;
	height: 322px;
	background-color: #ffffff;
	position: absolute;
	padding: 10px;
	/* top: 50px; */
	left: calc(50% - 126px);
	border: 1px solid #ecf0f1;
	z-index: 1;
}

.panel2_5 *
{
	cursor: pointer;
}

.panel2_5 .div_item
{
	width: 230px;
	height: 50px;
	line-height: 50px;
	/* background-color: red; */
	border-bottom: 1px solid #ecf0f1;
}

.panel2_5 .div_item:last-child
{
	border-bottom: 0px;
}

.panel2_5 .div_item:hover
{
	background-color: #c3c3c3;
}

.panel2_5 .div_item label
{
	font-size: 15px;
	font-family: "Vazir";
	color: #000000;
	vertical-align: middle;
	padding-right: 20px;
}

.panel2_6
{
	width: 200px;
	max-height: 320px;
	background-color: #ffffff;
	border: 1px solid #e6e6e6;
	position: absolute;
	/* padding-top: 10px; */
	/* padding-bottom: 10px; */
	/* top: 150px; */
	left: 5px;
	z-index: 3;
	border-radius: 3px;
}

.panel2_6 .div_item
{
	text-align: right;
	border-bottom: 1px solid #e6e6e6;
	padding: 10px;
	cursor: pointer;
}

/* .panel2_6 .div_item:last-child */
/* { */
	/* border-bottom: 0px; */
/* } */

.panel2_6 .div_item label
{
	font-family: 'Vazir';
	font-size: 17px;
	cursor: pointer;
}

.panel2_6 .div_item span
{
	font-size: 20px;
	cursor: pointer;
	float: left;
}

@media only screen and (min-width: 1000px)
{
	.panel2_1
	{
		display: inherit;
	}
}

@media only screen and (min-width: 600px) and (max-width: 999px)
{
	.panel2_2
	{
		display: inherit;
	}
}

@media only screen and (max-width: 599px)
{
	.panel2_3
	{
		display: inherit;
	}
}