@font-face {
    font-family: Byekan;
    src: url(../fonts/byekan.ttf);
}

*{padding: 0; margin: 0;}
a{text-decoration: none;}


body{
	background: url(../img/pattern/bg1.jpg);
	direction: rtl;
}

.wrap{
	width: 80%;
	margin: auto;
}

form{
	border: 1px solid #FFA500;
	border-radius: 3px;
	display: inline-block;
	width: 350px;
	margin: 10px 0px;
	padding: 0px 0px 10px 0px;
	background: #FFFFFF;
	box-shadow: 13px 13px 40px rgba(255, 165, 0, 0.39);
}

.form-table{
	margin: 10px;
}

form input{
	padding: 5px;
}



#ShowAdminInfo span{
	font-size: 18px;
	font-family: cursive;
}

#ShowAdminInfo table{
	width: 100%;
}

#ShowAdminInfo table tr:nth-child(odd){border-bottom: 1px solid orange;}
#ShowAdminInfo table tr:nth-child(even){border-bottom: 1px solid orange;}
#ShowAdminInfo table tr:last-child{border-bottom: none;}
#ShowAdminInfo table tr:hover{background: #fff;}
#ShowAdminInfo table td{padding: 10px; text-align: center;}

.form-head{
	background: orange;
	padding: 20px;
	margin-bottom: 10px;
	color: #fff;
	font-family: cursive;
}


#username, #password, #cpassword,
#EditUsername, #EditPassword,
#CommodityName, #CommodityWight,
#EditCommodityPass, #CommodityPrice,
#CommodityCarat, #designName ,#cost, #comments
{
	background-size: 20px 20px;
	background-position: 5%;
	background-repeat: no-repeat;
	border: 1px solid #FFA500;
	height: 40px;
	border-radius: 3px;
	padding: 7px;
	margin: 5px;
}


#username{background-image: url(../img/M/name.ico);}
#password{background-image: url(../img/M/key.ico);}


#submit, .upload-submit, #add-sub-menu,
#edit_cat,#edit_subcat{
 	width: 100px;
	padding: 3px;
	margin-top: 10px;
	margin-right: 5px;
	background: #FFA500;
	border: 1px solid #FFA500;
	color: #fff;
	font-size: 17px;
	border-radius: 3px;
	-webkit-transition: 0.4s;
	 -moz-transition: 0.4s;
	 transition: 0.4s;
 }

 #edit_cat,#edit_subcat{
 	background: rgb(231, 41, 34);
 	border: none;
 	float: left;
 	margin-left: 17px;
	width: 93px;
}
 #edit_cat:hover,#edit_subcat{
 	cursor: pointer;
 	border:none;
 }


 #submit:hover, .upload-submit:hover, #add-sub-menu:hover{
 	color: #FFA500;
 	background: #fff;
 	cursor: pointer;
 }

 .upload-submit{
 	width: 120px;
 }

 /***** Admin.php *****/
 #menu-bar{
 	display: block;
 	float: left;
 	/*position: fixed;*/
 }

 #menu-bar a{
 	color: #fff;
 }

#menu-bar a:hover{
	background: transparent;
}

 #menu-bar ul{
 	/*border: 1px solid blue;*/
 	float: left;
 	padding: 0;
 	width: 280px;
 }

 #menu-bar ul li{
	list-style-type: none;
	border-bottom: 1px solid rgba(121, 121, 121, 0.77);;
	padding: 10px;
	font-family: cursive;
	background: #3d3d3d;
	color: #fff;
	-webkit-transition: .2s ease-in-out; /* .2second tool bekeshe move shodan ha */
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    
 }

#menu-bar ul li:hover>i{	
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	-moz-transform: rotate(720deg);
	-webkit-transform: rotate(720deg);
	-o-transform: rotate(720deg);
	-ms-transform: rotate(720deg);
	transform: rotate(720deg);

}

 #menu-bar ul li:hover{
 	cursor: hand;
 	background: #2697db;
 }

 #menu-bar ul li i{
 	float: left;
 	margin: 5px 10px 1px 5px;
 }

/* #menu-bar{
	margin-top: -450px;
}*/

#menu-bar i{
	color: orange;
}
	
#hide-menu{
	display: none;
}	

#menu-bar li:hover > i{
	color: #fff;
}

#show-menu{display: none;}

 #forms{
	margin: 0px auto;
 }

 #file{
 	direction: ltr;
 	margin-right: -10px;
	display: block;
 }

 label{font-family: cursive;}

 #indexImg input[type="submit"]{
 	width: 120px;
 }

#selection,#selection-sub{
	border: 1px solid rgb(255, 165, 0);
	border-radius: 3px;
	margin: 5px -50px 5px 0px;
	padding: 3px;
	font-family: cursive;
}

#selection-sub{width: 105px;}

#has-pass{
	margin:5px 15px 0px 0px;
}

.radio-btn{
	margin-left: 5px;
}


#EditCommodity{
	width: 60%;
	height: 300px;
	display: none;
}

#EditCommodity-input, #AddCategorySubcategory-input, #sub-menu-name{
	border: 1px solid rgb(255, 165, 0);
	border-radius: 2px;
}

#sub-menu-name{
	width: 105px;
	margin-right: 57px;
}

#showSubMenu{
	background: orange;
	/*width: 105px;
	margin-left: 50px;*/
	width: 150px;
	margin-left: 8px;
	border-radius: 2px;
}

#showSubMenu tr td{
	padding: 8px;
	font-family: cursive;
	color: #fff;
	border-bottom: 1px solid rgba(157, 64, 7, 0.41);
}

#editAdminInfo-table{
	margin: 0px 10px 0px 10px;
}

#edit-delete{
	margin: 10px 0px 0px 0px;
}

#edit-delete tr{
	font-family: cursive;
}

#edit-delete td{
	text-align: left;
	padding-left: 10px;
}

#edit-delete tr td input{
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid orange;
	color: blue;
	border-radius: 3px;
	width: 180px;
	text-align: left;
	padding-left: 10px;
}

#edit-delete tr:nth-child(odd){
	background: rgba(255, 165, 0, 0.37);
}

#edit-delete tr:nth-child(even){
	background: rgba(255, 198, 94, 0.8);
}

#edit-delete th{
	width: 100px;
	text-align: right;
	padding: 4px;
}

#edit-btn{
	width: 170px;
	padding: 5px 5px 9px 5px;
	margin-top: 10px;
	margin-bottom: 3px;
	background: #FFA500;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-family: cursive;
	border: none;
	border-radius: 5px;
	-webkit-transition: .3s ease-in-out; /* .3second tool bekeshe move shodan ha */
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#edit-btn:hover{
	cursor: hand;
	background: #fff;
	color: #FFA500;
	border: 1px solid #FFA500;
	border-radius: 5px;
}

#delete-btn{
	width: 170px;
	padding: 5px 5px 10px 5px;
	background: #d9534f;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-family: cursive;
	border: none;
	border-radius: 5px;
	-webkit-transition: .3s ease-in-out; /* .3second tool bekeshe move shodan ha */
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#delete-btn:hover{
	cursor: hand;
	background: #fff;
	color: #d9534f;
	border: 1px solid #d9534f;
	border-radius: 5px;
}

#edit-btn i, #delete-btn i{
	float: right;
	position: relative;
		top: 5px;
}

#indexImg input[type="file"]{
	margin-left: 54px;
}

#indexImg_product input[type="file"]{
	margin-left: 15px;
}

#indexImg_product #submit{
	width: 115px;
}

#editCategory-table, #editSubCategory-table{
	width: 100%;
}

#editCategory-table thead ,#editSubCategory-table thead{
	text-align: center;
	font-size: 17px;
	color: #fff;
	font-family: cursive;
	background: orange;
}

#editCategory-table thead tr td, #editSubCategory-table thead tr td{
	padding: 10px 0px 10px 0px;
}

#editCategory-table tr, #editSubCategory-table tr{
	text-align: center;
	font-family: cursive;
	padding: 10px;
}

#editCategory-table tbody tr:nth-child(odd),
#editSubCategory-table tbody tr:nth-child(odd){
	
}

#editCategory-table tbody tr:nth-child(even),
#editSubCategory-table tbody tr:nth-child(even){
	background: linear-gradient(to bottom, #f2be3c 0%,#f2dca7 51%,#f2be3c 100%); /* W3C */
}


#editCategory-table tbody td,
#editSubCategory-table tbody td{
	padding: 5px;
}

#InsertHorizontal{display: none;}
#InsertVertical{display: none;}
#AddIndexImage{display: none;}
#index-cost{font-family: cursive;}



#product-edit-confirm-form input[type="submit"],
#SubProduct-edit-confirm-form input[type="submit"] {
	background: rgba(19, 189, 19, 0.92);
	border: none;
	width: 70px;
	border-radius: 3px;
	color: #fff;
	font-family: cursive;
}

.alarm{
	font-family: cursive;
	font-size: 17px;
	padding-right: 50px;
	padding-bottom: 15px;
}

.no{
	background: rgb(223, 33, 47);
	padding: 5px;
	width: 55px;
	font-family: cursive;
	color: #fff;
	border-radius: 3px;
	text-align: center;
}

.no:hover{
	-webkit-transition: .3s ease-in-out; /* .3second tool bekeshe move shodan ha */
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
	cursor: pointer;
}

#product-edit-confirm-form
{
	margin-top: 110px;
	display: none;
}

#SubProduct-edit-confirm-form{
	margin-top: 110px;
	display: none;
}

#p-menu-img{
	direction: ltr;
	margin-left: 0px;
	width: 115px;
}

#sub-menu-img{
	width: 115px;
	/* clear: both; */
	margin-top: 5px;
	margin-bottom: 20px;
	overflow: hidden;
	float: left;
}

/*#my1{*/
	/*display: none;	
	background: rgba(66, 67, 68, 0.64);
	width: 100%;
	height: 100%;
}
#my2{
	display: none;	
	background: rgba(66, 67, 68, 0.64);
	width: 100%;
	height: 100%;
}*/


/*
******
****** Responsive
******
*/
@media only screen and  (max-width: 900px){

	form{
		width: 290px;
	}

	#EditUsername, #EditCommodityPass, #EditPassword{
		width: 150px;
	}

	/*#file{
		margin-right: -60px;
	}*/

	#EditCommodity{
		width: 85%;
	}

	#menu-bar{
		margin-top: -405px;
		position: fixed;
		margin-bottom: 10px;
	}

	#show-menu{display: block;}

	#ShowAdminInfo{padding-top: 70px;}

	#indexImg input[type="file"]{
		margin-left: 25px;
	}

	#menu-bar{width: 100%;}
	#menu-bar ul{width: 100%;}

	#editCategory-table, #editSubCategory-table{
		margin-bottom: 10px;
	}

	#indexImg_product input[type="file"] {
		margin-left: 2px;
	}

}