/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 24, 2020, 10:44:27 AM
    Author     : tsinco Mohammad Hossein 11/24/2020
*/


@media screen {
    .print {
        display: none; /*Prevents print version of table from showing on screen*/
    }
    .header{
        display: none;
    }
    .tbl-foot{
        display: none;
    }


}
/*@media print {
    .data {
        display: none; Prevents screen version of table from showing in print
    }
    .print {
        display: block;
    }
    .print > .data {
        display: inline-table; Prevents page breaks better than page-break-inside: avoid;
        vertical-align: top;
    }
    .overlap {
        margin-bottom: -27pt; Negative row height (including borders)
    }
    .empty-table{
        border:none !important;
    } 
}*/
.data {
    table-layout: fixed; /*Columns must have fixed widths! Set with <col>s, if needed.*/
    width: 100%;
    border-spacing: 0;
    white-space: normal;
    font-size: 14pt;
    line-height: 18pt; /*If you change this, other CSS values must also be changed!*/
    border-right: 1pt solid black;
}

.data > tbody > tr > td {
    border-top: 1pt solid black; /*If you change this, .overlap must also be changed!*/
    border-left: 1pt solid black;
    background: white;
    overflow: hidden;
    padding: 5px .5em 5px .5em; /*If you change this, other CSS values must also be changed!*/
}
.data > tbody > tr:last-child > td {
    border-bottom: 1pt solid black; /*If you change this, .overlap must also be changed!*/
}



@media print{
    .tbl{
        display:table;
    }
    .tbl > div{
        display:table-row;
    }
    /* table structure is three level: table > row > cell */
    .tbl > div > *{
        display:table-cell;
    }
    /* special cases */
    .tbl .tbl-head{
        display:table-header-group;
    }
    .tbl .tbl-body{
        display:table-row-group;
    }
    .tbl .tbl-foot{
        display:table-footer-group;
    }
}



@font-face {
    font-family: B Nazanin;
    src: url(../fonts/BNazanin.woff);
}
@font-face {
    font-family: IR Nastaligh;
    src: url(../fonts/IranNastaliq.woff);
}
@font-face {
    font-family: Bank;
    src: url(../fonts/bank.woff);
}

.frm-table
{
    direction: rtl;
    text-align: center;
    width: 100%;
    font-size: 13px;
}
.frm-table,
.frm-table > tbody > tr > td,
.frm-table > tfoot > tr > td,
.frm-table > tbody > tr > th,
.frm-table > thead > tr > th
{
    border: 1px solid black;
    font-size: 13px;
    overflow: hidden; 
    white-space: normal; 
    text-overflow: ellipsis;
}
.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border: 1px solid #ddd;
    padding: 5px;
    width: 100%;
    font-weight: 700;
}


.frm-table-header
{
    background-color: #999999
}
.frm-table-content__item
{
    background-color: #cccccc;
}


.print-btn-landscape{
    width: 320mm;
    height: 40px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}
.print-btn-portrait{
    width: 230mm;
    height: 40px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.report-tools
{
    direction: rtl;
    font-size: 12px;
    text-align: center;
    float: right
}

.header
{
    margin-top: 0px
}

.header table{
    direction: rtl;
    width: 100%
}
.header td{
    width: 20% !important;
    max-width: 20%!important
}

.logo{
    float: right;
}


body {
    margin-top:20px;
    margin-right:20px;
    background: #fff;
    font-family: B Nazanin;
    line-height: 1.6;

}
table, th, td {
    border-collapse: collapse;

}
div.portrait, div.landscape {
    margin: 10px auto;
    padding: 10mm;
    border: solid 1px #fff;
    break-after: always;
    background: #fff;
}
div.portrait {
    width: 210mm;
    height: inherit;
}
div.landscape {
    width: 297mm;
    height: inherit;
}
@media print {
    body {
        background: none;
        font-family: B Nazanin;
        /*-ms-zoom: 1.665;*/
    }
    div.portrait, div.landscape {
        margin: 0;
        padding: 0;
        border: none;
        background: none;
    }
    div.landscape {
        /*        transform: rotate(270deg) translate(-276mm, 0);
                transform-origin: 0 0;*/
    }
    .print-btn-portrait{
        display: none;
    }

    .print-btn-portrait2{
        display: none;
    }

    .print-btn-landscape{
        display: none;

    }




}
@page {
    margin-top: 10mm;

}
label{
    float: right;
    white-space: normal;
}

/*#content {
    display: table;
}*/

.print-btn-portrait2 {
    align-items: center;
    appearance: none;
    background-color: #FCFCFD;
    border-radius: 4px;
    border-width: 0;
    box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#D6D6E7 0 -3px 0 inset;
    box-sizing: border-box;
    color: #36395A;
    cursor: pointer;
    display: inline-flex;

    height: 40px;
    width:230mm;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    /*text-align: right;*/
    text-decoration: none;
    transition: box-shadow .15s,transform .15s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: normal;
    will-change: box-shadow,transform;
    font-weight: 700;

}

.print-btn-portrait2:focus {
    box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
}

.print-btn-portrait2:hover {
    box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
    transform: translateY(-2px);
    opacity: 0.7;
}

.print-btn-portrait2:active {
    box-shadow: #D6D6E7 0 3px 7px inset;
    transform: translateY(2px);
}


.aa {
    display: flex;
    justify-content: center;
    font-family: Vazir;
    font-size: 15px;
    direction: rtl;

}
form {
    /*border: 1px solid #c8c8c8;*/
    width: 100%;
}
input[type=text] {
    width: 100%;
    padding: 11px 8px;
    margin: 9px 0;
    font-family: Vazir;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}
button {
    align-items: center;
    appearance: none;
    background-color: #FCFCFD;
    border-radius: 4px;
    border-width: 0;
    box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#D6D6E7 0 -3px 0 inset;
    box-sizing: border-box;
    color: #36395A;
    cursor: pointer;
    display: inline-flex;
    font-family: Vazir;
    height: 45px;
    width:230mm;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    /*text-align: right;*/
    text-decoration: none;
    transition: box-shadow .15s,transform .15s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: normal;
    will-change: box-shadow,transform;
    font-weight: 700;
}
h1 {
    text-align:center;
    fone-size:18;
}
button:hover {
    opacity: 0.8;
}
.formcontainer {
    text-align: right;
    margin: 24px 50px 12px;
}
.container {
    padding: 16px 0;
    text-align:right;
}
span.psw {
    float: right;
    padding-top: 0;
    padding-right: 15px;
}
/*Change styles for span on extra small screens*/ 
@media screen and (max-width: 300px) {
    span.psw {
        display: block;
        float: none;

        * {
            box-sizing: border-box;
        }

        .row {
            display: flex;
        }
        .column {
            flex: 100%;
            padding: 5px;
        }

        .column3 {
            flex: 100%;
            padding: 15px 0 5px 0;
        }
    }
}

@media only screen and (min-width: 601px) {
    * {
        box-sizing: border-box;
    }

    .row {
        display: flex;
    }
    .column {
        flex: 33.33%;
        padding: 5px;
    }


    .column3 {
        flex: 16.66%;
        padding: 15px 0 5px 0;
    }

}

/*@media only screen and (max-width: 300px) {
    * {
        box-sizing: border-box;
    }

    .row {
        display: flex;
    }
    .column {
        flex: 100%;
        padding: 5px;
    }

    .column3 {
        flex: 100%;
        padding: 15px 0 5px 0;
    }

}*/