﻿@font-face {
    font-family: "BNazanin";
    font-style: normal;
    font-weight: 100;
    src: url("../assets/fonts/BNazanin/BNazanin.woff");
    src: url("../assets/fonts/BNazanin/BNazanin.woff") format("woff"), url("../assets/fonts/BNazanin/BNazanin.woff2") format("woff2");
}

span.select2-dropdown.select2-dropdown--below {
    border: 0;
    border-radius: 10px;
    box-shadow: 1px 3px 2px #e1d6d6;
    padding: 0.25rem;
}

input.select2-search__field {
    background: #75a0b524 !important;
    border: 0 !important;
    border-radius: 0.5rem;
    transition: all 0.1s;
}

    input.select2-search__field:hover {
        border: 1px solid #9e9fd7 !important;
    }

ul.select2-results__options > li {
    margin-top: 0.25rem !important;
}

span.select2.select2-container.select2-container--default {
    width: 100% !important;
    border-color: #ededed !important;
    box-shadow: none !important;
    outline: none;
    font-size: 14px;
    font-weight: normal;
    border-radius: 12px;
    border: 1px solid;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 8px !important;
    padding-left: 20px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 1px !important;
    right: auto !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ed1944 !important;
    color: white;
}

input.form-control.pwt-datepicker-input-element {
    box-shadow: none !important;
    outline: none;
    font-size: 14px;
    font-weight: normal !important;
    padding: 12.5px 14px !important;
    border-radius: 12px !important;
    border: 1px solid !important;
    border-color: #ededed !important;
}

span.select2-selection.select2-selection--single {
    width: 100% !important;
    height: 46px !important;
    border-radius: .5rem !important;
    border-color: #ededed !important;
    box-shadow: none !important;
    outline: none;
    border-radius: 12px;
    border: 1px solid #ededed !important;
}

span.select2-selection__rendered {
    height: 46px !important;
    padding-top: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 10px !important;
    right: 1px;
    width: 20px;
}

span.select2-selection.select2-selection--single {
    font-size: 1rem;
    font-weight: 400;
    font-family: inherit;
}

li.select2-results__option:has(:hover,:active,.active) {
    background: var(--main-color);
    color: var(--main-background);
}

li.select2-results__option {
    border-radius: 0.5rem;
    transition: all 0.3s;
}

.select2-search__field[type='search'] {
    height: 35px !important;
    min-height: 35px !important;
    background: mintcream;
}

.select2-container {
    z-index: 1055 !important;
}

.card-Danger .header {
    padding: 20px;
    background-color: #f9ebeb;
    color: #c73636;
    text-align: center;
    border-radius: 24px 24px 0 0;
}

    .card-Danger .header .isax {
        font-size: 50px;
    }

    .card-Danger .header .title {
        font-size: 25px;
        display: block;
        margin-top: 10px;
    }

.card-Danger .list {
    list-style: none;
}

    .card-Danger .list li {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    .card-Danger .list .text {
        font-weight: 300;
    }

    .card-Danger .list .number {
        font-weight: bold;
        margin-right: auto;
    }

span.select2-container.select2-container--default.select2-container--open {
    z-index: 1063 !important;
}

span.select2.select2-container.select2-container--default.select2-container--above.select2-container--focus {
    border: none !important;
}

span.select2.select2-container.select2-container--default {
    border: none !important
}

span.select2-dropdown.select2-dropdown--above {
    border: none !important;
    box-shadow: 2px 2px 6px 1px #bdbdbd82 !important;
    border-radius: .4rem !important;
    padding: 5px 3px !important;
}

.blazored-toast-container {
    z-index: 3000 !important;
}

@keyframes shake-horizontal {
    0%, 100% {
        transform: translateX(0);
    }

    10%, 30%, 50%, 70% {
        transform: translateX(-10px);
    }

    20%, 40%, 60% {
        transform: translateX(10px);
    }

    80% {
        transform: translateX(8px);
    }

    90% {
        transform: translateX(-8px);
    }
}

.animate__bounce {
    animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both !important;
    animation-name: shake-horizontal !important;
}

/*Mud Blazor*/
label.mud-input-label.mud-input-label-animated.mud-input-label-text.mud-input-label-inputcontrol {
    left: auto;
    right: 0;
}

.mud-typography {
    font-family: "IRANSans" !important;
}

.mud-pagination .mud-button-root svg.mud-icon-root.mud-svg-icon {
    rotate: 180deg !important;
}

.mud-dialog .mud-dialog-title .mud-button-close {
    left: 8px !important;
    right: auto !important;
}

h6, .h6 {
    font-size: 1rem !important;
}

.heartbeat {
    -webkit-animation: heartbeat 5s cubic-bezier(0.470, 0.000, 0.745, 0.715) infinite both;
    animation: heartbeat 5s cubic-bezier(0.470, 0.000, 0.745, 0.715) infinite both;
}

@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.mud-input-control.mud-input-number-control .mud-input-numeric-spin {
    right: auto !important;
    left: 0 !important;
}

.mud-input-helper-text .me-auto {
    margin-left: unset !important;
    margin-right: unset !important;
}
.mud-alert-text-info .mud-icon-root.mud-svg-icon {
    fill: rgb(13 129 223) !important;
}
@media (hover: hover) and (pointer: fine) {
    .mud-button-filled.mud-button-filled-info:hover {
        background-color: var(--mud-palette-primary-darken) !important;
    }
}
.mud-button-filled.mud-button-filled-info {
    color: var(--mud-palette-primary-text) !important;
    background-color: var(--mud-palette-primary-darken) !important;
}