@font-face {
  font-family: vazir;
  src: url('fonts/vazir/vazir.eot');
  src: url('fonts/vazir/vazir.eot?#iefix') format('embedded-opentype'),
    /*url('fonts/vazir/vazir.woff2') format('woff2'),*/
    url('fonts/vazir/vazir.woff') format('woff'),
    url('fonts/vazir/vazir.ttf') format('truetype'),
    url('fonts/vazir/vazir.svg#vazir') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*@font-face {*/
/*  font-family: irsanse;*/
/*  src: url('fonts/iranianSans/iransans.eot');*/
/*  src: url('fonts/iranianSans/iransans.eot?#iefix') format('embedded-opentype'),*/
/*    url('fonts/iranianSans/iransans.woff') format('woff'),*/
/*    url('fonts/iranianSans/iransans.ttf') format('truetype'),*/
/*    url('fonts/iranianSans/iransans.svg#iransans') format('svg');*/
/*  font-weight: normal;*/
/*  font-style: normal;*/
/*  font-display: swap;*/
/*}*/
/* @font-face {
  font-family: 'FontAwesome';
  src: url('fonts/FontAwesome/fontawesome-webfont.eot?v=4.7.0');
  src: url('fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
    url('fonts/FontAwesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
    url('fonts/FontAwesome/fontawesome-webfont.woff?v=4.7.0') format('woff'),
    url('fonts/FontAwesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
    url('fonts/FontAwesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal
} */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    width: 99%;
    background: linear-gradient(123.3deg, #512467 6.13%, #4E2067 8.02%, #6A3483 8.02%, #401953 24.08%, #6A3483 24.08%, #4E0061 24.09%, #391447 48.63%, #4B1E64 48.64%, #54246D 48.65%, #542569 63.23%, #6A3483 63.28%, #53236C 69.42%, #52236B 81.23%, #4C1F65 81.24%, #481167 89.73%, #450768 96.81%);
    border-radius: 22px;
    font-family: vazir;
}
header {
    width: 100%;
    height: 80px;
    display: table;
}
main{
  width: 100%;
  display: table;
}
div{
  display: table;
}
.container{
  width: 100%;
}
.table td{
  /*! color: red; */
  border: solid 0.5px #adadad;
  border-radius: 5px;
  text-align: center;
  line-height: 38px;
}


.h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 43px;
    line-height: 120px;
    text-align: center;

    color: #FFFFFF;
}

.main-left {
    width: 60%;
    height: 1030px;
    float: right;
    background: linear-gradient(141.98deg, #273387 13.01%, #224bc7 86.38%);
    box-shadow: 0px 0px 11px 4px rgba(85, 87, 0, 0.38);
    border-radius: 27px;
    padding: 5px;
    margin-right: 5px;
    /* min-width: 1000px; */
}

.main-right {
    width: 20%;
    height: 1030px;
    float: right;
    background: rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px rgba(151, 78, 195, 0.5);
    border-radius: 27px;
}

.table-div {
    /* width: 90%;
    height: 1030px;

    background: #E6E6E6;
    box-shadow: 0px 0px 11px 4px rgba(85, 87, 0, 0.38);
    border-radius: 27px;
    margin: auto; */
    height: 67px;
    width: 93%;
    margin: 0 auto;
}
.z-color{
    width: 80px;
    height: 23px;
    float:right;
    background-color: aquamarine;
    margin-top: 22px;
    margin-right: 10px;
    text-align: center;
    /* padding: 5px; */
    border-radius: 4px;
    color: black;
}

table,
th,
td {
    border: 1px solid;
    border-color: #53246c;
}

.table {
    width: 100%;
    background: #fffffffa;
    border-radius: 5px;
}

.h3 {
    font-family: vazir;
    font-style: normal;
    font-weight: 318;
    font-size: 99%;
    /* line-height: 9px; */
    text-align: center;
    color: #2A271E;
    /*! padding-top: 12px; */
    font-weight: bold;
    line-height: 47px;
}
.tr-red {
    background: rgb(255, 203, 203);
    box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.24);
    border-radius: 7px;
}
.tr {
    background: rgb(212, 203, 255);
    box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.24);
    border-radius: 7px;
}


.tr1 {
    background: rgba(122, 229, 240, 0.5);
    box-shadow: inset -1px 0px 12px rgb(249 249 249);
    border-radius: 7px;
}
.tr-color {
    background: #DAD1FF;
    box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.24);
    border-radius: 7px;
    color:#850000;
}


.tr1-color {
    background: rgba(122, 229, 240, 0.5);
    box-shadow: inset -1px 0px 12px rgb(249 249 249);
    border-radius: 7px;
    color:#900;
}

.td {
    height: 35px;
    border: solid 0;
}

.td1 {
    width: 13%;
    min-width: 38px;
    line-height: 50px;
    font-family: vazir;
    font-style: normal;
    font-weight: 318;
    font-size: 99%;
    /*! line-height: 9px; */
    text-align: center;
    color: #2A271E;
    /*! padding-top: 12px; */
    font-weight: bold;
    line-height: 47px;
}

.td2 {
    width: 1%;
    min-width: 38px;
    font-family: vazir;
    font-style: normal;
    font-weight: 318;
    font-size: 99%;
    /*! line-height: 9px; */
    text-align: center;
    color: #2A271E;
    /*! padding-top: 12px; */
    font-weight: bold;
    line-height: 47px;
}

.td3 {
    width: 6%;
    min-width: 38px;
    font-family: vazir;
    font-style: normal;
    font-weight: 318;
    font-size: 99%;
    /*! line-height: 9px; */
    text-align: center;
    color: #2A271E;
    /*! padding-top: 12px; */
    font-weight: bold;
    line-height: 25px;
}

.td4 {
    width: 16%;
    font-family: vazir;
    font-style: normal;
    font-weight: 318;
    font-size: 99%;
    /*! line-height: 9px; */
    text-align: center;
    color: #2A271E;
    /*! padding-top: 12px; */
    font-weight: bold;
    line-height: 25px;
}

.td5 {
    width: 7%;
    font-family: vazir;
    font-style: normal;
    font-weight: 318;
    font-size: 99%;
    /*! line-height: 9px; */
    text-align: center;
    color: #2A271E;
    /*! padding-top: 12px; */
    font-weight: bold;
    line-height: 25px;
}

.td6 {
    width: 7%;
    font-family: vazir;
    font-style: normal;
    font-weight: 318;
    font-size: 99%;
    /*! line-height: 9px; */
    text-align: center;
    color: #2A271E;
    /*! padding-top: 12px; */
    font-weight: bold;
    line-height: 25px;
}
.right-top{
    font-family: vazir;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 44px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #FFFFFF;
    padding-right: 11px;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    float: right;
    width: 91%;
}