@font-face{
    src:
        url("../fonts/iran_sans.ttf") format("ttf"), 
        url("../fonts/iran_sans.woff") format("woff"), 
		url("../fonts/iran_sans.eot") format("eot"); 
	font-family:iran_sans;
	font-weight:normal;
	font-style:normal;
}
@font-face{
    src:
        url("../fonts/IranianSansRegular.ttf") format("ttf"),
		url("../fonts/IranianSansRegular.woff") format("woff"),
		url("../fonts/IranianSansRegular.eot") format("eot");
       
	font-family:iransans_Regular;
	font-weight:normal;
	font-style:normal;
}
@font-face{
    src: 
        url("../fonts/iransans-UltraLight-web.ttf") format("ttf"),
        url("../fonts/iransans-UltraLight-web.woff") format("woff"),
        url("../fonts/iransans-UltraLight-web.eot") format("eot");
        font-family:iransans_UltraLight;
        font-weight:normal;
        font-style:normal;
} 
@font-face{
    src:     
        url("../fonts/IRANSansWeb_Bold.ttf") format("ttf"), 
        url("../fonts/IRANSansWeb_Bold.woff") format("woff"), 
        url("../fonts/IRANSansWeb_Bold.eot") format("eot");
        font-family:iransans_Bold;
        font-weight:normal;
        font-style:normal;
}
body{
	font-family: iran_sans;
} 
.wrapper{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header img{
	width: 110px;
}
.header{
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #003777;
	/* background-color: #093361; */
	background-color: rgba(255,255,255,0.95);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.05);
}
.card{
	width: 1000px;
}

.category-item:hover{
	cursor: pointer;
}
.category-item{
	border-radius: 3px;
	padding: 5px; 
}
.category-row{ 
	margin-bottom: 16px;
	border-radius: 3px; 
} 
.category-row .row{  

} 
.box-border{
	width: 100%;
	border: 1px solid #eee; 
	padding: 5px 10px;
	display: flex;
	align-items: center; 
	justify-content: space-between;
}

.category-title{
	font-family: iransans_Bold; 
	font-size: 17px;
	padding-bottom: 16px;
	margin-bottom: 0 !important	;
	margin-top: 10px  ; 
}

.outer-container { 
    font-size: 1.2rem;
	margin-top: 16px;
}
 
.step-content { 
}
.btn{
	font-size: 20px;
	padding: 3px 16px;
}
.aiia-wizard{
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
	border-radius: 8px;
}
.aiia-wizard-progress-buttons-wrapper{
	margin: 0 !important;
	border-bottom: 1px solid #eee; 
}
.aiia-wizard-buttons-wrapper{
	padding: 16px;
	justify-content: flex-end;
	flex-direction: row-reverse;
}
.nav-pills{
	justify-content: center;
}
.nav-pills a:hover{
	cursor: default;
}
strong label{
	color: #337ab7;
}
.aiia-wizard-step{
	padding: 16px;
}
.aiia-wizard-step > h1 {
	display: none;
}
.nav li{ 
	display: flex;
	align-items: center;
	flex-direction: column;
}
.nav li.completed a{
	background-color: rgb(230, 230, 230);
}
.nav li.completed a span{
	display: flex;
}
.nav li.active a{
	background-color: #337ab7;
	color: white;
}
.nav li a{
	position: relative;
	color: #337ab7;
	text-decoration: none;
	padding: 0 16px !important;
	text-align: center;
	border-radius: 4px;
}
.nav li h1{
	margin-bottom: 0;
	line-height: 1;
}
.aiia-wizard-step-title .col-md-12{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.calculate-btn{
	position: relative;
}
.calculate-btn input:active,
.calculate-btn input:focus
{
	box-shadow: none !important;
}
.calculate-btn input{
	box-shadow: none !important;
	width: 110px;
	text-align: center;
	height: 32px;
	padding: 0 !important;
	padding-left: 14px !important;

}
.calculate-btn .btn{
	position: absolute;
	width: 28px;
    height: 28px;
    padding: 0 !important;
	top: 2px;
	margin: 0 !important;
}
.calculate-btn-minues{
	left: 2px;
}
.calculate-btn-add{
	right: 2px;
}