@import url('fonts.css'); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */

.logo
{
    width:32px;
    height:auto;
}

.nopadding {
    padding: 0px;
}

.nomargin {
    margin: 0px;
}

.persian-12 {
    font-family: IRANSans;
    font-size: 12px;
    direction: rtl;
}

.persian-14 
{
    font-family: IRANSans;
    font-size: 14px;
    direction: rtl;
}

.persian-16 
{
    font-family: IRANSans;
    font-size: 16px;
    direction: rtl;
}

.persian-18 {
    font-family: IRANSans;
    font-size: 18px;
    direction: rtl;
}


.persian-20
{
    font-family: IRANSans;
    font-size: 20px;
    direction: rtl;
}

.persian-22 {
    font-family: IRANSans;
    font-size: 22px;
    direction: rtl;
}
.persian-24 {
    font-family: IRANSans;
    font-size: 24px;
    direction: rtl;
}

.persian-32 
{
    font-family: IRANSans;
    font-size: 32px;
    direction: rtl;
}

.persian-48 
{
    font-family: IRANSans;
    font-size: 48px;
    direction: rtl;
}

.persianBold 
{
    font-weight:bold;
}

.persianNormal {
    font-weight: normal;
}

.height100 {
    height: 100vh;
}

a, a:hover, a:visited 
{
    text-decoration: none;
}

.hoverRow:hover 
{
    background-color: lightyellow;
}

.paddingRight 
{
    padding-right:32px;
}
.paddingRight-16 {
    padding-right: 16px;
}

.paddingRight-8 {
    padding-right: 8px;
}



.paddingLeft 
{
    padding-left: 32px;
}

.paddingLeft-16 {
    padding-left: 16px;
}

.paddingLeft-8 {
    padding-left: 8px;
}

.width-5 {
    width: 5%;
}
.width-10 {
    width: 10%;
}
.width-15 {
    width: 15%;
}
.width-20 {
    width: 20%;
}
.width-25 {
    width: 25%;
}
.width-30 {
    width: 30%;
}
.width-35 {
    width: 35%;
}
.width-40 {
    width: 40%;
}
.width-45 {
    width: 45%;
}
.width-50 
{
    width: 50%;
}
.width-55 {
    width: 55%;
}
.width-60 {
    width: 60%;
}
.width-65 {
    width: 65%;
}
.width-70 {
    width: 70%;
}
.width-75 
{
    width:75%;
}
.width-80 {
    width: 80%;
}
.width-85 {
    width: 85%;
}
.width-90 
{
    width: 90%;
}
.width-95 {
    width: 95%;
}

.width-100 {
    width: 100%;
}

.date-DayMonth 
{
    width:30px;
}
.date-Year 
{
    width: 80px;
}
.time 
{
    width: 25px;
}

.paddingTop 
{
    padding-top:16px;
}
.paddingBottom {
    padding-bottom: 16px;
}

.paddingTop-4 {
    padding-top: 4px;
}

.paddingBottom-4 {
    padding-bottom: 4px;
}

.paddingTop-6 {
    padding-top: 6px;
}

.paddingBottom-6 {
    padding-bottom: 6px;
}

.paddingTop-8 {
    padding-top: 8px;
}

.paddingTop-12 {
    padding-top: 12px;
}

.paddingBottom-12 {
    padding-bottom: 12px;
}

.paddingTop-16 {
    padding-top: 16px;
}

.paddingTop-32 {
    padding-top: 32px;
}

.paddingTop-48 {
    padding-top: 48px;
}

.paddingTopPercent-2 
{
    padding-top: 2%;
}

.paddingTopPercent-4 {
    padding-top: 4%;
}

.paddingBottom-8 {
    padding-bottom: 8px;
}

.paddingBottom-16 {
    padding-bottom: 16px;
}

.paddingBottom-32 {
    padding-bottom: 32px;
}

.paddingBottom-64 {
    padding-bottom: 64px;
}

.paddingAll-8 {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
}

.paddingAll-16 {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
}

.paddingAll-32 {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
}




.ishide {
    display:none;
}

.rtl {
    direction:rtl;
}

.ltr {
    direction: ltr;
}

.nowrap {
    white-space: nowrap;
}

.inLineBlock 
{
    display: inline-block;
}

.grid-container {
    display: grid;
    grid-template-rows: auto auto auto;
    grid-auto-flow: column;
    overflow-x: scroll;
}

.hoverHand
{
    cursor:pointer;
}

.pageBreak 
{
    page-break-before: always;
}

.icon 
{
    width:24px;
    height:24px;
}