/**
 * Evo Checkins page styles
 * @version 1.0
 */ 

:root{
	--evoch_def_color: #474b4e;	
	--evoch_green:#6dc56b;
	--evoch_red:#fd7474;
	--evoch_orange:#febd1d;
	--evoch_checked:#8fc255;
	--evoch_checkin:#2798f7;
	--evoch_progress:#93d2ff;
}
body.evoch-checkin-page{
	--evo_linecolor_1: #cacaca!important;
}
	body.evoch-checkin-page{ 	}
	body.evoch-checkin-page  *{box-sizing: border-box;}
	body.evoch-checkin-page .evocheckin_dashboard{
		padding:0;
	}
	body.evoch-checkin-page .evo_checkin_page{border-radius: 0px;}
	.evoch_select{}
	body.evoch-checkin-page input{
		background-color: #e2e2e2;color:var(--evo_color_1);
    	height: 45px; margin-right: 0!important;
	}

	body.evoch-checkin-page input.evoch_search_trig{
		border-radius: 25px; margin-right: 5px;
		border: none;  		box-shadow: none;
	    font-size: 16px;	line-height: 16px;
	    box-sizing: border-box; 
	    padding:10px 20px;padding-left: 40px;
	    height:auto;
	}
	.evoch_search_box .fa{top: 12px; left: 15px;}

	.evoch_tag{
		padding: 5px 10px;
	    border-radius: 30px;text-transform: capitalize;
	    font-style: normal;
	    background-color: #44494d;
	    color:#fff;
	    line-height: 1;font-size: 12px;
	}
	.evoch_tag.evoch_loading{padding-right: 35px;}
	.evocheckin_dashboard .evoch_tag.evoch_loading:before{right:5px;}
	.evoch_tag.szM{line-height: 1.3;}
	.evoch_tag.evoch_status_completed{background-color: #5eade5;}
	.evoch_green, .evoch_status_y{background-color: var(--evoch_green)}
	.evoch_red, .evoch_status_n{background-color: var(--evoch_red)}
	.evoch_orange, .evoch_status_m{background-color: var(--evoch_orange)}
	.evoch_status_check-in{background-color: var(--evoch_checkin)}
	.evoch_status_checked{background-color: var(--evoch_checked)}

	body.evoch-checkin-page input::placeholder{color:#808698;opacity:1;}
	body.evoch-checkin-page input::-webkit-input-placeholder{color:#808698;}
	body.evoch-checkin-page input:-ms-input-placeholder{color:#808698;}
	body.evoch-checkin-page input::-ms-input-placeholder{color:#808698;}

	.evoch_one_event.evoch_eventline:hover,
	.evoch_one_event_repeats.evoch_eventline:hover,
	.evoch_one_guest:hover
	{background-color: #dededf;}
	.evoch_one_guest.evoch_tag:hover{    background-color: var(--evo_color_prime); opacity:1; }
	.evoch_guests_list .evoch_tb{display: table; }
	.evoch_guests_list .evoch_tb_h{display: table-row;}
	.evoch_guests_list .evoch_tb_row{display: table-row;}
	.evoch_guests_list .evoch_tb_c{display: table-cell;}

	.evoch_navhead_item.evoch_search_box{padding:0}
	.evoch_navhead_item{
		background-color: #dededf;
	    border-radius: 30px;
	    padding: 10px 20px;margin: 0;
	    border: none;
	}
	.evocheckin_dashboard .evoch_one_gdata:last-child,
	.evocheckin_dashboard .evoch_one_event:last-child,
	.evocheckin_dashboard .evoch_one_event_repeats:last-child,
	.evocheckin_dashboard .evoch_one_guest:last-child	{border:none}

	.evoch_content.wfull, .evoch_wfull,
	.evoch_databox2.evoch_wfull
	{max-width: 100%;}
	
	.evoch_databox1, .evoch_databox2{
		background-color: #f1f1f1;
	    border-radius: 10px;
	    margin: 10px 0px;
	    padding: 20px;
	}
	
	.evoch_databox2{	padding: 0;overflow: hidden;margin: 0;	}

/* Small screen */
	@media (max-width: 630px){
		.evoch_one_guest_data .evoch_one_guest_data_box{gap:10px; align-items: flex-start;flex-direction: column;}
		.evoch_one_guest_data .evoch_guest_actions{display: flex; flex: 1;width: 100%;}
		.evoch_one_guest_data .evoch_guest_actions .evoch_status_data{flex: 1;}
		.evoch_one_guest_data .evoch_guest_actions .evoch_checkin_trig{flex: 1;}
		.evoch_one_guest_data .evoch_guest_actions .evoch_status{}
		.evoch_one_guest_data .evoch_guest_actions .evoch_checkin_trig,
		.evoch_one_guest_data .evoch_guest_actions .evoch_status
		{padding: 10px 20px;line-height: 1.3;}
	}

/* Evo Snackbar @since 4.8 */
    #evo_snackbar {
        max-width: 600px;
        margin-left: 10px;
        background-color: #000000d9;
        color: #fff;
        text-align: center;
        border-radius: 4px;
        padding: 12px 20px;
        position: fixed;
        z-index: 1;
        right: 20px;
        bottom: 30px;
        font-size: 13px;
        backdrop-filter: blur(16px) saturate(180%);
        box-shadow: 0 1px 2px #0000000d, 0 2px 3px #0000000a, 0 6px 6px #00000008, 0 8px 8px #00000005;
        opacity: 0;
        transform: translateY(90px);
        transition: all 0.5s;
        font-family: var(--evo_font_2);
    }

    #evo_snackbar.show {
        opacity: 1;
        transform: translateY(0);
    }

    #evo_snackbar.hide {
        opacity: 0;
        transition: opacity 0.5s;
    }

/* loading animation */
	@keyframes evoanim_001{ 
	  	100%{transform: rotate(1turn)}
	}
	.evocheckin_dashboard .evoch_loading{position: relative;}
	.evocheckin_dashboard .evoch_loading.pad{padding-right: 50px!important;}
	.evocheckin_dashboard .evoch_loading:before{
		content: "";
	    aspect-ratio: 1;
	    border-radius: 50%;
	    background: radial-gradient(farthest-side, var(--evo_color_1) 94%, #0000) top / 5px 5px no-repeat, conic-gradient(#0000 30%, var(--evo_color_1));
	    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 5px), #000 0);
	    animation: evoanim_001 1s infinite linear;
	    height: 20px;
	    width: 20px;
	    display: block;
	    position: absolute;
	    right: 20px;
	    top: 50%;
	    margin-top: -10px;
	}
	.evocheckin_dashboard .evoch_loading.w:before{
		background: radial-gradient(farthest-side, #ffffff 94%, #0000) top / 5px 5px no-repeat, conic-gradient(#0000 30%, #ffffff);
	    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 5px), #000 0);
	}
	.evoch_rotate{
		animation: evoanim_001 1s infinite linear;
	}