img{
	user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.noselect {
  	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
	pointer-events: none;                              
}

.loading-page{
    width: 100%;
    height: 100vh;
    display: flex;
    z-index: 999;
    background: rgba(0,0,0, 0.65);
    color: #23a7e2;
}
.loading-page .loading-image{
	/*-webkit-animation: zoominoutsinglefeatured 2s infinite;
        animation: zoominoutsinglefeatured 2s infinite;*/

    max-width: 180px;
    display: block;
    margin: 0 auto;
}
/*.loading-page p{
    -webkit-animation: zoominoutsinglefeatured 2s infinite;
        animation: zoominoutsinglefeatured 2s infinite;
    animation-delay: 1s;
}*/
/*@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.1,1.1);
    }
    100% {
        transform: scale(1,1);
    }
}*/
body.no-scroll{
    overflow: hidden;
}


/*@blue: #23a7e2;*/
/*@blue-light: #68bfe5;*/
/*@pruple: #575bf8;*/
/*@gray-light: #f7f8fa;*/

.bg-blue{
	background: #23a7e2;
}
.bg-blue-light{
	background: #68bfe5;
}
.bg-transparent:hover{
	background-color: transparent !important;
}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover{
	background-color: transparent !important;	
	background-image: none !important;	
}
.bg-purple,
.bg-purple:hover{
	background: #575bf8 !important;
}
.bg-light-purple{
	background-color: rgb(116 119 234);
}
.text-hover-purple:hover,
.text-purple,
.active{
	color: #575bf8 !important;	
}
.bg-purple.disabled, .bg-purple:disabled {
    background: rgb(87 91 248 / 80%);
    border-color: rgb(87 91 248 / 80%);
    cursor: not-allowed !important;
}

.btn-check:focus+.bg-purple, .bg-purple:focus {
    background-color: #575bf8;
    border-color: #575bf8;
    box-shadow: 0 0 0 0.25rem rgb(87 91 248 / 50%);
}
.btn-check:active+.bg-purple, .btn-check:checked+.bg-purple, .bg-purple.active, .bg-purple:active, .show>.bg-purple.dropdown-toggle{
	background-color: #4347e6;
}
.bg-purple:focus-visible{
	outline: none;
}
.bg-success{
	background-color: #7fc825 !important;
}

.text-pink{
	color: #fc2487 !important;
}
.text-orange{
	color: #ff9b00 !important;
}
.text-green{
	color: #35c565 !important;
}
.bg-pink, .bg-pink:hover{
	background: #fc2487 !important;	
}
.bg-pink-light, .bg-pink-light:hover{
	background: rgb(252 36 135 / 70%);	
}
.bg-purple:hover{
	background: rgb(87 91 248 / 80%);
}
.bg-gray, .bg-gray:hover{
	background: #eaeaea !important;
}
.bg-yellow, .bg-yellow:hover{
	background: #fdad00 !important;
}
.fs-7 {
    font-size: .75rem!important;
}
.text-success{
	color: #9cdca6;
}
.no-resize{
	resize: none;
}
.border-purple{
	color: #5256fc;
	border-color: #5256fc;
}
.border-purple:hover{
	color: #FFF;
	border-color: #5256fc;
	background: #5256fc;;
}
.btn-check:active+.border-purple, .btn-check:checked+.border-purple, .border-purple.active, .border-purple.dropdown-toggle.show, .border-purple:active{
	background-color: #5256fc;
    border-color: #5256fc;
}
.btn-check:active+.border-purple:focus, .btn-check:checked+.border-purple:focus, .border-purple.active:focus, .border-purple.dropdown-toggle.show:focus, .border-purple:active:focus{
	box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%) !important;
}
.cursor-auto{
	cursor: auto;
}
.reward.not-available{
	filter: grayscale(1);
}

@media screen and (max-width: 576px){
	.p-xs-0{
		padding: 0 !important;
	}

	/*XS*/
	.card-title-xs{
		font-size: 1rem;
	}
	.fs-xs-6{
		font-size: .9rem !important;
	}
	.fs-xs-7{
		font-size: .65rem!important;
	}
	.w-xs-75{
		width: 75% !important;
	}
	.w-xs-70{
		width: 70% !important;
	}
	.w-xs-65{
		width: 65% !important;
	}
	.w-xs-50{
		width: 50% !important;
	}
	.w-xs-35{
		width: 35% !important;
	}
	.w-xs-30{
		width: 30% !important;
	}
	.w-xs-25{
		width: 25% !important;
	}
	.pb-xs-6 {
	    padding-bottom: 4rem!important;
	}
}