/*@font-face {
    font-family: 'iransans';
    src: url("../../fonts/persian/IRANSans.ttf?srf3rx");
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: "lalezar";
    src: url("../../fonts/lalezar/lalezar.ttf");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 900;
    font-display: fallback;
    src: url('../../fonts/eot/IRANSansWeb_Black.eot');
    src: url('../../fonts/eot/IRANSansWeb_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/woff2/IRANSansWeb_Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../../fonts/woff/IRANSansWeb_Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/ttf/IRANSansWeb_Black.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-display: fallback;
    font-weight: bold;
    src: url('../../fonts/eot/IRANSansWeb_Bold.eot');
    src: url('../../fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../../fonts/woff/IRANSansWeb_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-display: fallback;
    font-weight: 500;
    src: url('../../fonts/eot/IRANSansWeb_Medium.eot');
    src: url('../../fonts/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../../fonts/woff/IRANSansWeb_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-display: fallback;
    font-weight: 300;
    src: url('../../fonts/eot/IRANSansWeb_Light.eot');
    src: url('../../fonts/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../../fonts/woff/IRANSansWeb_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-display: fallback;
    font-weight: 200;
    src: url('../../fonts/eot/IRANSansWeb_UltraLight.eot');
    src: url('../../fonts/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../../fonts/woff/IRANSansWeb_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-display: fallback;
    font-weight: normal;
    src: url('../../fonts/eot/IRANSansWeb.eot');
    src: url('../../fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/woff2/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../../fonts/woff/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/ttf/IRANSansWeb.ttf') format('truetype');
}

body , input , p ,button,h6,h5,h4,h3,h2,h1,i,select,textarea{
    font-family: IRANSans;
}

.iranSans{
    font-family: IRANSans;
}


 .customize-title{
     color: #15bccb;
     border-bottom: 5px solid #f1f1f1;
 }

input {
    border-radius: 8px !important;
    border: #f1f1f1 1px solid !important;
    font-size: 14px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    height: calc(1.35em + 1.1rem + 2px) !important;
    direction: rtl;
    text-align: right;
    background: #f1f1f1;
    border-bottom: #d4d4d4 solid 1px !important;
}

.english{
    direction: ltr;
    text-align: right;
}

label {
    padding-right: 16px !important;
    font-size: 12px !important;
}




/*
table
 */
@media screen and (max-width: 600px) {
    body {
        /* font-size: 16px;
         line-height: 22px;*/
    }
}

.table {
    margin: 0 0 0 0;
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    display: table;
    border-radius: 8px;
}

@media screen and (max-width: 580px) {
    .table {
        display: block;
        border-radius: 8px;
    }
}

.tableRow {
    display: table-row;
    background: #ffffff;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.tableRow:hover{
    background: #f1f1f1;
}

.tableRow:nth-of-type(odd) {
    background: #f3f3f3;
}

.tableRow.header {
    font-weight: 700;
    color: #000;
    background: #ffffff;


}

@media screen and (max-width: 580px) {
    .tableRow {
        padding: 14px 0 7px;
        display: block;

    }

    .tableRow.header {
        padding: 0;
        height: 6px;
    }

    .tableRow.header .tableCell {
        display: none;
    }

    .tableRow .tableCell {
        margin-bottom: 10px;
    }

    .tableRow .tableCell:before {
        margin-bottom: 3px;

        content: attr(data-title);
        min-width: 160px;
        font-size: 10px;
        line-height: 10px;
        font-weight: bold;
        text-transform: uppercase;
        color: #ca27ee;
        display: block;
    }
}

.tableCell {
    text-align: center;
    padding: 5px 5px;
    display: table-cell;
}

@media screen and (max-width: 580px) {
    .tableCell {
        padding: 2px 16px;
        display: block;
    }
}