@font-face {
    font-family: 'iransans';
    src: url('../fonts/woff/IRANSansWeb300.woff') format('woff');
}


body, html {
    font-family: 'iranSans' !important;
    height: 100%;
    background-color: whitesmoke;
    overflow-x: hidden;
    padding: 0;
    margin: 0
}


@media(max-width: 600px) {
    .title {
        flex-direction: column;
        line-height: 30px
    }
}


.title {
    font-size: 15px;
    padding: 1.1rem;
    display: flex;
    justify-content: space-between;
    background-color: #d0f1fb;
    color: #120f79;
    margin-bottom: 1rem;
    border-radius: 4px
}


    .title span {
        color: #0d2800;
        font-weight: bold
    }



h4 {
    font-size: 16px;
    font-weight: bold
}

table {
    overflow-x: auto
}



    table td {
        font-weight: bold
    }

.table thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
    background-color: #5285a4;
    color: white;
}


@media(max-width:800px) {
    .title {
        flex-direction: column;
        line-height: 30px
    }
}


@media print {
    body {
        margin: 0 !important;
        padding: 0 !important;
        height: 100%
    }

    html {
        margin: 0 !important;
        border: 2px solid lightgray;
        border-radius: 6px;
        padding: 1.5rem !important;
        height: 100%
    }


    .noPrint {
        display: none;
    }

    * {
        padding: 0 !important;
        margin: 0 !important;
    }

    .mainText {
        padding: 0 4rem
    }




    .title {
        margin: 10px 0 !important;
    }
}

.modal-backdrop.show{
    background: transparent !important;
    opacity: 1 !important;
    backdrop-filter: blur(10px) !important;
}
