﻿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;
    }
}
