.active td { font-weight: bold }
.holderPanel{width: 100%; background:#fff; float:left;}
.SidemenuPanel{width: 16.66%; background:#444; float:left; display:block;height:100%; padding-bottom:15px;
-bracket-:hack[;height:auto;];
/* -webkit-height:auto;*/}
.contentPanel{width: 100%; background:#fff; float:left;}
.contentPanel{height:auto;}


.UserHead{display:block;}
#container{width:95%;margin: 20px auto;}
@media (max-width: 480px) {
.holderPanel{width: 100%;}
.SidemenuPanel{ display:none;}
.contentPanel{width: 100%;}

.UserHead{display:none;}
}
@media (min-width: 480px) and (max-width: 800px) {
.holderPanel{width: 100%;}
.SidemenuPanel{ display:none;}
.contentPanel{width: 100%;}

.UserHead{display:none;}
}


#btn_menu{ 
	cursor:pointer;
	color: #343434;

	text-decoration:none;
    transition: unset;
    font-size: 13px;
    padding: 5px 10px 5px 10px;
    text-align: center;
    text-decoration: none;
	
    font-family: IRANSans, Arial, Tahoma;

}

#btn_menu ul li a{
	transition: unset;
    padding-left: 5px;
    width: 100%;
    padding-right: 0px;
    text-align: left;
}
#btn_menu ul li{
	display: block;
	width: 100%;
}
#btn_menu ul li+li{
	border-top: 1px solid  #d9dbe4;
}
#btn_menu ul{
	visibility: hidden;
	z-index: 20;
	display: block;
	position: absolute;
	transition: unset;
	background: #f7f7f9;
	border: 1px solid #d9dbe4;;
	border-radius: 3px;
	width: 150px;
	top:100%;
	left: 0;

	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.35);
}

#btn_menu ul li:hover{
	background:#f9f9C2; 
	cursor:pointer;
}

#btn_menu:hover ul{
	visibility: visible;
}