@font-face {
    font-family: vazir;
    src: url('fonts/font vazir/vazir.ttf') format('truetype');
    src: url('fonts/font vazir/Vazir.eot');
    src: url('fonts/font vazir/Vazir.eot?#iefix') format('embe_besded-opentype'), url('fonts/font vazir/Vazir.woff') format('woff'), url('fonts/font vazir/Vazir.ttf') format('truetype');
    font-weight: normal;
}
 

* {
    font-family: vazir, 'Source Sans Pro', sans-serif,"Font Awesome 5 Free", FontAwesome, Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji !important;
}

body {
}
table {
    width: 100%;
    color: #2e2b2b;
    -moz-box-shadow: -3px 3px 9px 2px #ffffff;
    -webkit-box-shadow: -3px 3px 9px 2px #ffffff;
    box-shadow: -3px 3px 9px 2px #ffffff;
}

    table td {
        /*padding: 1px;*/
        /*border-bottom: 1px solid #0000004d;*/
    }

    table thead {
        background-color: white;
        color: #1f1e1e;
        border-bottom: 3px outset #0000004d;
    }

    table tfoot {
        background-color: transparent;
        color: #1f1e1e;
        border-top: 3px solid #0000002a;
        cursor: cell;
    }

    table .search {
        background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23000000%22%20height%3D%22800px%22%20width%3D%22800px%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%20%09%20viewBox%3D%220%200%20488.4%20488.4%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cg%3E%20%09%3Cg%3E%20%09%09%3Cpath%20d%3D%22M0%2C203.25c0%2C112.1%2C91.2%2C203.2%2C203.2%2C203.2c51.6%2C0%2C98.8-19.4%2C134.7-51.2l129.5%2C129.5c2.4%2C2.4%2C5.5%2C3.6%2C8.7%2C3.6%20%09%09%09s6.3-1.2%2C8.7-3.6c4.8-4.8%2C4.8-12.5%2C0-17.3l-129.6-129.5c31.8-35.9%2C51.2-83%2C51.2-134.7c0-112.1-91.2-203.2-203.2-203.2%20%09%09%09S0%2C91.15%2C0%2C203.25z%20M381.9%2C203.25c0%2C98.5-80.2%2C178.7-178.7%2C178.7s-178.7-80.2-178.7-178.7s80.2-178.7%2C178.7-178.7%20%09%09%09S381.9%2C104.65%2C381.9%2C203.25z%22%2F%3E%20%09%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        padding: 10px;
    }

    table .setting {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.7%2014C10.623%2014%209.74999%2013.1046%209.74999%2012C9.74999%2010.8954%2010.623%2010%2011.7%2010C12.7769%2010%2013.65%2010.8954%2013.65%2012C13.65%2012.5304%2013.4445%2013.0391%2013.0789%2013.4142C12.7132%2013.7893%2012.2172%2014%2011.7%2014Z%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16.8841%2016.063V14.721C16.8841%2014.3887%2017.0128%2014.07%2017.2419%2013.835L18.1672%2012.886C18.6443%2012.3967%2018.6443%2011.6033%2018.1672%2011.114L17.2419%2010.165C17.0128%209.93001%2016.8841%209.61131%2016.8841%209.27899V7.93599C16.8841%207.24398%2016.3371%206.68299%2015.6624%206.68299H14.353C14.029%206.68299%2013.7182%206.55097%2013.4891%206.31599L12.5638%205.36699C12.0867%204.87767%2011.3132%204.87767%2010.8361%205.36699L9.91087%206.31599C9.68176%206.55097%209.37102%206.68299%209.04702%206.68299H7.73759C7.41341%206.68299%207.10253%206.81514%206.87339%207.05034C6.64425%207.28554%206.51566%207.6045%206.51592%207.93699V9.27899C6.51591%209.61131%206.3872%209.93001%206.15809%2010.165L5.23282%2011.114C4.75573%2011.6033%204.75573%2012.3967%205.23282%2012.886L6.15809%2013.835C6.3872%2014.07%206.51591%2014.3887%206.51592%2014.721V16.063C6.51592%2016.755%207.06288%2017.316%207.73759%2017.316H9.04702C9.37102%2017.316%209.68176%2017.448%209.91087%2017.683L10.8361%2018.632C11.3132%2019.1213%2012.0867%2019.1213%2012.5638%2018.632L13.4891%2017.683C13.7182%2017.448%2014.029%2017.316%2014.353%2017.316H15.6614C15.9856%2017.3163%2016.2966%2017.1844%2016.5259%2016.9493C16.7552%2016.7143%2016.8841%2016.3955%2016.8841%2016.063Z%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        padding: 10px;
    }


    table th {
        padding: 5px;
        padding-top: 7px;
        border: 1px outset rgb(0 0 0 / 0.03);
    }

    table > tr, table > tbody > tr {
        background-color: white;
        border-bottom: 1px outset;
        border-bottom-color: silver;
    }

    table tbody :hover {
        background-color: whitesmoke;
    }

/*    table > tr:nth-child(even), table > tbody > tr:nth-child(even) {
            background-color: rgb(241 237 237);
      }*/

 
/*table {
    width: 100%;
    color: #2e2b2b;
    -moz-box-shadow: -3px 3px 9px 2px #ffffff;
    -webkit-box-shadow: -3px 3px 9px 2px #ffffff;
    box-shadow: -3px 3px 9px 2px #ffffff;
}
    table td {
        padding: 8px;
       
        border-bottom: 1px solid #0000004d;
    }
    table thead {
         background-color: rgb(241 237 237); 
        color: #1f1e1e;
        border-bottom: 3px outset #0000004d;
    }
    table th {
        padding: 5px;
        padding-top: 7px;
        border: 1px outset rgb(0 0 0 / 0.03);
    }
    table>tr,table>tbody>tr {
        background-color:white;
    }
        table > tr:nth-child(even), table > tbody > tr:nth-child(even)  
       {
        background-color: rgb(241 237 237);
    }*/

/*.form-check-input {
    margin-left: 0 !important;
    margin-right: -1.25rem !important;
}*/





.bg-light-green {
    color: #fff;
    background-color: #99b433
}

.bg-green {
    color: #fff;
    background-color: #00a300
}

.bg-dark-green {
    color: #fff;
    background-color: #1e7145
}

.bg-magenta {
    color: #fff;
    background-color: #ff0097
}

.bg-light-purple {
    color: #fff;
    background-color: #9f00a7
}

.bg-purple {
    color: #fff;
    background-color: #7e3878
}

.bg-dark-purple {
    color: #fff;
    background-color: #603cba
}

.bg-darken {
    color: #fff;
    background-color: #1d1d1d
}

.bg-teal {
    color: #fff;
    background-color: #00aba9
}

.bg-light-blue {
    color: #000;
    background-color: #90CAF9
}

.bg-blue {
    color: #fff;
    background-color: #2d89ef
}

.bg-dark-blue {
    color: #fff;
    background-color: #2b5797
}

.bg-yellow {
    color: #fff;
    background-color: #ffc40d
}

.bg-orange {
    color: #fff;
    background-color: #e3a21a
}

.bg-dark-orange {
    color: #fff;
    background-color: #da532c
}

.bg-red {
    color: #fff;
    background-color: #ee1111
}

.bg-dark-red {
    color: #fff;
    background-color:  #b91d47;
 
}

.bg-hover:hover {
    
    text-shadow: -4px 4px 9px #00000080;
    box-shadow: -3px 3px 8px 0px #00000069, 0px 0px 9px 0px #00000080 inset;
}
.bg-tr10 {
    opacity: 0.1;
}
.bg-tr20 {
    opacity: 0.2;
}
.bg-tr30 {
    opacity: 0.3;
}
.bg-tr40 {
    opacity: 0.4;
}
.bg-tr50 {
    opacity: 0.5;
}
.bg-tr60 {
    opacity: 0.6;
}
.bg-tr70 {
    opacity: 0.7;
}
.bg-tr80 {
    opacity: 0.8;
}
.bg-tr90 {
    opacity: 0.9;
}
a {
    text-decoration: none!important;
}



#modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding: 30px; /* Location of the box */
    padding-top: 100px; /* Location of the box */

    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}



.navbar {
    z-index: 2;
}
#modal .card {
    z-index: 10;
    width:auto;
}



        /*@media (min-width: 1000px) {


            #modal .card {
                width: 80%;*/ /* Full width */
                /*margin: auto;
            }
        }

        @media (min-width: 1600px) {


            #modal .card {
                width: 60%;*/ /* Full width */
                /*margin: auto;
            }
        }*/