@import url(fontiran.css);


html {
    background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0, 0.2)), url("/images/backgrounds/1.jpg") center fixed no-repeat;
    background-size: cover;
}

@font-face {
    font-family: Vazir;
    src: url(/fonts/vazir/Vazir-Bold.woff) format('woff');
    font-weight: 900;
    font-style: normal;
}

body {
    font-family: IRANSansX !important;
    background-color: transparent;
}

h1, h2, h3, h4, h5, h6, input, textarea {
    font-family: IRANSansX !important;
}

h1 {
    font-weight: bold !important;
}

.ltr {
    direction: ltr;
}

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
    opacity: 1 !important;
}


.custom-input-file::before {
    content: "انتخاب فایل";
    position: absolute;
    z-index: 2;
    display: inline;
    background-color: #eee;
    width: 90px;
    transition: 0.3s all;
}


.custom-input-file::after {
    content: "فایلی انتخاب نشده است";
    position: absolute;
    right: 120px;
    display: inline;
    background-color: white;
    height: 50px;
    transition: 0.3s all;
}

.custom-input-file.not-after::after {
    display: none
}

.custom-input-file:hover::before {
    background-color: #dde0e3;
}

.custom-input-file:hover::after {
    background-color: white;
}

fieldset[disabled] .custom-input-file:hover::after {
    background-color: #e9ecef;
}

fieldset[disabled] .custom-input-file::after {
    background-color: #e9ecef;
}

fieldset[disabled] .custom-input-file:hover::before {
    background-color: #e9ecef;
}

fieldset[disabled] .custom-input-file::before {
    background-color: #e9ecef;
}

@media screen and (min-width: 750px) {
    form {
        width: 700px;
    }
}

@media screen and (max-width: 749px) {
    form {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    form input {
        width: 100%;
        border-radius: 7px;
    }

    form button {
        margin-top: 15px;
        border-radius: 7px;
    }

    .custom-input-file {
        width: 100% !important;
    }
}

.required-field::after {
    content: " (الزامی)";
    color: red;
}

.accordion-button {
    padding: 9px;
}

nav, footer {
    background: rgba(255,255,255);
}

.navbar {
    -moz-border-radius: 0 0 30px 30px;
    -webkit-border-radius: 0 0 30px 30px;
    border-radius: 0 0 30px 30px;
}

.card, .card-body {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

form .card {
    backdrop-filter: blur(5px);
    background-color: rgb(233 233 233 / 70%);
}

.card-blur {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    backdrop-filter: blur(5px);
    background-color: rgb(233 233 233 / 70%);
}

form input, select, .accordion {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

form label, legend {
    font-weight: bold;
}

nav a {
    color: black !important;
}

footer {
    color: black;
}

@media screen and (max-width: 520px) {
    nav .navbar-brand {
        font-size: 15px;
        margin-left: 0;
        white-space: normal;
    }

    .navbar-toggler {
        padding: 0.25rem 0.35rem;
        font-size: 1rem;
    }
}

@media screen and (max-width: 991px) {
    .shahrieh-table-header-label{
        font-size: 15px !important;
    }
}

@media screen and (max-width: 767px) {

    div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 10px;
    }

    div.dataTables_wrapper > div.row > div[class^=col-]:last-child #example2_filter label {
        display: flex;
        -ms-flex-direction: column !important;
        -webkit-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-align-items: flex-start;
        align-items: center;
    }

        div.dataTables_wrapper > div.row > div[class^=col-]:last-child #example2_filter label input[type="search"] {
            width: 100%;
            margin-top: 5px;
        }

    .shahrieh-table-header-label {
        text-align: center;
    }

    .shahrieh-table-header {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .shahrieh-table-header-label.first-title {
        margin-bottom: 10px !important;
    }

    footer {
        font-size: 15px;
        text-align: center;
    }
}

button.buttons-excel.buttons-html5 {
    height: 32px;
    font-weight: bold;
    font-size: 13px;
    color: black;
}

.dataTables_length label, #example2_filter label {
    font-weight: bold !important;
    font-size: 14px;
}

.buttons-excel.buttons-html5 {
    color: #e4ff00 !important;
    background-color: #0f5809;
    border: 2px solid #e4ff00;
}

.accordion-collapse .accordion-content {
    max-height: 300px;
    overflow-y: auto;
}

.dropdown.dselect-wrapper .dropdown-menu {
    width: 100%;
    inset: auto auto 0px 0px !important;
    transform: translate(0px, -40px) !important;
} 

@media screen and (max-width:520px) {
    .buttons-area {
        flex-direction: column
    }

    .editd-button {
        display: flex;
        width: 100%;
    }

        .editd-button div {
            width: 100%;
        }

    .editd-button div button {
        width: 100%;
    }
}

table th {
    white-space: nowrap;
}