@font-face {
    font-family:'bshabnam';
    font-weight: 500;
    font-style: normal;
    src: url('../fonts/Shabnam/Shabnam-FD.eot');
    src: url('../fonts/Shabnam/Shabnam-FD.eot?#iefix') format("embedded-opentype"),
    url('../fonts/Shabnam/Shabnam-FD.woff') format("woff"),
    url('../fonts/Shabnam/Shabnam-FD.html') format("woff2"),
    url('../fonts/Shabnam/Shabnam-FD.html') format("truetype");
}
/*
body,div,p,h1,h2,h3,h4,h5,h6,input,select,textarea,button,a,input,select,textarea
{
    font-family:'iranyekan';
}*/
a.not-color{
    text-decoration: none;
}
.font-bshabnam{
    font-family: 'bshabnam' !important;
}
.bullet{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: .2rem;
    margin-left: .3rem;
    border-radius: 50%;
}
.font-very-small{
    font-size: 9px !important;
}
.font-small{
    font-size: 11px !important;
}
.font-medium{
    font-size: 13px !important;
}
.font-large{
    font-size: 20px !important;
}
.bold{
    font-weight: bold !important;
}

.text-center{
    text-align: center !important;
}
.text-right{
    text-align: right !important;
}
.text-left{
    text-align: left !important;
}
.vertical-align-middle{
    vertical-align: middle !important;
}
.break{
    width: 100%;
    clear: both;
    height: 5px;
    margin-bottom: 8px;
}
.cursor-pointer{
    cursor: pointer !important;
}
::placeholder,
::-webkit-input-placeholder {
    font-size: 13px;
}
.loading{
    position:absolute;
    width:100%;
    height:100%;
    display:block;
    content: '';
    top: 0;
    left: 0;
    z-index: 9999;
    background: #fff url("../img/Ripple-1s-200px.svg") no-repeat center center;
}
.rounded-5{
    border-radius: 5px !important;
}

.rounded-50{
    border-radius: 50% !important;
}

.box-shadow{
    box-shadow: 0 0 7px 0px rgb(140 139 139);
}
/*چشمک زن*/
.blink {
    animation: blinkfullkade 1s linear infinite;
}

.multiline{
    max-width: 400px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}
[v-cloak] > * { display: none;}
[v-cloak]::before { content: "loading…" }




@keyframes blinkfullkade {
    0% {
        opacity: 0.3;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.3;
    }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.spin {
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.display-inline-block{
    display: inline-block !important;
}

.glass-effect{
    --size: 6rem;
    --transition-duration: 400ms;
    --transition-easing: ease-out;
    /*transition:  transform var(--transition-duration) var(--transition-easing);*/
    transition: all 0.3s ease;
    overflow: hidden;
}
.glass-effect::before {
    content: "";
    background: rgba(255, 255, 255, 0.5);
    width: 60%;
    height: 100%;
    top: -10%;
    left: -145%;
    transform: skew(45deg);
    position: absolute;
    transition: all 0.4s ease;
    z-index: 2;
}
.glass-effect:hover {
    /*border:solid 1px blue !important;*/
    /*transform: translateY(2%);*/
    box-shadow: 0px 8px 13px 3px rgb(209 209 209 / 50%);
}
.glass-effect:hover::before {
    left: 170%;
}
hr{
    height: 1px;
    background-color:#999797 !important;
}
.remodal-wrapper{
    z-index: 999;
}
.display-flex{
    display: flex !important;
}
.align-items-center{
    align-items: center !important;
}
.justify-center{
    justify-content: center !important;
}
.justify-between{
    justify-content: space-between !important;
}










/********************
    Responsive
*******************/
@media only screen and (max-width: 560px){
    .modal-sm {
        width: 90%
    }
}

@media only screen and (max-width: 780px){
    .modal-sm {
        width: 90%
    }
}