@font-face {
    font-family: "vazir";
    src: url(../fonts/Vazir-FD-WOL.ttf);
}

@font-face {
    font-family: "vazir-bold";
    src: url(../fonts/Vazir-Bold-FD-WOL.ttf);
}

html {
    font-size: 14px;
}

.identity-container .container .row .box {
    border: 1px solid #ccc;
    border-radius: 15px;
}

    .identity-container .container .row .box .form-group {
        margin-bottom: 15px;
    }
    .identity-container .container .row .box .form-group label {
        font-size: 18px;
    }
        .identity-container .container .row .box .create-btn {
            margin-top: 15px;
            display: inline-block;
            width: 50px;
        }

.identity-container .container .row h2 {
    margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 0;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    font-family: "vazir";
}

.section-title {
    font-family: vazir-bold;
    font-size: 24px;
}

    .section-title span {
        font-size: 20px;
        margin-right: 10px;
        font-family: vazir;
    }

h2 {
    font-family: vazir;
    font-size: 20px;
    margin-top: 10px;
}

.create-btn {
    border-radius: 15px;
    color: #333;
    border: 1px solid #ccc;
    display: inline-block;
    background-color: #efefef;
}

    .create-btn:hover {
        border: 1px solid #333;
        background-color: #ccc;
    }

.dashboard {
    padding: 1em 0;
}

    .dashboard h1 {
        margin-bottom: 1em;
    }

    .dashboard .col {
        padding: 0.5em;
    }

        .dashboard .col a {
            text-decoration: none;
            color: #333;
        }

        .dashboard .col .box {
            border: 1px solid #ccc;
            border-radius: 15px;
            text-align: center;
            padding: 0.5em;
        }

            .dashboard .col .box:hover {
                border: 1px solid #333;
            }

            .dashboard .col .box h2 {
                color: #333;
                font-size: 22px;
                margin-bottom: 1em;
            }

            .dashboard .col .box i {
                font-size: 3em;
                margin-bottom: 0.25em;
                margin-top: 0.5em;
            }

.customer {
    padding: 1em 0;
}

    .customer .table {
        margin-top: 1.5em;
    }

        .customer .table tr td a, .customer .table tr th a {
            text-decoration: none;
            margin-left: 0.5em;
        }

        .customer .table tr td form {
            display: inline;
        }

            .customer .table tr td form button {
                padding: 0;
            }

    .customer form {
        margin-top: 1em;
    }

        .customer form .form-group {
            padding: 0.5em 0;
        }

            .customer form .form-group .form-label {
                padding-right: 0.2em;
            }

        .customer form button {
            display: inline-block;
            width: auto;
        }

.invoice {
    padding: 1em 0;
}

    .invoice form {
        margin-top: 1em;
    }

        .invoice form .form-group {
            padding: 0.5em 0;
        }

            .invoice form .form-group .form-label {
                padding-right: 0.2em;
            }

        .invoice form button {
            display: inline-block;
            width: auto;
        }

.product {
    padding: 1em 0;
}

    .product .table {
        margin-top: 1.5em;
    }

        .product .table tr td a, .product .table tr th a {
            text-decoration: none;
            margin-left: 0.5rem;
        }

        .product .table tr td form {
            display: inline;
        }

            .product .table tr td form button {
                padding: 0;
            }

    .product form {
        margin-top: 1em;
    }

        .product form .form-group {
            padding: 0.5em 0;
        }

            .product form .form-group .form-label {
                padding-right: 0.2em;
            }

        .product form button {
            display: inline-block;
            width: auto;
        }

@media print {

    .navbar, button, .footer {
        display: none !important;
    }

    .print-table{
        display: block;
    }

    .section-title {
        margin-top: 30px;
    }
}

@media (max-width: 992px) {
    body {
    }
}

@media (max-width: 768px) {
    html {
        font-size: 16px;
    }

    .dashboard {
        padding-right: 0.5em;
        padding-left: 0.5em;
    }

    table tr th, table tr td {
        min-width: 100px !important;
    }

    .inventory-index-table tr th:nth-child(1), .inventory-index-table tr td:nth-child(1) {
        min-width: 40px !important;
    }

    .inventory-index-table tr th:nth-child(4), .inventory-index-table tr td:nth-child(4) {
        min-width: 150px !important;
    }

    .inventory-index-table tr th:nth-child(5), .inventory-index-table tr td:nth-child(5) {
        min-width: 150px !important;
    }

    .inventory-index-table tr th:nth-child(10), .inventory-index-table tr td:nth-child(10) {
        min-width: 150px !important;
    }

    .voucher-index-table tr th:nth-child(1), .voucher-index-table tr td:nth-child(1) {
        min-width: 40px !important;
    }

    .voucher-index-table tr th:nth-child(4), .voucher-index-table tr td:nth-child(4) {
        min-width: 250px !important;
    }

    .voucher-index-table tr th:nth-child(6), .voucher-index-table tr td:nth-child(6),
    .voucher-index-table tr th:nth-child(8), .voucher-index-table tr td:nth-child(8) {
        min-width: 150px !important;
    }

    .voucher-index-table tr th:nth-child(9), .voucher-index-table tr td:nth-child(9) {
        min-width: 150px !important;
    }

    .product-index-table tr th:nth-child(1), .product-index-table tr td:nth-child(1) {
        min-width: 40px !important;
    }

    .product-index-table tr th:nth-child(2), .product-index-table tr td:nth-child(2) {
        min-width: 150px !important;
    }

    .product-index-table tr th:nth-child(4), .product-index-table tr td:nth-child(4) {
        min-width: 200px !important;
    }

    .product-index-table tr th:nth-child(5), .product-index-table tr td:nth-child(5) {
        min-width: 220px !important;
    }

    .customer-index-table tr th:nth-child(1), .customer-index-table tr td:nth-child(1) {
        min-width: 40px !important;
    }

    .customer-index-table tr th:nth-child(2), .customer-index-table tr td:nth-child(2) {
        min-width: 150px !important;
    }

    .customer-index-table tr th:nth-child(3), .customer-index-table tr td:nth-child(3) {
        min-width: 150px !important;
    }

    .customer-index-table tr th:nth-child(4), .customer-index-table tr td:nth-child(4) {
        min-width: 200px !important;
    }

    .customer-index-table tr th:nth-child(5), .customer-index-table tr td:nth-child(5) {
        min-width: 200px !important;
    }

    .customer-index-table tr th:nth-child(6), .customer-index-table tr td:nth-child(6) {
        min-width: 220px !important;
    }

    .report-index-table tr th:nth-child(1), .report-index-table tr td:nth-child(1) {
        min-width: 40px !important;
    }

    .report-index-table tr th:nth-child(2), .report-index-table tr td:nth-child(2) {
        min-width: 200px !important;
    }

    .report-index-table tr th:nth-child(3), .report-index-table tr td:nth-child(3) {
        min-width: 250px !important;
    }

    .report-customer-table tr th:nth-child(1), .report-customer-table tr td:nth-child(1) {
        min-width: 40px !important;
    }

    .report-customer-table tr th:nth-child(4), .report-customer-table tr td:nth-child(4) {
        min-width: 350px !important;
    }

    .report-customer-table tr th:nth-child(5), .report-customer-table tr td:nth-child(5) {
        min-width: 150px !important;
    }

    .report-customer-table tr th:nth-child(6), .report-customer-table tr td:nth-child(6) {
        min-width: 150px !important;
    }

    .report-customer-table tr th:nth-child(7), .report-customer-table tr td:nth-child(7) {
        min-width: 180px !important;
    }

    .report-customer-table tr th:nth-child(8), .report-customer-table tr td:nth-child(8) {
        min-width: 200px !important;
    }

    .mds-bs-persian-datetime-picker-popover {
        overflow: hidden !important;
        width: 95vw !important;
    }

        .mds-bs-persian-datetime-picker-popover .popover-header {
            width: 100vw;
        }

        .mds-bs-persian-datetime-picker-popover .popover-body {
            overflow: scroll !important;
            width: 100vw;
        }

        .mds-bs-persian-datetime-picker-popover .popover-body {
            width: 100vw !important;
            overflow: scroll !important;
        }

    .print-btn {
        margin-top: 15px;
    }
}