@import url('/font/iransans/fontiran.css');
/*@import url('/font/iransansdn/fontiran.css');*/

html, body, button, a, p, input, .mud-button-label, h1, h2, h3, h4, h5, h6, .fix-font,
.mud-typography-h1, .mud-typography-h2, .mud-typography-h3, .mud-typography-h4, .mud-typography-h5, .mud-typography-h6,
.mud-typography {
    font-family: IRANSans, Arial, sans-serif;
}

.loading-image {
    max-width: 100%;
    height: auto;
    max-height: 200px;
    margin: 0px;
    padding: 10px;
    object-fit: scale-down;
}


.BigIcon .mud-badge {
    border-radius: 25px;
}

    .BigIcon .mud-badge.mud-badge-icon {
        width: 50px;
        height: 50px;
    }


        .BigIcon .mud-badge.mud-badge-icon .mud-icon-badge {
            font-size: 40px;
        }

.swal2-html-container {
    overflow: hidden;
}

.swal2-footer > a {
    text-align: center;
}

.swal2-container {
    z-index: 99999;
}

@keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@moz-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.animate-flicker {
    -webkit-animation: flickerAnimation 1s infinite;
    -moz-animation: flickerAnimation 1s infinite;
    -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}

.sweet-alert-trigger {
    padding: 5px 10px;
    border: 0;
    border-radius: 3px;
    background: #0F74F4;
    color: white;
}

.save_loading {
    width: 130px;
    height: 130px;
    margin: 0 auto;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: ro;
    transform-origin: 50% 50%;
}

@keyframes ro {
    100% {
        transform: rotate(-360deg) translate(0,0);
    }
}

.mud-badge.mud-badge-center.right.mud-badge-overlap {
    left: calc(78%) !important;
}

/* Bootstrap Progress */

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #0d6efd;
    transition: width .6s ease;
}

.bg-primary {
    background-color: #0d6efd !important;
}

.bg-success {
    background-color: #198754 !important;
}

.bg-info {
    background-color: #0dcaf0 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

.progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes;
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}

.mud-chart-line {
    overflow: visible !important;
}