/*
NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* --------------------------------------iransans font-------------------------------------- */
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/IRANSansWeb.eot');
    src: url('../../fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../../fonts/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../../fonts/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/IRANSansWeb.ttf') format('truetype');
}

.iransans {
    font-family: IRANSans;
}

.card-hover:hover {
    transform: translateY(-5px);
}
/*summernote persian style*/

.note-btn i {
    font-family: IRANSans;
    font-style: normal;
    font-size: 12px;
}

.note-editable {
    font-family: IRANSans;
    font-size: 13px;
}

.border-dashed {
    border-style: dotted;
    border-color: #28C76F;
}

.chart--container {
    min-height: 530px;
    width: 100%;
    height: 100%;
}

.zc-ref {
    display: none;
}

.emoji-heart {
    animation: emoji-heart 5s ease infinite;
}

@keyframes emoji-heart {
    0% {
        transform: scale(1);
    }

    5% {
        transform: scale(1.25);
    }

    20% {
        transform: scale(1);
    }

    30% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.25);
    }

    50% {
        transform: scale(1);
    }

    55% {
        transform: scale(1.25);
    }

    70% {
        transform: scale(1);
    }
}

#lottery-card {
    
    height: 80px;
    width: 800px;
    position: absolute;
    left: 240px;   
    top: 110px;
    z-index: 1;
}

.card-congratulations {
    background-color: #393581;
}


.shape {
	position: absolute;
	width: 50px;
	height: 50px;
	transform: scale(0.8);
}
.cir {
	position: absolute;
	border-radius: 50%;
	z-index: 5;
}
.btn-contain {
	width: 200px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.btn-particles {
	width: 200px;
	height: 200px;
	position: absolute;
	border-radius: 50%;
	color: #eee;
	font-family: monospace;
	z-index: 1;
}

.flip-card {
    background-color: transparent;   
    height: 250px;
    perspective: 1000px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-back {   
    transform: rotateY(180deg);
}