@font-face {
    font-family: "sahel";
    src: url("fonts/Sahel.woff") format('woff');
}

@font-face {
    font-family: "sahel";
    src: url("fonts/Sahel-Bold.woff") format('woff');
    font-weight: bold;
}

a:link, a:visited {
    color: #223DA9;
    text-decoration: none;
}

h3{
    padding-top: 8px;
}

div{
    margin-top:6pt;
    margin-bottom:6pt;
}

body{
    margin:0px;
    font-size: 16px;
}

.floatbutton {
    position:fixed;
    left:30px;
    bottom:10px;
}
.filtertext {
    padding:4px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: white;
    border:1px solid #eee;
}

body.print{
    background-color:white;
}

div.main{
    /*margin-top:0pt;*/
    margin-left:auto;
    margin-right:auto;
    max-width:1000px;
    background-color:white;
    padding:24px;
}


.widefield{
    width:100%;
    max-width:100vw; /*For very narrow page*/
}

.screendiv{
    margin:0px;
    align-items:center;
}

div.header{
    margin:0pt;
    margin-bottom:8pt;
    padding:6pt;
}

.tablecontainer{
    margin:0px;
    overflow:auto;
}

div.reg
{
    background-color:#F3FCC4;
}

div.print
{
    background-color:#b7e8f7
}

div.modir
{
    background-color:#FCCEE3
}

p
{
    margin-top: 5px;
    margin-bottom: 5px;
}

* {
 font-family: sahel;
 box-sizing: border-box;
}

.warning
{
    font-weight: bold;
    font-size: 125%;
}

.notice{
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 7px;
    position:relative;
    border:1px solid #888888;
    background-color: #fffcd6;
}
.notice-dismiss{
    position:absolute;
    top:0px;
    left:0px;
    padding:7px;
    width: 34px;
}
    
@media only screen
{
    .warning,.tableempty{
        color:red;
    }
    body{
    background-color:#E9F2F5;}
}
.warningblack
{
    font-weight: bold;
    font-size: 125%;
}

.tablebold
{
    font-weight: bold;
    text-align:center;
    font-size: 110%;
}
.tableempty
{
    font-weight: bold;
    font-size:140%;
}
.tableboldl
{
    font-weight: bold;
    font-size: 110%;
}
.tabletitle
{
    font-weight: bold;
    font-size: 125%;
    text-align:center;
    height: 59px;
}
.tablefield
{
    font-weight: bold;
    font-size: 125%;
    text-align:right;
    height: 55px;
}
.tablesign
{
    height:210px;
}
.muted
{
    font-weight: normal;
    font-size: 75%;
}
.hint
{
    color:#ed600e;
    font-size:11pt;
}

.tablehr
{
    background-color: #d0d0d0;
    height: 0px;
}

table
{
    font-size: 9pt;
    width: 98%;
    border-collapse: collapse;
    text-align:right;
}

table.footer
{
    width: 80%;
}

td, th {
  border: 1px solid;
  text-align: right;
  padding: 4px;
  height: 45px;
}

td.modir{
    height: auto;
}

.normalsize{
    font-size:16px;
}

@media only screen
{
    .modir td, .modir th {
      border: 1px solid #eee;
      padding: 6px;
    }
    
    .modir tr:hover {background-color: #E2E2E2;}
    .modir tr.modir:hover {background-color: #111;}
    
    .modir .ok{background-color: #78F478;}
    .modir .ok:hover {background-color: #98F798;}
    .modir .ok p, div.ok{color:green;}
    
    .modir .part{background-color: #FFD17F;}
    .modir .part:hover {background-color: #FFDC9E;}
    .modir .part p, div.part{color:#FF8400;}
    
    .modir .nok{background-color: #FF7F7F;}
    .modir .nok:hover {background-color: #FF9E9E;}
    .modir .nok p, div.nok{color:red;}
    
    tr.modir { 
      padding-top: 12px;
      padding-bottom: 12px;
      background-color: #232323;
      color: white;
    }
}

@media (max-width: 800px) {
    div.main{
        padding:6px;
    }
}

@media only screen and (max-width: 600px) {
    div.main{
        margin-top:0!important;
        padding-top:15px!important;
        padding-bottom:15px!important;
    }
}

@media (min-width: 801px) {
    div.main{
        min-width:300px;
    }
}

@media (min-width: 601px)
{
    div.main{
        display:table;
        border-radius: 0.5em;
        box-shadow: 2px 3px 7px 2px rgba(0,0,0,0.02);
    }
    .widefield{
        max-width:330px;
    }
    .screendiv{ /*جلوگیری از مشکل اسکرول افقی در جدول*/
        justify-content:center;
        display:flex;
        min-height:100vh;
    }
}

@media only print
{
    .noprint{
        display:none!important;
    }
}