﻿body {
	line-height: 1.07;
}

.container {
	max-width: 700px;
}

#page-logo {
	padding-top: 75px;
	text-align: center;
}

#horizontal-line-logo {
	margin-top: 60px;
}

#horizontal-line-title {
	margin-top: 0px;
	margin-bottom: 5px;
}

h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}

p {
	text-align: center;
}

#company-information-englishmail {
	text-decoration: none;
	text-align: center;
}

#company-information-adressmail {
	text-decoration: none;
	text-align: center;
}

#company-name-englishtitle {
	color: rgb(28,72,155);
	font-family: Fanavari;
	font-size: 23px;
	font-weight: bold;
	text-align: left;
}

#company-name-persiantitle {
	color: rgb(28,72,155);
	font-family: Fanavari;
	font-size: 23px;
	font-weight: bold;
	text-align: right;
}

#company-info-versionnumber-english {
	font-size: 15px;
	color: rgb(115,144,175);
	font-family: Iran Sans Web, Tahoma, DownloadTahoma;
	text-align: left;
}

#company-info-versionnumber-persian {
	font-size: 15px;
	color: rgb(115,144,175);
	font-family: Iran Sans Web, Tahoma, DownloadTahoma;
	text-align: right;
}

#company-information-englishname {
	font-size: 16px;
	color: rgb(115,144,175);
	font-family: Iran Sans Web, Tahoma, DownloadTahoma;
	text-align: left;
}

#company-information-persianname {
	font-size: 16px;
	color: rgb(115,144,175);
	font-family: Iran Sans Web, Tahoma, DownloadTahoma;
	text-align: right;
}

#company-information-englishtel {
	font-size: 16px;
	color: rgb(115,144,175);
	font-family: Iran Sans Web, Tahoma, DownloadTahoma;
	text-align: left;
}

#company-information-persiantel {
	font-size: 16px;
	color: rgb(115,144,175);
	font-family: Iran Sans Web, Tahoma, DownloadTahoma;
	text-align: right;
}

#company-information-englishmail {
	font-size: 16px;
	color: rgb(115,144,175);
	font-family: Iran Sans Web, Tahoma, DownloadTahoma;
	text-align: left;
}

#company-information-adressmail {
	font-size: 16px;
	color: rgb(115,144,175);
	font-family: Iran Sans Web, Tahoma, DownloadTahoma;
	text-align: right;
}

#more-information-data {
	float: right;
	color: rgb(39,144,198);
	font-size: 16px;
	padding-right: 0px;
	padding-left: 45px;
	font-family: Iran Sans Web, Tahoma, DownloadTahoma;
	text-align: right;
	direction: rtl;
	margin: 0;
}

#more-information {
	padding: 12px 0;
}

#product-item-data-right {
	margin-top: 5px;
	border: 0px solid;
	border-radius: 25px;
	background-color: rgb(229,235,241);
	color: rgb(125,125,125);
	padding: 0.01em 16px;
	text-align: right;
	text-decoration: none;
	font-size: 14px;
	font-family: Iran Sans Web, Tahoma, DownloadTahoma;
	padding-right: 0px;
	margin-left: 6px;
	width: 49%;
}

#product-item-data-left {
	margin-top: 5px;
	border: 0px solid;
	border-radius: 25px;
	background-color: rgb(229,235,241);
	color: rgb(125,125,125);
	padding: 0.01em 16px;
	text-align: right;
	text-decoration: none;
	font-size: 14px;
	font-family: Iran Sans Web, Tahoma, DownloadTahoma;
	padding-right: 0px;
	margin-right: 7px;
	width: 49%;
}

#horizontal-line-footer {
	margin-top: 30px;
}

.product-item-icon {
	background-repeat: no-repeat;
	width: 29px;
	height: 25px;
	float: right;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9,
.col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3,
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
.col-lg-10, .col-lg-11, .col-lg-12 {
	padding-left: 0px;
	padding-right: 0px;
}

/*Just to compatibilty back with bootstrap ver 3.0.0*/
.col-lg-6 {
	float: left;
}

hr {
	border-top: 1px solid #c1c1c1;
}

#more-information ~ .row {
	line-height: 1.5;
	display: block;
}

#horizontal-line-info hr {
	margin-top: 2px;
}

#product-item-icon-officeautomation {
	background: url( ./Images/officeAutomation.png );
}

#product-item-icon-business {
	background: url( ./Images/business.png );
}

#product-item-icon-contract {
	background: url( ./Images/contract.png );
}

#product-item-icon-exchange {
	background: url( ./Images/exchange.png );
}

#product-item-icon-asset {
	background: url( ./Images/asset.png );
}

#product-item-icon-warehouse {
	background: url( ./Images/warehouse.png );
}

#product-item-icon-portalperssonel {
	background: url( ./Images/portalperssonel.png );
}

#product-item-icon-treasury {
	background: url( ./Images/treasury.png );
}

#product-item-icon-timesheet {
	background: url( ./Images/timesheet.png );
}

#product-item-icon-credits {
	background: url( ./Images/credits.png );
}

#product-item-icon-employment {
	background: url( ./Images/employment.png );
}

#product-item-icon-holdingaccounting {
	background: url( ./Images/holdingaccounting.png );
}

#product-item-icon-payrol {
	background: url( ./Images/payrol.png );
}

#product-item-icon-account {
	background: url( ./Images/account.png );
}

@media (min-width: 768px) {
	#product-item, #more-information {
		/*width: 75%;
        margin-left: auto;
        margin-right: auto;*/
	}

	hr {
		/*width: 68%;*/
		margin-bottom: 0px;
		margin-top: 0px;
	}
}

@media (max-width: 767px) {
	#company-name-englishtitle,
	#company-info-versionnumber-english,
	#company-information-englishname,
	#company-information-englishtel,
	#company-information-englishmail {
		display: none;
	}

	#company-name-persiantitle,
	#company-info-versionnumber-persian,
	#company-information-persianname,
	#company-information-persiantel,
	#company-information-adressmail {
		float: right;
		width: 100%;
	}

	#more-information {
		float: right;
	}

	#product-item-data-right {
		width: 100%;
		margin-left: 0px;
	}

	#product-item-data-left {
		width: 100%;
	}

	#more-information {
		width: 100%;
	}

	h1, p {
		text-align: right;
	}

	hr {
		margin-bottom: 0px;
		margin-top: 0px;
	}

	#more-information-data {
		padding-left: 0px;
		font-size: 14px;
		white-space: nowrap;
		width: 98%;
		overflow: hidden;
		text-overflow: ellipsis;
		direction: rtl;
	}
}
