@font-face {
    font-family: "iransans";
    src: url("../fonts/IRANSansWeb_Light.woff2") format("woff2");
    src: url("../fonts/IRANSansWeb_Light.woff") format("woff");
}
.captcha-image {
    border-radius: 10px;
}

.align-left-text {
    direction: ltr;
    text-align: left !important
}

.validation-summary-errors ul {
    list-style: none;
}

.loader-wrapper {
    height: 100%;
    width: 100%;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    background-color: #fff;
    z-index: 9999;
    top: 0;
}

.loader-wrapper .loader {
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    right: 0;
    margin: 0 auto
}
.text-justify {
    text-align: justify;
}
.label-required:after {
    content: " *";
    color: red;
}
.sidebar .sidebar-header .sidebar-brand {
    font-size: 15px !important;
}

.swal2-toast .swal2-title {
    color: #ffffff !important;
}
.main-wrapper .page-wrapper {
    background: none !important;
}
.slidecaption {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    transform-style: flat;
    transform-origin: center center;
}

@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(-360deg);
    }
}

@keyframes spinner {
    from {
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    to {
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

.transparent-bg {
    background: linear-gradient(155.82deg, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 100%)!important;
    filter: drop-shadow(5px 5px 9px rgba(0, 0, 0, 0.25))!important;
    backdrop-filter: blur(20px)!important; /* Note: backdrop-filter has minimal browser support */
}
.refresh-captcha {
    color: #ffffff;
}
    .refresh-captcha:hover {
        color: #1da1f2;
    }
.label-login {
    color: #ffffff;
}
.auth-page .auth-side-wrapper {
    opacity: 0.8;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 10px !important;
}

.switch-toggle {
    background: #242729;
}

.switch-toggle input {
    position: absolute;
    opacity: 0;
}

.switch-toggle input + label {
    padding: 7px;
    color: #fff;
    cursor: pointer;
}

    .switch-toggle input[value="na"]:checked + label {
        background: grey;
    }
    .switch-toggle input[value="off"]:checked + label {
        background: red;
    }

    .switch-toggle input[value="on"]:checked + label {
        background-color: green;
    }
.flatpickr-calendar.hasTime .flatpickr-time {
    direction: ltr
}
.flatpickr-calendar {
    direction: rtl!important
}
.bdi {
    text-align: right;
    direction: ltr;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
    margin-left: 20px
}
.flatpickr-current-month input.cur-year {
    padding:0 20px 0 0!important
}
.flatpickr-current-month .numInputWrapper {
    width: 7ch!important
}