/* Eexoos Javascript Infrastracture */
.eexoos-popup {overflow-y:auto;position:fixed;display:block;background:rgba(0,0,0,0.9);z-index:2000;left:0;top:0;width:100%;height:100%;color:#fff;display:none;text-align:center;}
	.eexoos-popup-close {width:40px;height:40px;display:block;cursor:pointer;background-size:contain;position:absolute;right:20px;top:20px;}
	.eexoos-popup-content {margin:100px auto 0;text-align:center;}
	.eexoos-popup-messages {display:none;font-size:18px;}
		.eexoos-popup-messages .eexoos-popup-messages-inside {padding:20px 50px;display:inline-block;border:#f60 solid 2px;color:#f60;}
	.eexoos-popup-bottom-controls {text-align:center;color:#fff;padding:20px;}
		.eexoos-popup-button {display:inline-block;margin:0 10px;padding:15px 20px;vertical-align:middle;border:#fff solid 2px;cursor:pointer;min-width:200px;text-align:center;transition:all linear 0.3s;font-size:18px;}
		.eexoos-popup-button:hover {background:rgba(255,255,255,0.1);box-shadow:0 0 5px #fff;}
	.notValid {color:#f60;border-color:#f60; animation: blink 1s steps(5, start) infinite;-webkit-animation: blink 1s steps(5, start) infinite;}
		.notValid span {color:#f60;border-color:#f60 !important; animation: blink 1s steps(5, start) infinite;-webkit-animation: blink 1s steps(5, start) infinite;}
		@keyframes blink { to { color:#ff0;border-color:#ff0; } }
		@-webkit-keyframes blink { to { color:#ff0;border-color:#ff0; } }
	/* Base64 */
	.eexoos-popup-close {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAxCAMAAABEQrEuAAAAMFBMVEX///////////////////////////////////////////////////////////////9Or7hAAAAAEHRSTlMAGhscHSI1O7TOz9DR0tbwiWVIwQAAANZJREFUeNqV1tsOwiAQRdGhF0urlv//W4PR6cM23fU8AgsyCZCJiLmWuJZS5+hgb1u5Bra2z2/QkhhondTWkhjoqVHWgzjo65IMp2A4QJL7cAbuCUAUkDggIchZkjGY8QBB8hgJHgAkDkgckCTgNiRTjkwAv8lz+oJnAiUATgCcdJD4ElkAjDQAIQBCACy3j1iuAj/D63BA4mC9rSDnoOBaGsB7cQBiAMQAiAESBfwtFZAoIFFAooBEAMlWFJAAOAFwQuCkApyTGvN+ACefViaBkg7+769erRMiItKfikkAAAAASUVORK5CYII=");}
	/* Wordpress Compatibility */
	.customize-support .eexoos-popup-close {top:50px;}
	
	
/* Eexoos Time Picker New */
.etp-row {display:block;margin-bottom:10px;}
	.etp-item {display:inline-block;border:#fff solid 1px;padding:5px;cursor:pointer;line-height:40px;position:relative;width:70px;box-sizing:border-box;height:50px;text-align:center;}
	.etp-item:hover {background:rgba(255,255,255,0.2);}
		.etp-item-hours {font-size:25px;font-weight:bold;position:absolute;left:0;top:5px;width:40px;}
		.etp-item-minutes {font-size:14px;position:absolute;right:0;top:0;line-height:25px;width:30px;}
		.etp-item-am-pm {font-size:12px;position:absolute;right:0;bottom:0;line-height:25px;width:30px;text-transform:uppercase;}

/* Eexoos Time Picker */
.eexoos-time-picker-wrapper {width:400px;height:200px;margin:0 auto;position:relative;}
	.eexoos-time-picker-clock {width:200px;height:200px;position:absolute;left:0;top:0;display:none;}
		#eexoos-time-picker-clock-circle {stroke:#fff;stroke-width:2;fill:transparent;}
		#eexoos-time-picker-clock-hand-hours {stroke:#fff;stroke-width:6;opacity:0;stroke-linecap:round;transition:all linear 0.3s;}
		#eexoos-time-picker-clock-hand-minutes {stroke:#fff;stroke-width:2;opacity:0;stroke-linecap:round;transition:all linear 0.3s;}
	.eexoos-time-picker-hours {width:150px;height:200px;position:absolute;left:0;top:0;}
		.eexoos-time-picker-hours-placeholder {width:100px;height:100px;top:50%;left:50%;margin-top:-50px;margin-left:-50px;position:absolute;text-align:center;font-size:70px;line-height:100px;font-weight:bold;}
		.eexoos-time-picker-hours-more {position:absolute;left:50%;top:0;margin-left:-30px;border-bottom:#fff solid 30px;border-left:transparent solid 30px;border-right:transparent solid 30px;cursor:pointer;opacity:0.7;transition:all linear 0.3s;}
		.eexoos-time-picker-hours-more:hover {opacity:1;}
		.eexoos-time-picker-hours-less {position:absolute;left:50%;bottom:0;margin-left:-30px;border-top:#fff solid 30px;border-left:transparent solid 30px;border-right:transparent solid 30px;cursor:pointer;opacity:0.7;transition:all linear 0.3s;}
		.eexoos-time-picker-hours-less:hover {opacity:1;}
	.eexoos-time-picker-minutes {width:150px;height:200px;position:absolute;left:150px;top:0;}
		.eexoos-time-picker-minutes-placeholder {width:100px;height:100px;top:50%;left:50%;margin-top:-50px;margin-left:-50px;position:absolute;text-align:center;font-size:70px;line-height:100px;font-weight:bold;}
		.eexoos-time-picker-minutes:before,
		.eexoos-time-picker-minutes:after {content:'';width:6px;height:6px;border-radius:3px;left:-3px;top:50%;background:#fff;position:absolute;display:block;}
		.eexoos-time-picker-minutes:before {margin-top:-13px;}
		.eexoos-time-picker-minutes:after {margin-top:7px;}
		.eexoos-time-picker-minutes-more {position:absolute;left:50%;top:0;margin-left:-30px;border-bottom:#fff solid 30px;border-left:transparent solid 30px;border-right:transparent solid 30px;cursor:pointer;opacity:0.7;transition:all linear 0.3s;}
		.eexoos-time-picker-minutes-more:hover {opacity:1;}
		.eexoos-time-picker-minutes-less {position:absolute;left:50%;bottom:0;margin-left:-30px;border-top:#fff solid 30px;border-left:transparent solid 30px;border-right:transparent solid 30px;cursor:pointer;opacity:0.7;transition:all linear 0.3s;}
		.eexoos-time-picker-minutes-less:hover {opacity:1;}
	.eexoos-time-picker-am-pm {width:100px;height:200px;position:absolute;left:300px;top:0;}
		.eexoos-time-picker-am-pm span {border:#fff solid 1px;width:50px;height:50px;line-height:50px;text-align:center;cursor:pointer;position:absolute;left:50%;margin-left:-25px;font-size:20px;top:50%;display:block;transition:all linear 0.3s;}
		.eexoos-time-picker-am-pm span:hover {background:rgba(255,255,255,0.2);}
		.eexoos-time-picker-am-pm span.active {background:#fff;color:#000;}
		.eexoos-time-picker-am {margin-top:-60px;}
		.eexoos-time-picker-pm {margin-top:10px;}

@media only screen and (min-width: 800px) {
	
	.etp-item {margin:5px;}
	
	.eexoos-time-picker-wrapper {width:600px;}
		.eexoos-time-picker-clock {display:block;}
		.eexoos-time-picker-hours {left:200px;}
		.eexoos-time-picker-minutes {left:350px;}
		.eexoos-time-picker-am-pm {left:500px;}
		
}

@media only screen and (max-width: 800px) {
	.eexoos-time-picker-wrapper {width:100%;position:relative;}
		.eexoos-time-picker-clock {display:none;}
		.eexoos-time-picker-hours {left:0;width:35%;}
		.eexoos-time-picker-minutes {left:35%;width:35%;}
		.eexoos-time-picker-am-pm {left:70%;width:30%;}
}