/**
 * Eventon Checkin customers page styles
 * @version 2.0.3
 */


/* fonts */
	.evo_checkin_page h2,
	.evo_checkin_page h3,
	.evo_checkin_page h4,
	.evo_checkin_page h5
	{font-family: var(--evo_font_1)}


body.evocheckin{
	height: 100%;
	width: 100%;
	display: block;
    overflow: initial;
    background-color: #636363;
    font-family: var(--evo_font_2);
}
.evochecking_inpage{padding:20px;}
.evo_checkin_page.no.typeid{	background-color: #adadad;}
.evo_checkin_page.no{	background-color: #ff5c5c;}
.evo_checkin_page{
	height: 100%;
	width: 100%;
	background-color: #7ab954;
	position: relative;
	text-align: center;
	color: #fff; border-radius: 20px;
	padding:200px 30px;
}
.evo_checkin_page.already_checked{background-color:#4695bb }
.evo_checkin_page.refunded{background-color:#7d7d7d }
.evo_checkin_page.already_checked.yes p.sign, .evo_checkin_page.refunded p.sign{
	background: none;	
}
.evo_checkin_page >*{
	font-family: var(--evo_font_2);
	margin: 0; padding: 0;text-align: center;	
}
.evo_checkin_page h2.tix_id{
	padding: 30px 0;
	text-transform: uppercase;	color:#fff;
	font-weight: bold;font-size: 42px;
}

.evo_checkin_page .evoqr_checkin_submit{
	font-weight: bold;
    font-size: 13px;
    display: inline-block;
    padding: 12px 18px !important;
    /* margin-top: 4px; */
    text-transform: uppercase;
    text-decoration: none !important;
    border-radius: 20px;
    border: none;
    color: #fff;
    background: var(--evo_color_prime);
    font-style: normal;
    cursor: pointer;
    line-height: 1;
}


/* big icon */
	:root {
	  --margin: 50px 0 70px;
	  --size: 90px;
	  --padding: 40px;
	}
	.evoqr_big_icon {margin: var(--margin);}
	.evoqr_big_icon i.fa{
		    position: relative;
	    font-size: var(--size);
	    height: var(--size);
	    width: var(--size);
	    padding: var(--padding);    box-sizing: content-box;
	}
	.evoqr_big_icon i.fa:after{
		content: "";
	    left: 0;
	    position: absolute;
	    top: 0;
	    border: 10px solid #fff;
	    height: 100%;
	    width: 100%;
	    border-radius: 50%;
	    margin-left: -10px;
	    margin-top: -10px;
	}

/* headers and texts */	
	.evo_checkin_page h4{
		font-size: 30px;font-weight: 700; margin-bottom: 20px;
		text-transform: uppercase;
		color:#fff;
	}
	.evo_checkin_page h5{text-transform: uppercase; padding-top: 20px;padding-bottom: 10px;
		color:#fff;
		font-size: 24px;
		opacity: 0.7;
	}
	.evo_checkin_page ul{padding-bottom: 30px; list-style: none}
	.evo_checkin_page li span{text-transform: uppercase; padding-right: 10px; opacity: 0.7;}

	.evo_checkin_page .btn:hover{
		text-decoration: none; box-shadow: none;
		background-color: rgba(255, 255, 255, 0.14);
	}
	.evo_checkin_page .btn{
		display: inline-block;
		border:2px solid #fff;
		border-radius:25px;
		padding:4px 20px;
		color: #fff;
		text-transform: uppercase;
		box-shadow: none;
		margin:0 5px 5px;
		font-size: 14px; font-family: var(--evo_font_1);
		text-decoration: none;
	}
	.evo_checkin_page .evpqr_content{
		max-width: 600px;
		margin:0 auto;
		color:#fff;
		padding-top: 20px;
	}
	.evo_checkin_page .evpqr_content p, 
	.evo_checkin_page .evpqr_content label{
		color:#fff;
	}
	.evo_checkin_page .evpqr_content label{display: block;}
	.evo_checkin_page .evpqr_content input{
		border-radius: 25px; margin-right: 5px;
		border: none;
	    box-shadow: none;
	    padding: 10px;
	    font-size: 16px;
	    line-height: 16px;
	    box-sizing: border-box;
	}
	.evo_checkin_page .evpqr_content button{
		box-sizing: border-box;
	    line-height: 16px;
	    padding: 12px 20px 11px!important;
	}
	.evo_checkin_page .evpqr_content input,
	.evo_checkin_page .evpqr_content label{
		margin-bottom: 10px;
	}

	.evo_checkin_page .evoqr_other_tickets.checked{background-color:#A8C784 }
	.evo_checkin_page .evoqr_other_tickets.check-in{background-color:#A0A0A0 }
	.evo_checkin_page .evoqr_other_tickets.refunded{background-color:#ff6f6f }

/*-- Responsive --*/
@media (max-width: 500px){
	:root {
	  --margin: 50px 0 70px;
	  --size: 70px;
	  --padding: 30px;
	}

	.evo_checkin_page.no p.sign i{top:25px; left:65px;}

	.evo_checkin_page{padding:70px 30px;}
	.evo_checkin_page.already_checked p.sign:before, .evo_checkin_page.refunded p.sign:before{
		font-size: 120px; font-weight: bold;line-height: 150px;
	}
	.evo_checkin_page p.sign{
		width: 170px;
		height: 170px;
	}
	.evo_checkin_page h2{padding-top: 50px;}
	.evo_checkin_page h4{font-size: 22px; padding:0 15px;}
}