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-pink{
    background: #ED008C;
}
.bg-black{
    background: #1A1C1E;
}
.bg-blue-light{
	background: #68bfe5;
}

.bg-pink-light{
    background: #FFB7E1 !important;
}

/*span.badge.rounded-pill.bg-pink-light{*/
/*    color: #ED008C !important;*/
/*    font-weight: 500 !important;*/
/*}*/

a.text-hover-white.active {
    border-radius: 15px;
    background: #494C4E;
}

.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;
}

.text-dark{
    color: #231F20 !important;
}

.text-hover-white:hover,
.text-white,
.active{
    color: #FFFFFF !important;
}

.bg-purple.disabled, .bg-purple:disabled {
    background: rgb(87 91 248 / 80%);
    border-color: rgb(87 91 248 / 80%);
    cursor: not-allowed !important;
}

.test-advise .card-body .row{
    align-items: center;
    color: #FFFFFF;
}

.hide{
    display: none;
}

table.no-action-content tbody tr td {
    padding-top: 15px;
    padding-bottom: 15px;
}

.test-advise .card-body .row a{
    color: #575bf8;
    width: 100%;
}
.test-advise .card-body .row span{
    font-weight: bold;
    font-size: 13px;

}
.tasks li{
    background: #F5F5F5;
    border-radius: 6px;
    padding: 10px !important;
    margin-bottom: 0px !important;
    border-bottom: 1px solid #79747E !important;
}

.tasks li span{
    font-size: 12px;
    color: #49454F;
    font-weight: 500 !important;

}

.tasks .list li {
    padding: 25px !important;
}

.test-result .result-content h5{
    color: #575BF8;
    font-weight: 700;
}

.test-result .result-content p{
    font-size: 12px;
    color: #231F20;
    font-weight: 400;
    line-height: 14.4px;
}

.progress-bar.color-red{
    background-color: #FF4247 !important;
}

.date-result{
    color: #676767;
    font-size: 12px;

}

.message-container{
    background: #F5F5F5;
    height: 113px;
    margin-bottom: 25px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}
.message-container span{
    font-weight: 500;
    size: 16px;
    color: #49454F;
    margin: 30px
}

.instructions-test{
    background: #F1F1F1;
    border-radius: 8px;
}

.instructions-test p{
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
}

.btn-outline-primary {
    color: #575bf8 !important;
    border-color: #575bf8 !important;
}

.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    color: #fff !important;
    background-color: #575bf8;
    border-color: #575bf8;
}
.btn-outline-primary:hover {
    color: #fff !important;
    background-color: #575bf8 !important;
    border-color: #575bf8 !important;
}

.btn-primary {
    color: #fff;
    background-color: #575bf8;
    border-color: #575bf8;
}

.btn-primary:hover {
    color: #fff;
    background-color: #575bf8;
    border-color: #575bf8;
}


span.badge.rounded-pill.bg-pink-light {
    color: #ED008C !important;
    font-weight: 500 !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: #ED008C !important;
}
.text-orange{
	color: #ff9b00 !important;
}
.text-green{
	color: #35c565 !important;
}
.bg-pink, .bg-pink:hover{
	background: #ED008C !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;
}
select.purlple{
    border-color: #575bf8;
    font-weight: 600 !important;
    color: #575bf8;
}


table.lines{
    font-size: 13px;
    color: #787878;
    font-weight: 500;
    text-align: center;
}
table.lines thead{
    border-color: #EBEBEB !important;
}
table.lines td span.green{
    color: #2DB544 !important;
}
table.lines td span.red{
    color: #FF3636 !important;
}
table.lines td span.yellow{
    color: #F4AC1E !important;
}
.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;
	}
}