@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 900;
    src: url("fonts/IRANYEKANEXTRABOLD.TTF") format("truetype");
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: bold;
    src: url("fonts/IRANYEKANBOLD.TTF") format("truetype");
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 500;
    src: url("fonts/IRANYEKANMEDIUM.TTF") format("truetype");
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: normal;
    src: url("fonts/IRANYEKANREGULAR.TTF") format("truetype");
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 300;
    src: url("fonts/IRANYEKANLIGHT.TTF") format("truetype");
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 200;
    src: url("fonts/IRANYEKANTHIN.TTF") format("truetype");
}
html, body, input, select
{
	font-family: iranyekan;
}


.panel
{
	direction: rtl;
}
.exCalcResults, .exChart
{
	display: none;
}
.exCalcResults p
{
	font-weight: 300;
}
.exCalcResults p span
{
	font-weight: 900;
}
.exLabel
{
	color: #555555;
	font-weight: 300;
}
.exChart
{
	width: calc(100% - 430px);
	height: calc(100vh);
	padding: 50px;
	background-color: white;
	position: fixed;
	top: 0;
	left: 0;
}
p
{
	text-align: right
}
header
{
	background-color: white;
	padding: 5px 5px 0;
	direction: rtl;
	position: sticky;
	top: 0;
	z-index: 100;
	border-bottom: 3px solid #e5436b;
	white-space: nowrap;
	overflow: auto;
}
header a
{
	display: inline-block;
	vertical-align: top;
	background-color: #dae0e5;
	border-radius: 5px 5px 0 0;
	padding: 10px;
	color: #555555;
	direction: ltr;
	transition: 0s;
	font-size: 16px;
	font-weight: bold;
}
header a.active
{
	background-color: #e5436b;
	color: white;
}

textarea.form-control
{
	min-height: 100px;
}

.progress_parent
{
	height: 0;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	margin-top: 10px;
	background-color: whitesmoke;
	animation-name: blinking;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.progress_bar
{
	background-color: #e5436b; /* from #255afb */
	height: 100%;
	width: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.progress_percent
{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	line-height: 33px;
}

.artHr
{
	height: 1px;
	width: 100%;
	background-color: #ededed;
	margin: 30px 0;
}
.artInfoTitle
{
	float: right;
	margin-top: 0;
	margin-bottom: 0.3rem;
}
.artInfoValue
{
	float: left;
	font-weight: 600;
	margin-top: 0;
}
.artFieldNote
{
	margin-top: 5px;
	font-size: 11px;
	padding-right: 10px;
	margin-bottom: 0;
}
.historyDate
{
	font-size: 11px;
	opacity: 0.5;
	margin-top: 3px;
}

.artBtnFull
{
	display: block;
}