
@font-face {
	font-family: 'Mitra';
	src: url('/common/font/webmitra/WebMitraBold.eot');
	src: url('/common/font/webmitra/WebMitraBold.eot?#iefix') format('embedded-opentype'),
	url('/common/font/webmitra/WebMitraBold.woff?cbt=1') format('woff'),
	url('/common/font/webmitra/WebMitraBold.ttf') format('truetype');
	url('/common/font/webmitra/WebMitraBold.svg#mitra') format('svg');
	font-style: normal;
	font-weight: bold;
}

@font-face {
	font-family: 'BYekan';
	src: url('/common/font/yekan/Yekan.eot');
	src: url('/common/font/yekan/Yekan.eot') format('embedded-opentype'),
		url('/common/font/yekan/Yekan.woff') format('woff'),
		url('/common/font/yekan/Yekan.ttf') format('truetype'),
		url('/common/font/yekan/Yekan.svg#yekan') format('svg');
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/common/font/ubuntu/ubuntu-regular-webfont.eot');
    src: url('/common/font/ubuntu/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/font/ubuntu/ubuntu-regular-webfont.woff') format('woff'),
         url('/common/font/ubuntu/ubuntu-regular-webfont.ttf') format('truetype'),
         url('/common/font/ubuntu/ubuntu-regular-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* iris specific -----------------------------------------------------------------------------------------------------*/

:focus {outline:none;}

a {
	font-family: 'BYekan';
	text-decoration: none;
	font-weight: bold;
	color: #007af4;
}

a.zar {
	font-weight: normal;
}

.zar {
	font-family: 'BYekan';
	font-size: 10.5pt;
	direction: rtl;
	line-height: 20pt;
	text-align: justify;
}

.text {
	font-family: 'Mitra';
	font-size : 11pt;
	font-weight: bold;
	direction:rtl;
}

.TitrMini{
	margin-top: 30px;
	font-family: 'Mitra';
	font-size: 14pt;
	direction:rtl;
	text-align:right;
	color:#00A0EB;
	font-weight:bold;
}

.TitrMinor{
	font-family: 'Mitra';
	font-size: 13pt;
	direction:rtl;
	text-align:right;
	color:#00A0EB;
	font-weight:bold;
}

.zarEn {
	font-family: Ubuntu;
	font-size : 11pt;
	font-weight: normal;
	direction: ltr;
	line-height: 18pt;
}

.right {
	text-align: right;
}

.zarsmallEn {
	font-family: Ubuntu;
	font-size : 9pt;
	font-weight: normal;
	direction: ltr;
	line-height: 18pt;
}


img.grayscale,
.disabled img.grayscaled,
img.grayscaleh {
	filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

ul.normal,
ol.normal {
	list-style: inherit;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: inherit;
	padding-right: 30px;
	padding-left: 30px;
	line-height: inherit;
}

ul.zar li, ol.zar li {
	line-height: 18pt;
}

.inline-pic {
	margin: 20px 30px 20px 10px !important;
}

/* ---------------- button ------------- */

.btn {
	cursor: pointer;
	border-radius: 5px;
	text-decoration: none;
	padding: 2px 10px 4px 10px;
	transition: background-color .3s;

	display: inline-block;

	outline: 0;
	font-family: 'Mitra';
	font-size : 11pt;
	direction:rtl;
	font-weight: bold;
	background-color: white;

	color: #489FE1;
	border: 1px #55acee solid;
}

.btn-small {
	font-size: 10pt;
}

.btn:hover {
	background-color: #55acee;
	color: #fff;
	border: 1px solid #4891c9;
}

.btn:disabled,
.btn.disabled {
	background-color: #eee !important;
	color: #999 !important;
	border-color: #aaa !important;
	text-shadow: 1px 1px 1px white;
	cursor: not-allowed;
}

.btn:active {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.btn-big {
	font-size: 13pt;
}

.btn-english {
	font-family: ;
	font-size: 10pt;
	font-weight: bold;
	line-height: 1.8em;
}

.btn.blue {
	color: #55acee;
	border: 1px #55acee solid;
}

.btn.blue:hover {
	background-color: #55acee;
	color: #fff;
	border: 1px solid #4891c9;
}

.btn.green {
	color: #00b44c;
	border: 1px #00b44c solid;
}

.btn.green:hover {
	color: #fff;
	background-color: #2ecc71;
	border: 1px solid #26ad5f;
}

.btn.red {
	color: #e74c3c;
	border: 1px #e74c3c solid;
}

.btn.red:hover {
	color: #fff;
	background-color: #e74c3c;
	border: 1px solid #c04032;
}

.btn.purple {
	color: #9b59b6;
	border: 1px #9b59b6 solid;
}

.btn.purple:hover {
	color: #fff;
	background-color: #9b59b6;
	border: 1px solid #7e4994;
}

.btn.orange {
	color: #e67e22;
	border: 1px #e67e22 solid;
}

.btn.orange:hover {
	color: #fff;
	background-color: #e67e22;
	border: 1px solid #bc671b;
}

.btn.gray {
	background-color: #eee;
	color: #999;
	border-color: #aaa;
	text-shadow: 1px 1px 1px white;
	cursor: not-allowed;
}

.btn.gray:hover {
	background-color: #eee;
	color: #999;
	border-color: #aaa;
	text-shadow: 1px 1px 1px white;
}