@font-face {
    font-family: 'iranyekan';
    src: url('../fonts/iranyekan/IRANYekanRegularFaNum.eot?##') format('eot'),
    url('../fonts/iranyekan/IRANYekanRegularFaNum.woff') format('woff'),
    url('../fonts/iranyekan/IRANYekanRegularFaNum.svg') format('svg'), url('../fonts/iranyekan/IRANYekanRegularFaNum.ttf') format('truetype');
}
body, .header-navbar, .navigation, .navigation .navigation-header,
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,.breadcrumb, table, .popover, .tooltip{
    font-family: iranyekan, serif;
}
fieldset input{
    vertical-align: middle;
}
.invalid-feedback{
    letter-spacing: 0;
}
html body .content .content-wrapper .content-header-title
{
    letter-spacing: 0;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-right: 20px;
    font-weight: bold;
}
.custom-file-input:lang(en)~.custom-file-label::after{
    content: 'انتخاب کنید';
}
#datatableRows_wrapper .float-right{
    float: right !important;
}
#datatableRows_filter input{
    margin-right: 1rem !important;
}
table td i{
    font-size: 1.5rem;
}
.btn-primary.active{
    border-color: #232FDE!important;
    background-color: #232FDE!important;
    color: #FFF!important;
}
.ltr{
    direction: ltr !important;
}
.rtl{
    direction: rtl !important;
}

.select2-container {
    width: 100% !important;
}
.preloader-container{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

.preloader{
    width: 150px;
    left: calc(50% - 150px);
    top: 50%;
    position: absolute;
    z-index: 99;
    transform: translate(-50%, -50%);
}
.circle{
    width:20px;
    height:20px;
    position: absolute;
    border-radius: 50%;
    background-color: #616161;
    left:20%;
    transform-origin: 50%;
    animation: circle .5s alternate infinite ease;
}

@keyframes circle{
    0%{
        top:60px;
        height:5px;
        border-radius: 50px 50px 25px 25px;
        transform: scaleX(1.7);
    }
    40%{
        height:20px;
        border-radius: 50%;
        transform: scaleX(1);
    }
    100%{
        top:0%;
    }
}
.circle:nth-child(2){
    left:40%;
    animation-delay: .2s;
}
.circle:nth-child(3){
    left:60%;
    /*right:15%;*/
    animation-delay: .3s;
}
.shadow{
    width:20px;
    height:4px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top:62px;
    transform-origin: 50%;
    z-index: -1;
    left:20%;
    filter: blur(1px);
    animation: shadow .5s alternate infinite ease;
}

@keyframes shadow{
    0%{
        transform: scaleX(1.5);
    }
    40%{
        transform: scaleX(1);
        opacity: .7;
    }
    100%{
        transform: scaleX(.2);
        opacity: .4;
    }
}
.shadow:nth-child(4){
    left: 40%;
    animation-delay: .2s
}
.shadow:nth-child(5){
    left:60%;
    /*right:15%;*/
    animation-delay: .3s;
}


/* append loader*/
.blockElement{
    z-index: 98 !important;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 30%;
    top: 60px;
    left: 414px;
    text-align: center;
    color: rgb(0, 0, 0);
    border: 0;
    cursor: wait;
}
.blockOverlay {
    z-index: 97 !important;
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(255, 255, 255);
    opacity: 0.6;
    cursor: wait;
    position: absolute;
}

.card-body{
    padding: 0.5rem;
}

.product-card-box h4.product-card-title,.data-expire-at{
    font-size:13px;
    font-weight: bold;

}

.data-expire-at{
    margin-top: 5px;
}


table.dataTable tbody th, table.dataTable tbody td {
    vertical-align: middle;
}

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

    .card {
        margin-bottom: 0.3rem;
    }

    .product-card-box h4.product-card-title{
        font-size:11px;
    }

    html body .content .content-wrapper {
        padding: 0.5rem;
    }

    .product-card-box a h4{
        font-size:14px;
    }

    .content-body{
        padding-bottom:50px
    }
}

.swal2-content ul{
    padding:0;
}

.swal2-content ul li{
    list-style: none;
    text-align:center;
}

.swal2-content{
    font-size: 1rem;
}

@media (max-width: 575.98px) {
    body.swal2-toast-shown .swal2-container.swal2-top{
        width:100%;
    }
}