/** 
 * LifePress Styles
 * @version 2.2
 */

:root{
	--lp_color_1: #212121;
	--lp_color_blue: #5abdcd;
	--lp_color_orange: #F38630;
	--lp_border_color_1: #dadce0;
	--bgc_focus:#ffefe5;
	--bgc_past:#e9f9f8;
	--bgc_prev:#e9f9f8;
	--bgc_next:#f2e9f9;
	--lp_font_1: 'Poppins', sans-serif;
	--lp_font_2:'Noto Sans', arial;
	--lp_color_grey1:#666666;
	--lp_color_grey2:#d4d3d3;

	--lpcg0:  #f6f7f7;
	--lpcg5:  #dcdcde;
	--lpcg10: #c3c4c7;
	--lpcg20: #a7aaad;
	--lpcg30: #8c8f94;
	--lpcg40: #787c82;
	--lpcg50: #646970;
	--lpcg60: #50575e;
	--lpcg70: #3c434a;
	--lpcg80: #2c3338;
	--lpcg90: #1d2327;
	--lpcg100:#101517;

	--lpclg0:   #ffffff;
	--lpclg3:   #fbfbfc;
   	--lpclg6:   #f7f7f8;
   	--lpclg8:   #f5f5f6;
	--lpclg10:  #f2f2f3;
	--lpclg20:  #e6e6e8;
	--lpclg30:  #dadadd;
	--lpclg40:  #ceced2;
	--lpclg50:  #c2c2c6;
	--lpclg60:  #b6b6bb;
	--lpclg70:  #aaaaaa;
	--lpclg80:  #9e9e9f;
	--lpclg90:  #929293;
	--lpclg100: #858687;
} 

/** GLOBALS */
	.lp_btn{
		cursor: pointer;
		text-transform: uppercase;
		padding: 7px 20px;
		display: inline-block;
		border-radius: 20px;
		background-color: #fff;
		color: var(--lp_color_1);
		font-size: 13px;
		font-weight: bold;
		margin-right: 5px;
		text-decoration: none;
	}
	.lp_btn:hover{opacity: 0.8}
	.lp_btn.blue{background-color: var(--lp_color_blue); color:#fff;}
	.lp_btn.orange{background-color: var(--lp_color_orange); color:#fff;}
	.lp_btn.grey, .lp_form .lp_btn.grey,.lp_btn_grey{background-color: #c5c5c5; color:#fff;}
	.lp_clickable{cursor: pointer;}
	.lp_btn.outlined{background-color: transparent; box-shadow: 0px 0px 0px 1px var(--lpcg40)}
	.lp_btn.outlined:hover{background-color: var(--lpcg40); color:#fff}
	.lp_hide{display: none;}
	.lp_btn.lp_svg{display: inline-flex; align-items: center; padding: 0; background-color: transparent;}
	.lp_btn.lp_svg svg{margin:0!important; padding: 5px 10px 5px 5px;}

	.lp_trans{
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-ms-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}

	.lpmar0{margin:0;}.mart5{margin-top:5px} .mart10{margin-top:10px} .mart15{margin-top:15px} .mart20{margin-top:20px} .mart25{margin-top:25px} .mart30{margin-top:30px} .mart40{margin-top:40px} .mart50{margin-top:50px}
	.marb0{margin-bottom:0px}.marb5{margin-bottom:5px} .lpmarb10,.marb10{margin-bottom:10px} .marb15{margin-bottom:15px} .marb20{margin-bottom:20px} .marb25{margin-bottom:25px} .marb30{margin-bottom:30px} .marb35{margin-bottom:35px} .marb40{margin-bottom:40px} .marb45{margin-bottom:45px} .marb50{margin-bottom:50px}
	.padb5{padding-bottom:5px} .padb10{padding-bottom:10px} .padb15{padding-bottom:15px} .padb20{padding-bottom:20px} .padb25{padding-bottom:25px} .padb30{padding-bottom:30px} .padb40{padding-bottom:40px} .padb50{padding-bottom:50px}
	.padt0{padding-top:0px}.padt5{padding-top:5px} .padt10{padding-top:10px} .padt15{padding-top:15px} .padt20{padding-top:20px} .padt25{padding-top:25px} .padt30{padding-top:30px} .padt40{padding-top:40px} .padt50{padding-top:50px} .padt60{padding-top:60px}
	.padr5{padding-right:5px} .padr10{padding-right:10px} .padr15{padding-right:15px} .padr20{padding-right:20px} .padr25{padding-right:25px} .padr30{padding-right:30px} .padr40{padding-right:40px} .padr50{padding-right:50px} .padr60{padding-right:60px}
	.padl10{padding-left: 10px;}
	.marr5{margin-right:5px} .marr10{margin-right:10px} .marr15{margin-right:15px} .marr20{margin-right:20px} .marr25{margin-right:25px} .marr30{margin-right:30px} .marr40{margin-right:40px} .marr50{margin-right:50px} .marr60{margin-right:60px}
	.marl5{margin-left:5px} .marl10{margin-left:10px} .marl15{margin-left:15px} .marl20{margin-left:20px} .marl25{margin-left:25px} .marl30{margin-left:30px} .marl40{margin-left:40px} .marl50{margin-left:50px} .marl60{margin-left:60px}

	.pad0{padding:0px} .pad5{padding:5px} .pad10{padding:10px} .pad15{padding:15px} .pad20{padding:20px} .pad25{padding:25px}.pad30{padding:30px}
	.mar0{margin:0px}.mar5{margin:5px} .mar10{margin:10px} .mar15{margin:15px} .mar20{margin:20px} .mar25{margin:25px}
	.lppad10{padding: 10px;}
	
	.pad0-20{padding: 0 20px;}
	.pad0-30{padding: 0 30px;}
	.lpposr, .posr{position: relative;} .posa, .lpposa{position: absolute;}

	.lpmar0i{margin: 0!important}

	/* Display */
		.dfx,.lpdfx{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
		.lpgap5{gap:5px;}.lpgap10{gap:10px;}.lpgap15{gap:15px;}.lpgap20{gap: 20px;}
		.lpfxjcc, .lpfx_jc_c{-ms-flex-pack:center;justify-content:center;}
		.lpfxjcsb, .lpfx_jc_sb,.jutc-spacebt{-ms-flex-pack:space-between;justify-content:space-between;}
		.lpfx_jc_se{-ms-flex-pack:space-evenly;justify-content:space-evenly;}
		.lpfx_jc_sa{-ms-flex-pack:space-around;justify-content:space-around;}
		.lpfx_jc_fe{-ms-flex-pack:flex-end;justify-content:flex-end;}
		.lpfx_jc_fs{-ms-flex-pack:flex-start;justify-content:flex-start;}
		.lpfxaic, .lpfx_ai_c, .alic{align-items:center;}
		.lpfxaife, .lpfx_ai_fe{align-items:flex-end;}
		.lpfxaifs, .lpfx_ai_fs{align-items:flex-start;}
		.lpfxdrc, .lpfx_dr_c{flex-direction:column;}
		.lpfxdrcr, .lpfx_dr_cr{flex-direction:column-reverse;}
		.lpfxdrr, .lpfx_dr_r{flex-direction:row;}
		.lpfxdrrr, .lpfx_dr_rr{flex-direction:row-reverse;}
		.lpfxww, .lpfx_ww{flex-wrap: wrap;}
		.lpfx_b_50{flex-basis: 50%}
		.lpfx_110{flex:1}
		.lpfx_1{flex:1 1 auto;}
		.lpfx_10a{flex:1 0 auto;}
		.lpfx_g1{flex-grow:1;}
		.lpdn,.dn{display:none}
		.lpdb,.db{display:block}
		.lpdib{display:inline-block}
	
	/* border */
		.lpbr5{border-radius: 5px;}.lpbr10{border-radius: 10px;}.lpbr15{border-radius: 15px;}.lpbr20{border-radius: 20px;}.lpbr25{border-radius: 25px;}
		.lpbr50p{border-radius: 50%;}
	
	.w100{width: 100%;}
	.fwb{font-weight: bold;}

	.lpfw700{font-weight: 700}.lpfw800{font-weight: 800}.lpfw900{font-weight: 900}

	.lpcurp,.curp{cursor: pointer;}
	.ttu{text-transform: uppercase;}
	.boxsbb{-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;}
	.lpofh{overflow: hidden;}

	/* fonts */
	.lpfont1, .lpff_1{font-family: var(--lp_font_1)}.lpfont2, .lpff_2{font-family: var(--lp_font_2)}

	.lpfz10{font-size: 10px;}.lpfz11{font-size: 11px;}.lpfz12{font-size: 12px;}.lpfz14{font-size: 14px;}.lpfz16,.fz16{font-size: 16px;}.lpfz18{font-size: 18px;}.lpfz24{font-size: 24px;}.lpfz30{font-size: 30px;}

	/* hover */
	.hOP7:hover{opacity: 0.7;}
	.lphoop0:hover{opacity:0}.lphoop1:hover{opacity:.1}.lphoop2:hover{opacity:.2}.lphoop3:hover{opacity:.3}.lphoop4:hover{opacity:.4}.lphoop5:hover{opacity:.5}.lphoop6:hover{opacity:.6}.lphoop7:hover{opacity:.7}.lphoop8:hover{opacity:.8}.lphoop9:hover{opacity:.9}.lphoop10:hover{opacity:1}

	/* opacity */
	.op5{opacity: 0.5}.op6{opacity: 0.6}.op7{opacity: 0.7}.op8{opacity: 0.8}
	.lpop0{opacity:0}.lpop1{opacity:.1}.lpop2{opacity:.2}.lpop3{opacity:.3}.lpop4{opacity:.4}.lpop5{opacity:.5}.lpop6{opacity:.6}.lpop7{opacity:.7}.lpop8{opacity:.8}.lpop9{opacity:.9}.lpop10{opacity:1}

	

	@media (max-width: 850px){
		.lpdn_m{display: none;}
	}
	@media (max-width: 550px){
		.lpfxjccS{justify-content: center;}
		.lpdn_s{display: none;}
	}


/* fontations */
	.lp_dashboard
		{font-family: var(--lp_font_2)}
	.title.lp_range_title,
	.lp_week_view .week_col .day_name,
	.lp_month_view .day_names .date_box span,
	.lp_month_view .day_names .date_box em
		{font-family: var(--lp_font_1)}

	.lp_range_title{text-transform: uppercase;font-size: 24px;cursor: pointer;}

/** Layout */
	html.lifepress_overflow{overflow:hidden;}
	body.lifepress.hide_overflow{
		overflow: hidden;
	}
	body.lifepress{
		margin: 0; padding: 0; color:var(--lp_color_1);
		font-size: 14px;
		box-sizing:border-box;
		font-family: var(--lp_font_1);
		background-color: var(--lp_color_1);
	}
	body.lifepress *{box-sizing:border-box;line-height: 100%;
		-webkit-font-smoothing: auto;
	}
	body.lifepress p{
		margin: 0 0 10px;
	}
	
	body.lifepress h2{line-height: 1.214;}
	body.lifepress h2{
		clear: both;
	    font-weight: 300;
	    font-size: 24px;
	    margin: 0 0 .5407911001em;
	}

	.lp_dashboard{
		top:0;
		box-sizing:border-box;		
		font-size: 14px;
		line-height: 100%;
		flex-direction:column;
		    border-radius: 10px;
	    margin: 5px;
	    background-color: #ffffff;
	    box-sizing: border-box;
	    width: calc(100% - 10px);
	    height: calc(100% - 10px);
	    overflow: hidden;
		position: absolute;
	}
	.lp_topbar{
		width: 100%;display: flex; padding: 10px 15px;
		background-color: #ffffff; 
		border-bottom:1px solid var(--lp_border_color_1);
		justify-content: space-between;
    	align-items: center;
    	flex-shrink:0;
    	height: 50px;
	}
	.lp_new_btn{
		font-size: 18px;
	    padding: 0;
	    border-radius: 10px;
	   	margin: 0px;
	    height: 35px;
	    width: 35px;
	    line-height: 32px!important;
	    text-align: center;
	    border: none;
	}
	.lp_new_btn:hover{background-color:#9ad8e2 }
	.top_views .view{font-size: 20px;min-width: 40px; text-align: center;}
	.top_views .view:hover{background-color: #efefef}
	.top_views .view.focus{background-color: var(--lp_color_blue);color:#fff; }

	.lp_topbar .date_range{
		display: -webkit-box;
	    display: -moz-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    align-items:center;
	}
	.lp_body{
		display: flex;
	    flex-direction: row;
	    overflow: hidden;
	    margin: 0px;
	    height: 100%;
	}
	.lp_body_view_content{
		overflow-x: hidden;
	    overflow-y: auto;
	    padding: 0px;
	    height: 100%;
	    width: 100%;
	}
	.lp_tags_out{
		overflow-y: scroll;
		-ms-overflow-style: none;
    	scrollbar-width: none;
    	background-color: var(--bgc_past);
    	border-right: 1px solid var(--lp_border_color_1);
	}
	.lp_tags_out::-webkit-scrollbar {display: none;}
	.lp_tags{padding: 20px 15px;width: 50px;}
	.lp_tags span{
		height: 20px;
		width: 20px;
		display: block;
		background-color: #808080;
		border-radius: 50%;
		text-indent: -9999px;
		cursor: pointer;
		margin-bottom: 10px;
		position: relative;
		-webkit-transition: transform .2s ease;
	    -moz-transition: transform .2s ease;
	    -ms-transition: transform .2s ease;
	    -o-transition: transform .2s ease;
	    transition: transform .2s ease;
	}
	.lp_tags span:hover{transform: scale(1.2);}
	.lp_tags span:before{
		content:"";
		position: absolute;height: 50%; width:50%;
		top:0; left:0; border-radius: 50%;
		background-color: #fff;    transform: translate(5px, 5px);
	}
	.lp_tags.editmode span.lp_side_tag{    border: 2px solid #6d6d6d;}
	.lp_tags span.select:before{content:none;}
	.lp_tags span.lp_side_tag_edit:before{display: none;}
	.lp_tags span.lp_side_tag_edit{    font-size: 10px;
	    color: #808080;
	    text-indent: 0px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    background-color: #d4e3e2;
	}
	.lp_tags span.lp_side_tag_edit.select{color:#fff; background-color: #6d6d6d}
	.entry_date{
		    background-color: #e2e2e2;
	    border-radius: 10px;
	    padding: 5px 10px;
	    display: inline-block;
	    font-size: 14px;
	}
	.lp_lb_single_entry .entry_date{margin-bottom: 20px;}

	/* home link */
	.lp_top_left .homelink{
		border: 2px solid var(--lp_color_1);
	    padding: 3px 4px;
	    border-radius: 5px;
	}
	.lp_topbar .header_right .homelink{display: none;}
	.lp_footer{border-top:1px solid var(--lp_border_color_1);}
/* in page layout */
	:root{
		--inpage-borderrad: 10px;
	}
	#lifepress_inpage{background-color: #fff; border-radius: var(--inpage-borderrad);}
	#lifepress_inpage .lp_dashboard{position: relative;}
	#lifepress_inpage .lp_topbar{border-radius: var(--inpage-borderrad) var(--inpage-borderrad) 0 0}
	#lifepress_inpage .lp_body{border-radius:0 0 var(--inpage-borderrad) var(--inpage-borderrad)}

/* default overrides */
	body.lifepress .trumbowyg-box button{background-color: transparent!important;color:#3c3c3c!important;}
	body.lifepress .trumbowyg-box{margin:0;border-radius: 10px;overflow: hidden;}
	body.lifepress .trumbowyg-button-pane{background-color: #efefef}
	body.lifepress #ui-datepicker-div.ui-widget-content{
		background-color: #efefef;
		z-index: 999999!important;
		font-size: 16px;
    border: none;}


/* Moon */
	:root{
		--moon_color:#fff;
		--moon_dark:#111;
	}
	.lp_moon_data{ overflow: hidden;}
	.lpmoon_container {
	    display: flex;
	    justify-content: space-between;
	    align-items: flex-start;
	    flex-wrap: nowrap;
	    max-width: 1100px;
	    margin: 0 auto;
	}
	.lp_moonphase {
	    text-align: center;
	    flex: 1;
	    min-width: 40px;
	}
	.lp_moonphase .lp_moon, .lunarday.lp_moon {
	    width: 20px;
	    height: 20px;
	    border-radius: 50%;
	    margin: 0 auto 12px;
	    background: #fff;
	    position: relative;
	    overflow: hidden;
	    border:1px solid var(--moon_dark);
	}
	/* moon bar */
	.lp_moon_bar{
		background-color: #d8d8d8;
	    height: 3px;
	    border-radius: 10px;
	    margin-top: 10px;
	}
	.lp_moon_bar .lp_moon_bar_on{
		background-color: #5f5f5f;border-radius: 10px;
	    height: 3px;
	    display: block;
	    width: 40%;    position: relative;
	}
	.lp_moon_bar .lp_moon_bar_on b{
		background-color: #5f5f5f;
	    display: block;
	    width: 5px;
	    height: 5px;
	    border-radius: 50%;
	    margin-top: -1px;
	    position: absolute;
	    right: 0;
	}

	/* 8 Moon Phases */
	.lp_moon.new  , .lunarday.lp_moon.new      { background: #111; box-shadow: inset 0 0 30px #000; }
	.lp_moon.waxing-crescent::before { content:""; position:absolute; width:70%; height:100%; left:0; background:#111; border-radius:0 50% 50% 0; }
	.lp_moon.first-quarter { background: linear-gradient(to right, #111 50%, #fff 50%); }
	.lp_moon.waxing-gibbous::before { content:""; position:absolute; width:70%; height:100%; right:0px; background:var(--moon_color); border-radius:50%; }
	.lp_moon.full       { background: #fff;  }
	.lp_moon.waning-gibbous::before { content:""; position:absolute; width:70%; height:100%; left:0%; background:var(--moon_color); border-radius:0 50% 50% 0; }
	.lp_moon.last-quarter { background: linear-gradient(to right, #fff 50%, #111 50%); }
	.lp_moon.waning-crescent::before { content:""; position:absolute; width:70%; height:100%; right:0%; background:#111; border-radius:50% 0 0 50%; }

	.lp_moonphase .lp_moon.waxing-gibbous,
	.lp_moonphase .lp_moon.waning-gibbous
	{background-color: var(--moon_dark)}

	.lp_moonphase .lp_label {  font-size: 0.9rem;   margin-top: 8px; opacity: 0.9; display: none;}

	.lp_current-moon-highlight {
	    transform: scale(1.25);
	    border: 3px solid #4fc3f7;
	    box-shadow: 0 0 30px #4fc3f7 !important;
	}

/* no access */
	.lp_no_access{text-align: center;padding: 50px;}

/* light box */
	#lp_lightboxes{	position: fixed;width: 100%;z-index: 900000; top:0;	}
	#lp_lightboxes .lp_one_lightbox{
		opacity: 0; visibility: hidden;
		transition: all 0.1s ease;
		background: rgba(222, 222, 222, 0.7);
		    position: fixed;
	    width: 100%;
	    height: 100%;top:0;right:0; bottom:0;
	    overflow-y: auto
	}
	#lp_lightboxes .lp_one_lightbox.show{opacity: 1; visibility: visible;}
	.lp_one_lightbox .lp_one_lb_in{
		-webkit-transition: -webkit-transform 0.15s ease;
	    transition: transform 0.15s ease;
	    -webkit-transform: translateY(50px);
	    transform: translateY(50px);
	    box-shadow: 0px 0px 30px -5px #0000003d;
	    background-color: #fbfbfb; 
	   	position: relative;
	    width: 90%;
	    margin: 50px auto 30px; padding: 50px;
	    border: none;
	    border-radius: 25px;
	    box-sizing: border-box;
	}
	.lp_one_lightbox.show .lp_one_lb_in{
		 -webkit-transform: translateY(0px);
	    transform: translateY(0px);
	}

	.lp_lb_toprow{
		position: absolute;
	    padding: 10px;
	    height: 60px;
	    width: 100%;
	    display: flex;
	    flex-direction: row;
	    margin: 0;
	    justify-content: flex-end;
	    box-sizing: border-box;
	    top: 0;
	    right: 0;
	}
	.lp_lb_toprow button{
		outline: none;border: none; background: none;
	    font-size: 16px;	height: 40px; width: 40px;
	    border-radius: 50%; cursor: pointer;
	}
	.lp_lb_toprow button svg{color: var(--lp_color_grey1);}
	.lp_lb_toprow button:hover{
		outline: none;border: none;
		background-color: var(--lp_color_grey2)
	}
	.lp_lb_toprow button:hover svg{ color: var(--lp_color_1) }
	.lp_lb_close{
		position: relative;
	    z-index: 90001;
	    margin: 0 0px 0 10px;
	    color: var(--lp_color_grey1);
	    background-color: #f0f0f0;
	    border-radius: 50%;
	    padding: 20px;
	    height: 28px;
	    width: 28px;
	    text-align: center;
	    line-height: 90%;
	    font-size: 28px;
	    cursor: pointer;
	    text-indent: -9999px;
	    font-weight: 300;
	    box-sizing: content-box;
	    -moz-box-sizing: content-box;
	    
	}
	.lp_lb_close:hover{background-color: var(--lp_color_grey2)}
	.lp_lb_close:hover:before,.lp_lb_close:hover:after{	background-color: var(--lp_color_1);	}
	.lp_lb_close:before{transform: rotate(45deg);}
	.lp_lb_close:after{transform: rotate(-45deg);}
	.lp_lb_close:before, .lp_lb_close:after{
		position: absolute;
	    left: 18px;
	    top: 9px;
	    content: ' ';
	    height: 50%;
	    width: 2px;
	    background-color: #666666;
	}
	.lp_one_lightbox{}
	.lp_entry_image{
		background-color: #333;
	    border-radius: 15px;
	    text-align: center;
	    padding: 10px;
	}
	.lp_entry_image img{border-radius: 10px;}
	.lp_editor_box {flex:1;}

/* loading */	
	.lp_loader{
		height: 20px; width: 100px;
		border-radius: 20px;
		border:2px solid #828282;
		display: block;
		overflow: hidden;
		margin:40px auto;
	}
	@keyframes superman {
	  0% {  transform: translate(-40px, 0);  }
	  100% {   transform: translate(100px, 0); }
	}
	@keyframes initloaderA {
	  	0% {}
	 	100% {	transform: translateY(-66.67%);}
	}
	@keyframes preload_anim {
	  	0% {}
	 	100% {	transform: translateX(140%);}
	}
	.lp_loader:before{
		content:"";
		width: 40px;
		height: 20px;
		background-color: #84c5d0;
		display: block;
		position: relative;
		animation-name: superman;
	    animation-duration: 0.7s;
	    animation-iteration-count: infinite;
	    animation-direction: alternate;
	    animation-timing-function: ease-in-out;
	    animation-fill-mode: none;
	    animation-delay: 0s;
	}
	.lp_loading{position: relative;overflow: hidden!important;}
	.lp_loading:before{
		content:"";
		/*background-color: #ffffffb5;*/
		background: rgb(247,247,247);
		background: linear-gradient(0deg, 
			rgb(255, 255, 255, 0.5) 33.37%, 
			rgb(189, 220, 253, 0.7) 50%, 
			rgb(255, 255, 255, 0.5) 66.67%);
		animation:initloaderA 1.5s ease-in-out 0s infinite normal none running;	
		transform:translateY(0%);
		top:0;left: 0;bottom: 0;
		position: absolute;
		width: 100%; height: 300%; z-index: 10;
	}
	.lp_loading.lp_lightbox_in:before{top: 0;left: 0; border-radius: 20px;}
	.lp_lazy_loading{position: relative;  overflow: hidden; min-height: 30px; display: block;
	    background-color:rgb(233 233 233);border-radius: 10px;}
	.lp_lazy_loading:before{
		background: linear-gradient(90deg, rgba(233, 233, 233,1) 0%, rgba(226,226,226,1) 25%, rgba(226,226,226,1) 75%, rgba(233, 233, 233,1) 100%);
		content:"";
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		left: 0;
		animation:preload_anim 1.5s ease-in-out 0s infinite normal none running;		
		top:0;
		transform:translateX(-100%);
	}
/* tooltip */
	.lp_elms{    position: absolute; z-index: 48392749832;pointer-events: none;}
	.lp_tooltip_box{
		-webkit-transition: transform .1s ease;
	    -moz-transition: transform .1s ease;
	    -ms-transition: transform .1s ease;
	    -o-transition: transform .1s ease;
	    transition: transform .1s ease;
		pointer-events: none;
	    background-color: #292b2d;
	    color: #fff;
	    padding: 5px 10px;
	    font-size: 12px; font-style: normal;
	    border-radius: 5px;
	    box-shadow: 0px 0px 10px 0px #0000004a;
	    position: relative;
	    opacity: 0; display: inline-block;
	    transform: translateY(5px );
	}
	.lp_tooltip_box.show{
		opacity: 1;
    	transform: translateY(0px );
	}
	.lp_tooltip_box:before {
	    content: "";
	    display: inline-block;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 12px 12px 0 0;
	    border-color: #292b2d transparent transparent transparent;
	    position: absolute;
	    bottom: 0;
	    margin-bottom: -12px;
	}
/* month select */
	.lp_month_select_view{display: flex;flex-direction: column;}
	.lp_month_select_view p {    justify-content: center; display: flex; flex-wrap: wrap;}
	.lp_month_select_view p span{padding:10px 15px;cursor: pointer;border-radius: 20px;margin:5px;}
	.lp_month_select_view p span:hover{background-color: #e0e0e0;}
	.lp_month_select_view p span.select{background-color: #a7dbd8;  color: #fff;}

/* form */
	.lp_form .data_row svg{margin-right: 15px;margin-top: 8px; font-size: 18px;}
	.lp_form .data_row .trumbowyg svg{margin: 0;}
	form.lp_form .data_row{
		display:flex;
		justify-content:space-between;
		position: relative;
	}
	form.lp_form .data_row span.lp_entry_tags{flex:1;}
	form.lp_form input, form.lp_form textarea{
		box-shadow:none;
		padding:10px;
		border:none;
		background-color: #efefef;
		width: 100%;
		border-radius: 10px;
		font-family: var(--lp_font_2);
		font-size: 14px;margin:0;
	}
	form.lp_form input:hover, form.lp_form textarea:hover,
	form.lp_form input:focus, form.lp_form textarea:focus
	{background-color: #f7f4d7; outline:none;}

	form.lp_form .data_row.lp_toggabalables{justify-content: flex-start;}
	form.lp_form .data_row .lp_form_field_label.lp_toggles{padding: 10px;opacity: 0.5;}
	form.lp_form .data_row .lp_form_field_label.lp_toggles:hover{
		    opacity: 1;
	    background-color: #efefef;
	    border-radius: 10px;
	    padding: 10px;
	    flex: 1;
	}

	form.lp_form input::-webkit-input-placeholder{opacity: 0.5; font-style: normal;}
	form.lp_form input::-moz-placeholder{opacity: 0.5; font-style: normal;}
	form.lp_form input:-ms-input-placeholder{opacity: 0.5; font-style: normal;}
	form.lp_form input:-moz-placeholder{opacity: 0.5; font-style: normal;}

	form.lp_form .no_icon{padding-left: 30px;}
	form .existing_tags{  min-width: 50%;	}
	form .form_tags_in{}
	.lp_form .selected_tag{
		cursor: pointer;
		background-color: #808080; color:#fff;
		border-radius: 5px; padding: 6px 10px;
		margin-right: 10px;line-height: 100%; font-size: 13px;
	}
	form .existing_tags.dn{display: none;}
	form .existing_tags i{
		cursor: pointer;
		padding: 5px 10px;
		border-radius: 5px;
		background-color: #f3f3f3;
		display:inline-block; font-style: normal;
	}
	form .existing_tags i.on{    box-shadow: 0px 0px 0px 2px #333;}
	form .existing_tags i:hover{opacity: 0.7}
	form.lp_form .tag_colors em{
		border-radius: 50%;
		height: 18px; width: 18px;
		margin: 5px 5px 0 0;
		cursor: pointer;
		position: relative;
	}
	form.lp_form .tag_colors em.select{border-radius: 20px; width: 30px;}
	form.lp_form .tag_colors em.select:before{
		content: "";
	    height: 10px;
	    width: 22px;
	    position: absolute;
	    left: 4px;
	    top: 4px;
	    background-color: #ecebeb;
	    border-radius: 20px;
	}
	form .tag_colors{flex-wrap:wrap;}
	form.lp_form .tag_colors em:hover{opacity: 0.7;}
	form.lp_form .tag_color_add_new{
		margin-top: 10px;
	    position: relative;
	    padding: 10px 20px 10px 40px;
	}
	form.lp_form .tag_color_add_new em{
		position: absolute;
	    height: 20px;
	    width: 20px;
	    display: block;
	    background-color: #fbfbfb;
	    border-radius: 50%;
	    top: 6px;
	    left: 10px;
	}
	form.lp_form .lp_tag_new{
		display: block;
	    background-color: #e4e4e4;
	    padding: 10px;
	    margin-top: 10px;
	    border-radius: 15px;
	}
	form.lp_form .lp_tag_new.dn{display: none;}

	/* Row select */
	.lp_row_select{
		border-radius: 20px;
	    background-color: #ccc;
	    padding: 2px;
	    display: inline-flex	;
	    margin-left: 5px;overflow: hidden;
	}
	.lp_row_select .lp_rowsel_item.select{background-color: #fff;}
	.lp_row_select .lp_rowsel_item{
		padding: 7px 14px;
		cursor: pointer;
	    display: inline-block;
	    border-radius: 20px;
	}

/* search */
	.lp_search_trig{
		padding: 10px;
	    font-size: 18px;
	    cursor: pointer;
	}
	.lp_search_trig:hover{opacity: 0.5}
	body .lp_search_input input{
	    box-shadow: none;
	    border-radius: 30px;
	    padding: 10px 20px 10px 50px;
	    font-size:18px;
	    background-color: #f2f2f2;
    	color: #43454b;
    	    -webkit-appearance: none;
    	    line-height: 1.7;
	    box-sizing: border-box;
	    font-weight: 400;
	    border:1px solid transparent;
	}
	body .lp_search_input input:focus{
		outline:none;border-color: var(--lp_color_1)}
	.lp_search_input .lp_btn{
		    right: 15px; top: 33px; margin-right: 0px
	}
	.search_entry .entry_date{background-color: transparent;padding: 0px;}
	.search_entry{
		color:var(--lp_color_1);
	    background-color: #f5f5f5;
	    margin-bottom: 10px;
	    padding: 10px 10px 5px;
	    border-radius: 10px;cursor: pointer;}
	.search_entry .entry_date{margin-bottom: 5px;color:var(--lp_color_1);}
	.search_entry h3{padding: 0;
	    margin: 0;
	    font-size: 16px;
	    font-weight: bold;}

/* weeks grid */
	.lp_weeks_grid{
		padding: 20px;
		transform:scale(0.65);
		transform-origin:0 0;
	}
	.lp_weeks_grid .row_title{padding-right: 10px;}
	.lp_weeks_grid span{display: block;}
	.lp_weeks_grid .row{
		padding: 3px 0; height: 15px;
		display:flex;
		justify-content:flex-start;
	}
	.lp_weeks_grid .dot{
		border-radius: 50%;
		border:1px solid #808080;
		height: 10px; width: 10px; display: inline-block;
		margin-right: 10px;
	}
	.lp_weeks_grid .dot.past{border-color:#c7c7c7 }
	.lp_weeks_grid .dot.before{opacity: 0.2; }
/* month view & Lunisolar */
	.date_range .prev, .date_range .next{
		width: 30px;
	    height: 30px;
	    text-align: center;
	    line-height: 30px;
	    border: 1px solid #808080;
	    border-radius: 50%;
	    margin: 10px;
	    display: block; float: left;
	    cursor: pointer;
	}
	.date_range .prev:hover, .date_range .next:hover{background-color: #808080;color:#fff;}
	.lp_month_view .day_names .date_box,
	.lp_moon_view .day_names .date_box
	{
		display: block;
	    float: left;
	    width: 14.27%;
	    text-align: center;
	    min-height: 5px;
	    cursor: pointer;
	    font-size: 12px;
	    font-weight: 700;
	    border-bottom: 1px solid #f1f1f1;
	    border-right: 1px solid #f1f1f1;
	    padding: 15px 0;
	    margin: 0!important;
	    position: relative;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.lp_month_view .day_names .date_box em,.lp_moon_view .day_names .date_box em{display:none;}
	.lp_moon_view .days .date_box,
	.lp_month_view .days .date_box{
		display: block;
	    float: left;
	    width: 14.27%;
	    text-align: center;
	    min-height: 5px;
	    cursor: pointer;
	    font-size: 20px;
	    font-weight: 700;
	    padding: 4px 0;
	    border-top: 1px solid #e4e4e4;
	    border-right: 1px solid #e4e4e4;
	    border-bottom: 1px solid transparent;
	    padding: 30px 0;
	    margin: 0!important;
	    position: relative;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.lp_month_view, .lp_moon_view{flex-direction:column;}
	.lp_month_view .weeks, .lp_moon_view .weeks{flex-direction:column; }
	.lp_month_view .week, .lp_moon_view .week{		
		flex-direction:row;
	}
	.lp_month_view .week .day, .lp_moon_view .week .day{
		min-height: 120px;
		/*flex:1 1 0%;*/
		text-align: center;
		border-bottom: 1px solid #f1f1f1;
		border-right: 1px solid #f1f1f1;
		overflow: hidden;
		padding: 8px;
		flex-direction: row;
    	display: flex;
    	width:calc(100%/7);
	}
	.lp_month_view .week .day:hover,.lp_moon_view .week .day:hover{background-color: #fbfbfb}
	.lp_month_view .day_top, .lp_moon_view .day_top{
		display: block;
		padding: 0px 0 5px;
		font-size: 12px; font-weight: bold; padding: 0 5px 0 0;
		flex:0 0 20px;
		font-family: var(--lp_font_1);
	}
	.lp_month_view .lp_entry_item, .lp_moon_view .lp_entry_item{
		border-radius: 5px;
	    padding: 4px 6px 6px;
	    color: #fff;
	    font-size: 11px;
	    margin: 0 4px 3px 0;
	    cursor: pointer;
	    flex: 0 1 auto;
	}
	.lp_month_view .lp_entry_in,
	.lp_moon_view .lp_entry_in
	{ /*overflow: hidden;*/text-align: left}
	.lp_month_view .day.past{background-color: var(--bgc_past)}
	.lp_month_view .day.prev{background-color: var(--bgc_prev)}
	.lp_month_view .day.next{background-color: var(--bgc_next)}
	.lp_moon_view .day.today,
	.lp_month_view .day.today,
	.lp_month_view .day.today.focus_mo{background-color: var(--bgc_focus)}
	.lp_month_view .day.focus_mo{background-color: #ffffff}
	.lp_month_view .list_entries, 
	.lp_moon_view .list_entries{
		display: flex;
	    flex-wrap: wrap;
	    align-content: flex-start;
	}
/* lunar month */
	.lp_moon_view .week .day{display: flex;flex-direction: column;}
	.lp_moon_view .lunar_new_month{display: block;}
	.lp_moon_view .lunar_otherday{    opacity: 0.5;}
	.lp_moon_view .lunarday{    margin-right: 3px;}
	.lp_moon_view .day_top{  display: flex;   justify-content: space-between;  }
	.lp_moon_view .lunar_reg_day{ opacity: 0.5; display:flex; gap:3px;}
	.lp_moon_view .lunar_top{ display:flex;  }
	.lp_moon_view .lunarday.lp_moon{    margin: 0 5px 0 0; height: 13px; width: 13px;    text-indent: -9999px;}
	.lp_moon_view .day.full{background-color: #f5f5f5;}
	.lp_moon_view .day.new{    background-color: #f8f8f8;}
	.lp_moon_view .day.newMonth{    border-left: 3px solid var(--lp_color_blue);}

/* list view */
	.lp_list_view .list_row{
		padding-top: 8px;
	    padding-bottom: 8px;
	    border-bottom: 1px solid var(--lp_border_color_1);
		display: -webkit-box;
	    display: -moz-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	}
	.lp_list_view .list_row .date{
		padding-left: 14px;
		-webkit-box-flex: none;
	    -webkit-flex: none;
	    flex: none;
	    vertical-align: top;
	    text-align: left;
	    width: 120px;
	    margin: 5px 0;
	}
	.lp_list_view .list_row .list_entries{width: 100%;margin-right: 10px;}
	.lp_list_view .list_row .lp_entry_item, 
	.lp_week_view .lp_entry_item{cursor: pointer;}
	.lp_list_view .list_row .lp_entry_item:hover{
		background-color: #fdfdfd;
    	border-radius: 20px;
	}
	.lp_list_view .list_row .lp_entry_item b, 
	.lp_week_view .lp_entry_item b, 
	
	.lp_list_view .list_row .lp_entry_item span, 
	.lp_week_view .lp_entry_item span{margin: 5px 0;	}
	.lp_list_view .list_row.wkSt{border-top:3px solid #dadce0;}
	.lp_list_view .list_row.past.focus_mo{background-color: var(--bgc_past)}
	.lp_list_view .list_row.today.focus_mo{background-color: var(--bgc_focus)}
	.lp_list_view .list_row.focus_mo{background-color: #fff}
	.lp_list_view{ background-color: var(--bgc_past)}

/* week view */
	.lp_week_view{
		justify-content:space-between;
		height: 100%;
	}
	.lp_week_view .week_col{
		padding: 0 0 15px;
		border-right:#dadce0 1px solid;
		text-align: center;
		flex:1 1 0%;
	}
	.lp_week_view .week_col .day_name{
		font-weight: 700; font-size: 12px;
		padding: 15px 0 12px;
		border-bottom: 1px solid var(--lp_border_color_1);
	}
	.lp_week_view .week_col .day_name em,
	.lp_list_view .list_row .date em,
	.lp_month_view .week .day_top em,
	.lp_moon_view .week .day_top em
	{display:none; font-style: normal;}
	.lp_week_view .lp_entry_item{
		margin: 0 5px 5px 0;
	    border-radius: 10px;
	    padding: 2px 8px;
	    color: #fff;
	    flex: 0 1 auto;
	    flex-direction: column;
	    font-size: 12px; text-align: left;
	}
	.lp_week_view .lp_entry_item:hover{opacity: 0.7;}
	.lp_week_view .week_col.past{background-color: var(--bgc_past)}
	.lp_week_view .week_col.today{background-color: var(--bgc_focus)}
	.lp_week_view .week_entries{
		display: flex;
    	flex-wrap: wrap;
	}

/* entry view */
	.lp_lb_single_entry .details{padding:0;line-height: 1.3;}
	.lp_lb_single_entry .details p{line-height: 1.3;}
	.lp_lb_single_entry .entry_footer{}
	.lp_lb_single_entry .entry_footer b{
		border-radius: 12px;
	    border: 6px solid;
	    width: 0;
	    height: 0;
	    border-color: #808080;
	    margin: 5px 10px 5px;
	}
	.lp_lb_single_entry .entry_footer b{margin: 0 10px 0 0;}

/* metrics */
	.lppmss{
	    border-radius: 10px;
	    margin-bottom: 15px;
	    border: 1px solid #c5c5c5;
	}
	.lpps{	
	    padding: 10px 15px;margin:0;
	    border-bottom: 1px solid #c5c5c5
	}
	.lpps:last-child{border:none;}
	.lpps p.lpps_{cursor: pointer;margin:0;padding:0;}
	.lpps p.lpps_.select{}
	.lpps p.lpps_:hover{	opacity: 0.7}
	.lpps .lppsf{display: none; padding:15px 0 0;}
	.lpps.select .lppsf{display: flex;gap:20px;flex-wrap: wrap;}

	.lp_week_view .lp_entry_item .lpp_ti{margin:0 0px 0 0px;}
	.lp_week_view .lp_entry_item .lpp_metrics{font-size: 11px;}
	.lp_list_view .list_row .lp_entry_item .lpp_metrics{display: inline-block; margin:0;padding:0 0 0 10px;}

	.lp_entry_item .lpp_metrics,
	.lp_entry_item.notitle .lp_entry_in > .lpp_metrics ~ .lpp_metrics
	{display: block;border-top: 1px solid #ffffff4a; margin-top: 5px; padding-top: 5px;}
	.lp_entry_item.notitle .lp_entry_in > .lpp_metrics {border:none; padding-top: 0; margin-top: 0}

	.lppsf .lpps_check{cursor: pointer;
		background-color: #ddfaff;
	    border-radius: 10px;
	    padding: 5px 15px;
	    box-sizing: border-box;
	}
	.lppsf .lpps_check:hover{opacity: 0.7}
	.lppsf .lpps_check svg{margin-top:0;font-size: 24px;}

	.lppsf .lp_metrics_box.lpps_select{flex-direction: column;gap:5px; align-items: flex-start;}
	.lppsf .lpps_select .lpps_selectable{
	    padding: 8px 10px;
	    display: inline-block;
	    background-color: #e3edec;
	    border-radius: 10px;
	    margin: 0 5px 5px 0;
	    cursor: pointer;
	}
	.lppsf .lpps_select .lpps_selectable:hover{opacity: 0.7}
	.lppsf .lpps_select .lpps_selectable.select{    background-color: #c5c5c5;    color: #fff;}
    .lppsf{}
    .lppsf .lp_metrics_box{
    	    min-width: 200px;
	    margin: 0;
	    display: flex;
	    align-items: center;
	    flex: 1;
    }

/* footer notices */
	.footer_notices{
		position: fixed;
	    bottom:30px;left:20px;
	    line-height: 1;
	    z-index: 999999;
	}
	.footer_notices span{
		-webkit-transition: all .1s ease;
	    -moz-transition: all .1s ease;
	    -ms-transition: all .1s ease;
	    -o-transition: all .1s ease;
	    transition: all .1s ease;

	    display: inline-block;
		margin-right: 10px;
		background-color: #4a4a4a;
	    color: #fff;
	    border-radius: 4px;
        padding: 12px 20px;
        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(60px );
	}
	.footer_notices span.show{
		opacity: 1;
    	transform: translateY(0px );
	}

/* responsive */
 @media (max-width: 1000px){
 	.lp_lightbox_in{width: 90%}
 	.lp_month_view .list_entries, .lp_moon_view .list_entries{overflow:hidden;}
 	.lp_month_view .lp_entry_in, .lp_moon_view .lp_entry_in{overflow:hidden;}
 	.lp_month_view .lp_entry_item, .lp_moon_view .lp_entry_item{
 		height: 16px;padding: 2px 5px 3px;
 		margin-right: 0px;width: 100%;
 	}
 }
 @media (max-width: 800px){
 	.lp_week_view .week_col .day_name span{display: none;}
 	.lp_week_view .week_col .day_name em{display: block;}
 	.lp_range_title{font-size: 18px;}
 	.lp_topbar .lifepress_title{display:none;}

 	.lp_moon_view .lunar_new_month
 	{display: none;}
 }
 @media (max-width: 500px){
 	.lp_topbar{height:auto; padding:0;}
 	.header_right{padding: 4px 0;}
 	
 	.top_right{width: 100%;align-content: center;   flex-direction: column;}
 	.header_right{    width: 100%;  justify-content: center;  border-top: 1px solid #eaeaea;}
 	.lp_body{flex-direction:column;}
 	.lp_tags{display:none;padding:10px 10px 0px;border-bottom: 1px solid #eaeaea}
 	.lp_tags span{display: inline-block; margin-right: 10px}
 	
 	.lp_week_view .week_col .day_name{
 		min-height:50px; padding:0;
 		align-items:center;
 		justify-content: center;
 		display:flex;
 	}

 	.lp_entry_image img{    width: 100%;  height: auto;}

 	.lp_top_left .homelink{display: none;}
 	.lp_topbar .header_right .homelink{display: inline-block;}

 	.lp_week_view .week_col .day_name span{display: block;}
 	.lp_week_view .week_col .day_name em{display: none;}

 	.lp_week_view{flex-direction: column;}
 	.lp_week_view .week_col{border-bottom: 1px solid var(--lp_border_color_1); border-right: none; padding:0;}

 	.lp_month_view .lp_entry_item{overflow: hidden; text-align: left;height:16px;    padding: 2px 5px 3px;}
 	.lp_month_view .week .day{flex-direction: column;}
 	.lp_month_view .day_top{padding: 0 0 5px 0}

 	.lp_one_lightbox .lp_one_lb_in{width: 90%}
 	.lp_month_view .lp_entry_in{overflow: hidden;}

	.lp_month_view .week .day_top span,
	.lp_month_view .day_names .date_box span
 	{display:none;}

 	.lp_moon_view .lunar_otherday
 	{display: none;}
 	.lp_moon_view .lunar_miniday{display: block;}
 	
	.lp_month_view .week .day_top em,
	.lp_month_view .day_names .date_box em
 	{display:block;font-style: normal}
 }
