@font-face {
  font-family: Iranian Sans;
  src: url(../library/fonts/Iranian_Sans.ttf);
}

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

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

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

* {
	box-sizing: border-box;
	margin: 0px;
	/* padding: 4px; */
	font-family: b nazanin;
	font-weight: bold;
}
body {
	background: #ddeeff;
	text-align: center;
}
div {
	margin: 4px;
	/* padding: 4px; */
	font-family: b nazanin;
	font-weight: bold;
	display: block;
	float: none;
	position: static;
	overflow: auto;
}
div.totalDiv {
	/* width: 95%; */
	margin: auto;
}
div.part {
	/* float: left; */
	/* display: none; */
	/* float: none; */
	/* width: 95%; */
	min-width: 700px;
	/*max-width: 755px;*/
	margin: 4px auto;
	background: #fff4aacc;
	border: 2px solid #aaa;
    border-radius: 6px;
}
div.panelPart {
	max-width: 755px;
}
div.item {
	/*width: 175px; */
	float: right;
	/* margin: auto; */
	/* margin-right: 10px; */
	margin: 5px;
	min-width: 15%;
	/* height: 200px; */
	padding: 6px;
	text-align: right;
	/*background: #ffffffaa; */
	/*border: 1px solid #fff; */
    border-radius: 4px;
}
div.itemShort {
	width: 240px; 
	background: #ffffff99; 
	border: 1px solid #fff; 
}
div.itemShort:hover {
	background: #ffffffee; 
}
div.itemShort:active {
	background: #fafaffff; 
}
div.itemBig {
	width: 365px; 
}
fieldset {
	/* width: 95%; */
	/* width: max-content; */
	border: 4px solid grey;
	/*background: url(../media/sources/bg13.png)  0% 0% /8%;*/
	background: #e9e9e9;
}
p {
	padding: 6px;
	margin: 0px;
	overflow: hidden;
	direction: rtl;
}
input, button, select, textarea {
	padding: 1px;
	color: #000;
	font-size: 14px;
	/*direction: rtl;*/
	min-width: 750px;
	/*height: 29px;*/
	background: #ffffff;	
	border: 1px solid #a9a9a9;
	border-radius: 4px;
}
div.textArea {
	/* max-width: 66%; */
	/* margin-right: 14px; */
	/* overflow: hidden; */
}
textArea.overFlowHidden {
	font-family: tahoma;
	font-weight: normal;
	letter-spacing: 1px; 
    overflow: hidden;
}
p.floatRight {
	float: right;
}
inputTitle {
	min-width: 200px;
}
select {
	float: right;
    min-width: 200px;
    width: auto;
    direction: rtl;
	/* margin: -6px; */
}
/* option { */
	/* padding: 0px 1px; */
/* } */
div.center {
	float: none;
	margin: auto;
}
input.button {
	display: block;
	min-height: 58px;
	color: #111;
	margin: 10px auto;
    background: #eee;
    font-size: 20px;
}
.wider {
	/* display: block; */
	/* visibility: visible; */
	/*padding: 12px 290px;*/
}
form {
	min-width: 720px;
	/* float: right; */
	float: right;
	text-align: center;
}
.checkboxes {
    float: none;
    /*width: 90%;*/
    width: 620px;
    max-width: 700px;
    /*margin: 0px 60px 0px;*/
    /*padding: 0px 60px 0px;*/
    /* direction: rtl; */
}
.checkbox {
    float: right;
    width: 260px;
    min-width: 200px;
    margin: 6px;
    border-radius: 6px;
    background: #fffffb99;
}
.checkboxIcon {
    float: right;
    min-width: 20px;
    width: 20px;
    height: 20px;
    margin: 10px;
}
.checkboxText {
    float: right;
}
.searchButton, .searchButton:focus {
    /*float: right;*/
	/*width: 250px;*/
	width: 100%;
	min-width: 200px;
	height: 30px;
	margin: 6px auto;
	/* padding: 16px; */
	font-family: bzarbd;
	font-weight: bold;
	font-size: 14px;
	color: #333;
	border: 1px solid #aaa;
	border-radius: 4px;
	background-color: #fff;
	cursor: pointer;
}
.searchButton:active {
	background-color: #fff;
	width: 256;
	min-width: 150px;
	height: 26px;
	margin: 8px auto;
	border: 1px solid #fff;
	background-color: #fafaff;
	box-shadow: 0px 2px 2px grey;
}


@media screen and (min-width: 800px) {
	div.form {
		/* width: 760px; */
		/* float: right; */
		/* margin-top: 4px; */
		/* overflow: hidden; */
		margin: auto;
		width: fit-content;
	}
}
@media screen and (max-width: 640px) {
	div.form {
	    min-width: 300px;
		width: 340px;
	}
	form {
	    min-width: 300px;
		width: 340px;
	}
	fieldset {
		width: 340px;
	}
	div.totalDiv {
		width: 310px;
	}
    div.part {
    	min-width: 300px;
    	width: 98%;
    }
	div.item {
    	width: 95%;
		float: none;
		max-height: 200px;
		height: auto;
		/* overflow: hidden; */
	}
	textarea.textArea {
		min-width: 270px;
		width: 270px;
		font-size: 12px;
		/* overflow: hidden; */
	}
	input.button {
		float: left;
		min-width: 260px;
		margin: 2% 5%;
	}
	* {
		font-size: 13px;
	}
}