/* GENERAL */
	.-plannerkit {
		--primary: #ffffff;
		--secundary: #0a191c;
		--black: #0a191c;
		--yellow: #fefd31;
		--magenta: #fc3562;
		--turquoise : #2bfebc;
		--grey: #e1eef5;
		--darkgrey : #c0d3dd;
		--lightgrey : #ecf6fc;
		--white: #ffffff;
	}
	.-plannerkit { font-family: sans-serif;  margin:0px; padding:0px; background-color: var(--lightgrey); color:var(--black);}
	
	.-plannerkit.-iframed::-webkit-scrollbar-track {
			background: var(--lightgrey);        /* color of the tracking area */
		}
	.-plannerkit.-iframed::-webkit-scrollbar-thumb {
			background-color: var(--secundary);    /* color of the scroll thumb */
			border: 5px solid var(--lightgrey);  /* creates padding around scroll thumb */
			border-radius: 20px;       /* roundness of the scroll thumb */
		}
	.-plannerkit.-iframed {scrollbar-color: var(--lightgrey) var(--secundary); scrollbar-width:thin;}
	.-plannerkit.-iframed {scrollbar-face-color: var(--lightgrey); scrollbar-shadow-color: var(--secundary); scrollbar-highlight-color: var(--secundary);}
/* LAYOUTS */
@media screen and (max-width: 919px) {
	.-plannerkit {
		--padding-s: 8px;
		--padding-m: 16px;
		--padding-l: 24px;
		--padding-xl: 48px;
	}
	.-plannerkit-body { padding-bottom:calc(64px + env(safe-area-inset-bottom))!important; overflow: hidden; overflow-y: auto;}
	.-plannerkit-body > .-plannerkit-header { position:fixed; z-index:998; bottom:0px; left:0px; right:0px; background-color:var(--black); color:var(--white); border-top:var(--grey) 0px solid; width:100vw; height:calc(64px + env(safe-area-inset-bottom) ); padding-bottom:env(safe-area-inset-bottom);}
	.-plannerkit-body > .-plannerkit-header > figure { display:none;}
	.-plannerkit-body > .-plannerkit-header > nav {}
	.-plannerkit-body > .-plannerkit-header > nav > ul { display:block; text-align:center;}
	.-plannerkit-body > .-plannerkit-header > nav > ul > li { display:inline-block; opacity:0.5;}
	.-plannerkit-body > .-plannerkit-header > nav > ul > li.selected { opacity:1;}
	.-plannerkit-body > .-plannerkit-header > nav > ul > li > a { display:block;}
	.-plannerkit-body > .-plannerkit-header > nav > ul > li > a > i { width:48px; height:48px; padding:12px;}
	.-plannerkit-body > .-plannerkit-header > nav > ul > li > a > span { display:none;}
	.-plannerkit-body > .-plannerkit-header > button { display:none;}
	.-plannerkit-body > .-plannerkit-navigation { background-color:#fff;}
	.-plannerkit-body > .-plannerkit-navigation > .-columns { padding:var(--padding-m) var(--padding-l)!important;}
	.-plannerkit-body > .-plannerkit-navigation > .-columns > form { display:none!important;}
	.-plannerkit-body > .-plannerkit-navigation > .-columns > nav { flex-grow: 1!important;}
	.-plannerkit-body > .-plannerkit-navigation > .-columns > nav > ul > li:last-child { float:right;}
	.-plannerkit-body > .-plannerkit-navigation > .-columns > nav > ul > li > figure { max-width:96px!important; height:50px;}
	.-plannerkit-body > .-plannerkit-navigation > .-columns > nav > ul > li > figure > a { position:absolute; left:0px; top:0px; margin:0px; z-index: 1; width:100%; height:100%;}
	.-plannerkit-body > .-plannerkit-aside { position:fixed; left:100%; top:0px; width:100vw; height:100vh; pointer-events: none; background-color:var(--lightgrey);}
	.-plannerkit-body > .-plannerkit-aside > section { position:relative; width:100%; height:100%;}
	.-plannerkit-body > .-plannerkit-aside > section > header { display:block; position:relative; height:64px; padding:var(--padding-m);}
	.-plannerkit-body > .-plannerkit-aside > section > header h3 { margin:6px 0px;}
	.-plannerkit-body > .-plannerkit-aside > section > header button { position:absolute; right:var(--padding-m); top:50%; transform:translateY(-50%); margin:0px;}
	.-plannerkit-body > .-plannerkit-aside > section > iframe {  border:none; padding:0px; margin:0px;  width:100%; height:calc(100% - 64px - (64px + env(safe-area-inset-bottom)) );}
	.-plannerkit-body.-show-aside > .-plannerkit-aside { left:0px; z-index: 997; pointer-events:all;}
	section.-plannerkit-today {  max-height:auto!important; overflow: hidden!important; }
	a.-plannerkit-authorlink > span { display:none!important;}
}
@media screen and (min-width: 920px) {
	.-plannerkit {
		--padding-s: 16px;
		--padding-m: 32px;
		--padding-l: 48px;
		--padding-xl: 96px;
	}
	.-plannerkit-body {  
		display: grid;
		grid-template-columns: 96px 1fr 0px;
		grid-template-rows: calc(var(--padding-s) + var(--padding-s) + 56px) 1fr 0px;
		gap: 0px 0px;
		grid-auto-flow: row;
		grid-template-areas:
		"header navigation aside"
		"header main aside"
		"header footer aside";
		height:100vh; width:100vw; overflow: hidden;
	}
	.-plannerkit-body.home,
	.-plannerkit-body.post-type-archive-plannerkit-dashboard {
		grid-template-columns: 96px 352px 1fr 0px;
		grid-template-rows: calc(var(--padding-s) + var(--padding-s) + 56px) 1fr 0px;
		grid-template-areas:
		"header sidebar navigation aside"
		"header sidebar main aside"
		"header footer footer aside"; 
	}
	.-plannerkit-header { grid-area: header; overflow: hidden; position:relative;  }
	.-plannerkit-navigation { grid-area: navigation; overflow: hidden; position:relative; }
	.-plannerkit-main { grid-area: main; overflow: hidden; position:relative; }
	.-plannerkit-sidebar { grid-area: sidebar; overflow: hidden; position:relative; }
	.-plannerkit-aside { grid-area: aside; overflow: hidden; position:relative; }
	.-plannerkit-footer { grid-area: footer; overflow: hidden; position:relative; }	
	
	.-plannerkit-header { background-color: var(--white); border-right:var(--grey) 1px solid; padding:var(--padding-s) 32px; }
	.-plannerkit-header > figure { display: block; margin:0px; padding:0px; width:96px;}
	.-plannerkit-header > figure > a { position:absolute!important; width:100%; height:100%; top:0px; left:0px; z-index: 1; margin:0px;}
	.-plannerkit-header > figure > picture { display:block; width: 48px; height:48px;  background-color:var(--white); color:var(--black);}
	.-plannerkit-header > figure > picture svg { fill:var(--black);}
	.-plannerkit-header > nav { position: absolute; top:calc(var(--padding-s) + var(--padding-s) + 56px); left:0px; width:100%; transform:translateY(0%);}
	.-plannerkit-header > nav > ul { list-style: none; margin:0px; padding:0px; width:100%; padding:2px 24px;}
	.-plannerkit-header > nav > ul > li { display: block; text-align:left;}
	.-plannerkit-header > nav > ul > li > a { display: inline-block; color:var(--darkgrey); }
	.-plannerkit-header > nav > ul > li > a > span { display:none;}
	.-plannerkit-header > nav > ul > li.selected > a { color:var(--black);}
	.-plannerkit-header > button { position: absolute; bottom:24px; left:24px; width:48px; margin:0px; text-align: left; translate: all 125ms ease-in-out; }
	.-plannerkit-header > button * { pointer-events:none;}
	.-plannerkit-header > button > i { padding:12px; width:auto; height:auto;}
	.-plannerkit-header > button > span { display: none;}
	.-plannerkit-header > button:hover { cursor:pointer;}
	.-plannerkit-navigation { background-color:var(--white); border-bottom:var(--grey) 0px solid;  }
	.-plannerkit-navigation > .-columns { padding:var(--padding-s) var(--padding-l)!important; height:calc(var(--padding-s) + var(--padding-s) + 56px); flex-wrap: nowrap!important;}
	.-plannerkit-navigation > .-columns > form { }
	.-plannerkit-navigation > .-columns > nav {flex-grow: 1!important;}
	.-plannerkit-navigation > .-columns > nav > ul { text-align:right;}
	.-plannerkit-navigation > .-columns > nav > ul > li:first-child { display:none!important;}
	.-plannerkit-navigation > .-columns > nav > ul > li > figure { color:var(--black);}
	.-plannerkit-navigation > .-columns > nav > ul > li > figure > a { position:absolute; left:0px; top:0px; margin:0px; z-index: 1; width:100%; height:100%;}
	.-plannerkit-userlinks {}
	.-plannerkit-main {  background-color:var(--white);  overflow-y: auto;}
	
	.-plannerkit-aside { position:fixed; left:100%; top:0px; width:384px; max-width:384px; min-width:384px; height:100vh; pointer-events: none; background-color:var(--lightgrey); border-top:var(--grey) 0px solid; border-bottom:var(--grey) 0px solid; border-left:var(--grey) 1px solid; overflow: hidden;}
	.-plannerkit-aside > section { width:100%; height:100%; overflow:hidden; display:none;}
	.-plannerkit-aside > section.-show { display:block;}
	.-plannerkit-aside > section > header { position:relative; height:calc(var(--padding-s) + var(--padding-s) + 56px); padding:var(--padding-s); }
	.-plannerkit-aside > section > header h3 { margin-top:18px;}
	.-plannerkit-aside > section > header button { position:absolute; right:var(--padding-s); top:50%; transform:translateY(-50%); margin:0px;}
	.-plannerkit-aside > section > iframe { border:none; padding:0px; margin:0px; width:100%; height:calc(100% - (var(--padding-s) + var(--padding-s) + 56px));  background-color: var(--lightgrey); }
	
	
	.-plannerkit-body.-show-aside > .-plannerkit-aside { left:auto; right:0px; z-index: 997; pointer-events:all;}
	.-plannerkit-body.-show-aside-big > .-plannerkit-aside { transition:width 175ms ease-in-out, max-width 175ms ease-in-out, min-width 175ms ease-in-out; width:100%; max-width:calc(100% - 224px); min-width:920px;}
	
	.-plannerkit-footer { background-color:var(--lightgrey); display:none; }
		
	.-plannerkit-body.-show-header { grid-template-columns: 224px 1fr 0px; }
	.-plannerkit-body.-show-aside { grid-template-columns: 96px 1fr 384px; }
	.-plannerkit-body.-show-header.-show-aside { grid-template-columns: 224px 1fr 384px; }
	
	.-plannerkit-body.home.-show-header,
	.-plannerkit-body.post-type-archive-plannerkit-dashboard.-show-header { grid-template-columns: 224px 352px 1fr 0px; }
	
	.-plannerkit-body.home.-show-aside,
	.-plannerkit-body.post-type-archive-plannerkit-dashboard.-show-aside { grid-template-columns: 96px 352px 1fr 384px; }
	
	.-plannerkit-body.home.-show-header.-show-aside,
	.-plannerkit-body.post-type-archive-plannerkit-dashboard.-show-header.-show-aside { grid-template-columns: 224px 352px 1fr 384px; }
	
	 
	
	.-plannerkit-body.home > .-plannerkit-header,
	.-plannerkit-body.post-type-archive-plannerkit-dashboard > .-plannerkit-header { border:none;}
	.-plannerkit-body.home > .-plannerkit-sidebar,
	.-plannerkit-body.post-type-archive-plannerkit-dashboard > .-plannerkit-sidebar { padding:0px;  background-color:var(--white); border-left:var(--grey) 1px solid; border-right:var(--grey) 1px solid;}
	.-plannerkit-body.home > .-plannerkit-sidebar > .-plannerkit-today,
	.-plannerkit-body.post-type-archive-plannerkit-dashboard > .-plannerkit-sidebar > .-plannerkit-today { max-height:calc(100vh - 120px); overflow: hidden; overflow-y:auto;}
	.-plannerkit-body.home > .-plannerkit-main,
	.-plannerkit-body.post-type-archive-plannerkit-dashboard > .-plannerkit-main { padding:0px; overflow-y: auto;}
	.-plannerkit-body.-show-header .-plannerkit-header > nav > ul > li > a > span { display:inline-block;}
	.-plannerkit-body.-show-header .-plannerkit-header > button { transform: rotate(180deg);}
}


a.-plannerkit-authorlink { background-color:transparent; color:var(--black); border-radius:4px; }
a.-plannerkit-authorlink > i { border-radius:50%; overflow:hidden; padding:0px; text-align:center; line-height:36px; font-weight:700; font-style:normal; background-color:var(--black); color:var(--white); }
a.-plannerkit-authorlink > span { padding-left:8px!important; white-space: nowrap;}

button.-plannerkit-add { background-color:var(--black); color:var(--white); border-radius:4px;}

.-plannerkit-hgroup {}
.-plannerkit-hgroup > * { margin-top:0px;}
.-plannerkit-hgroup > * > small { display:block; font-size:0.7em; font-weight: 400;}

/* DATESELECT */
	nav.-plannerkit-dateselect { display:block; width:100%; max-width:100%; height:calc(var(--padding-s) + var(--padding-s) + 56px);  overflow: hidden; background-color: var(--white);}
	nav.-plannerkit-dateselect > ul { list-style:none; margin:0px; padding:var(--padding-s) var(--padding-l) 0 var(--padding-l); width:100%; max-width:100%; overflow: hidden; overflow-x:auto;  white-space:nowrap;  -ms-overflow-style: none; scrollbar-width: none;}
	nav.-plannerkit-dateselect > ul::-webkit-scrollbar { display: none; }
	nav.-plannerkit-dateselect > ul > li { display:inline-block; vertical-align:top; width:64px; height:88px; padding:0; margin:0px; margin-right:8px; position:relative; }
	nav.-plannerkit-dateselect > ul > li > a { display:block; width:64px; height:64px; max-height:calc(120px - var(--padding-s)); padding:2px 0px 16px 0; margin:0px; color:inherit; text-decoration:none; background-color: #fff;}
	nav.-plannerkit-dateselect > ul > li.more {}
	nav.-plannerkit-dateselect > ul > li.more > a { text-align: center;  background-color:transparent; }
	nav.-plannerkit-dateselect > ul > li.more > a > i { display: inline-block; margin-top:28px; padding:0px; width:auto;}
	nav.-plannerkit-dateselect > ul > li.more > a > span { display:none; white-space: normal; font-size:10px;}
	nav.-plannerkit-dateselect > ul > li.day {}
	nav.-plannerkit-dateselect > ul > li.day > a { border:var(--grey) 1px solid; border-radius:4px;  opacity:0.4; transition:opacity 125ms linear;}
	nav.-plannerkit-dateselect > ul > li.day > a > span { display:block; text-align: center; padding:0px;}
	nav.-plannerkit-dateselect > ul > li.day > a > span.dayname { font-size:12px; line-height:16px; color:var(--darkgrey); font-weight: 600;}
	nav.-plannerkit-dateselect > ul > li.day > a > span.daynumber {font-size:24px; line-height: 20px; font-weight: 700;}
	nav.-plannerkit-dateselect > ul > li.day > a > span.month {font-size:14px; line-height: 16px;}
	nav.-plannerkit-dateselect > ul > li.day > a > span.year { font-size:12px; line-height: 16px; color:var(--darkgrey); display:none;}
	nav.-plannerkit-dateselect > ul > li.day.selected > a { opacity:1; border:var(--black) 1px solid;}
	nav.-plannerkit-dateselect > ul > li.day.selected > a > span.dayname { color:red;}
	nav.-plannerkit-dateselect > ul > li.day.today > a { border-width: 2px;}
	nav.-plannerkit-dateselect > ul > li.day.today::after { content:''; display:block; width:4px; height:4px; background-color: red; border-radius:50%; position:absolute; left:50%; bottom:8px; transform:translateX(-50%); }
	nav.-plannerkit-dateselect > ul > li:hover a { opacity:1;}
	nav.-plannerkit-dateselect > ul > li:last-child { margin-right:0px;}

/* SEARCH */
	form.-plannerkit-search { flex-grow: 1!important; position: relative; font-size:16px; max-width: 100%!important; margin-bottom:16px; border-bottom:var(--grey) 1px solid; }
	form.-plannerkit-search > fieldset {
		-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;
		display: block; border:none; margin:0px; padding:0px;  margin-left: 0px; margin-right: auto;
	}
	form.-plannerkit-search > fieldset.quick { position:relative; height:56px; padding:0px; max-width: 336px;}
	form.-plannerkit-search > fieldset.quick > input { width:100%; height:56px; padding:0px 64px 0px 0px; position: relative; z-index: 0; background-color:transparent; border:none; font-size:1rem;}
	form.-plannerkit-search > fieldset.quick > input:focus { outline:none;}
	form.-plannerkit-search > fieldset.quick > input::placeholder { color:var(--darkgrey);}
	form.-plannerkit-search > fieldset.quick > input:-webkit-autofill {
		-webkit-box-shadow: 0 0 0 1000px var(--lightgrey) inset !important;
		-webkit-text-fill-color: var(--black) !important;
	}
	form.-plannerkit-search > fieldset.quick > button { width:56px; height:56px; margin:0px; color:var(--darkgrey);}
	form.-plannerkit-search > fieldset.quick > button > i {}
	form.-plannerkit-search > fieldset.quick > button > span { display:none;}
	form.-plannerkit-search > fieldset.quick > button[type="submit"] { position:absolute; z-index: 1; right:0px; top:0px; height:56px; margin:0px;}
	form.-plannerkit-search > fieldset.quick > button[type="submit"] > i {background-color:var(--black); color:var(--white);}
	form.-plannerkit-search > fieldset.quick > button[type="button"] { position:absolute; z-index: 1; right:56px; top:0px; height:56px; margin:0px;}
	form.-plannerkit-search > fieldset.quick > button[type="button"].advanced { display:none;}
	form.-plannerkit-search > fieldset.quick > button[type="button"].toggle > i { background-color:var(--white); color:var(--black);}
	form.-plannerkit-search > fieldset.quick > button[type="button"].clear { display:none; right:56px;}
	form.-plannerkit-search > fieldset.advanced { padding:8px; background-color: var(--lightgrey); margin-bottom:8px; border-radius:4px;}
	form.-plannerkit-search > fieldset.advanced > label { display:inline-block; vertical-align:top; padding:8px 8px 0px 8px;}
	form.-plannerkit-search > fieldset.advanced > label > span { display:block; font-size:12px; padding-bottom:4px;}
	form.-plannerkit-search > fieldset.advanced > label > input[type="date"] { width:100%; height:44px; padding:0px 64px 0px 0px; position: relative; z-index: 0; background-color:var(--white); border:none; font-size:1rem;}
	form.-plannerkit-search > fieldset.advanced > label > input[type="date"]::placeholder { color:var(--black); opacity: 1;}
	form.-plannerkit-search > fieldset.advanced > hr { border:none; height:0px;}
	form.-plannerkit-search > fieldset.advanced > button { background-color:var(--black); color:var(--white);}
	form.-plannerkit-search > fieldset.advanced:not(.show) { display:none;}
	form.-plannerkit-search > section.results {position: absolute; left:50%; top:100%; transform:translate(-50%,0); width:100%; max-width: 512px; max-height:calc(100vh - 256px); overflow: hidden; overflow-y: auto;}
	form.-plannerkit-search > section.results > * { margin:0px; padding:0px; max-width: 512px; margin-left: auto; margin-right: auto; background-color: var(--black); padding:16px; }
	form.-plannerkit-search > section.results > * > p { color:var(--white);}
	form.-plannerkit-search > section.results > * > ul {margin:0px; grid-column-gap: 4px; grid-row-gap: 4px;}
	form.-plannerkit-search > section.results > * > ul > li { background: #fff;}
	form.-plannerkit-search > section.results > * > nav { padding-top:16px;}
	form.-plannerkit-search > section.results > * > nav > a { display:block; background-color:var(--black); color:var(--white); text-decoration:none; padding:16px; margin:0px; text-align: center; border-radius:0px; font-weight:700;}
	form.-plannerkit-search.searching > fieldset.quick > input { background-color:var(--black); color:var(--white);}
	form.-plannerkit-search.searching > fieldset.quick > input:-webkit-autofill {
		-webkit-box-shadow: 0 0 0 1000px var(--black) inset !important;
		-webkit-text-fill-color: var(--white) !important;
	}
	form.-plannerkit-search.searching > fieldset.quick > button { color:var(--white); }
	form.-plannerkit-search.searching > fieldset.quick > button[type="button"].clear { display:block;}
	form.-plannerkit-search > section.results::-webkit-scrollbar-track {
		background: var(--secundary);        /* color of the tracking area */
		}
	form.-plannerkit-search > section.results::-webkit-scrollbar-thumb {
		background-color: var(--primary);    /* color of the scroll thumb */
		border-radius: 20px;       /* roundness of the scroll thumb */
		border: 3px solid var(--secundary);  /* creates padding around scroll thumb */
		}
	form.-plannerkit-search > section.results {scrollbar-color: var(--secundary) var(--primary); scrollbar-width:thin;}
	form.-plannerkit-search > section.results {scrollbar-face-color: var(--secundary); scrollbar-shadow-color: var(--primary); scrollbar-highlight-color: var(--primary);}

	section.-plannerkit-searchresults { padding:var(--padding-m) var(--padding-l);}

/* TODAY */
	section.-plannerkit-today { padding:var(--padding-s) var(--padding-l); width:100%; max-width:calc(100%); position:relative; z-index: 0; overflow:hidden;  background-color: var(--white); }
	section.-plannerkit-today > h3 { margin-top: 0px;  margin:0px 0px 16px 0px;}
	section.-plannerkit-today > h3 small { display:block; font-size:0.65em; font-weight:400;}
	section.-plannerkit-today > ul { list-style: none; padding:0px; margin:0px;}
	section.-plannerkit-today > ul > li { margin-bottom:0px;}
	section.-plannerkit-today > ul > li > article { height:100%;}

/* MEDIA */
	section.-plannerkit-media { padding:var(--padding-s) var(--padding-l);}
	section.-plannerkit-media > h3 { margin:0px 0px 16px 0px; min-height:24px; line-height: 24px;}
	section.-plannerkit-media > h3 small { display:inline-block; border-radius:28px; background-color:var(--lightgrey); font-size:12px; min-width:24px; min-height:24px; line-height: 24px; text-align: center; white-space: nowrap; vertical-align: text-bottom;}
	section.-plannerkit-media > ul { margin-bottom:16px!important; padding-top:16px!important; grid-row-gap:24px!important;}
	section.-plannerkit-media > ul > li > article { background-color: var(--black); color:var(--white);}
	section.-plannerkit-media > a { background-color:var(--black); color:var(--white); border-radius:4px; margin-left: 0px;}
	
	article.-media { position:relative; padding:24px; height:100%; 
		-webkit-border-radius: 4px;
		-webkit-border-top-left-radius: 0;
		-moz-border-radius: 4px;
		-moz-border-radius-topleft: 0;
		border-radius: 4px;
		border-top-left-radius: 0;
	 }
	article.-media::before { content:''; display:block; width:25%; height:18px; position: absolute; left:0px; bottom:calc(100% - 2px); background-color:var(--black);}
	article.-media::after{
		content:''; display:block;
		border-color: transparent transparent var(--black) var(--black);
		border-style: solid;
		border-width: 9px;
		height:0;
		width:0;
		position:absolute;
		bottom:calc(100% - 2px); ;
		left:25%;
	}
	article.-media > .-title { margin:0px;}
	article.-media > .-title > a { display:block; margin:0px;}
	article.-media > .-title > a > small {display:block; font-size:0.8em; font-weight:400;}
	article.-media > .-status { margin:0px; margin-bottom:4px; font-size:12px;}
	article.-media > .-service {}
	article.-media > .-service { display:inline-block; padding:4px 8px 4px 4px; border:var(--secundary) 1px solid; border-radius:4px; margin-top: 0px; margin-bottom: 4px; font-size: 14px; line-height: 1em;}
	article.-media > .-service > i { display:inline-block; width:24px; height:16px; padding: 0px; margin:0px;  vertical-align: top;}
	article.-media > .-service > i svg { display:block; width:16px; height:16px; stroke-width:1px;}
	article.-media > .-service > span { display:inline-block; width:calc(100%); min-height:16px; font-size:12px; line-height:16px; font-weight:400; vertical-align: top; white-space: normal; transform: none; overflow: hidden; color:inherit;}
	article.-media > .-service > i + span { width:calc(100% - 24px); }
	article.-media > .-date { display: block; vertical-align: top; margin-right: 16px; margin-top: 0px; margin-bottom: 4px; font-size: 14px; line-height: 1em;}
	article.-media > .-date > i { display:inline-block; width:24px; height:24px; padding: 2px; margin:0px; margin-right:4px;  vertical-align: middle; position:relative;}
	article.-media > .-date > i svg { display:block;  width:20px; height:20px; stroke-width:1px;}
	article.-media > .-date > i span { position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:8px; font-style: normal; font-weight:400; margin-top: 3px;}
	article.-media > .-date > span { display:inline-block; width:calc(100% - 24px - 4px); min-height:24px; font-size: 1em; line-height: 24px; vertical-align: middle; white-space: nowrap; transform: none; overflow: hidden;}
	article.-media > authors { display:block; padding-top: 4px;}
	article.-media > authors > author { display: inline-block; vertical-align: top; position: relative; padding: 0px; margin: 0px; margin-right: 8px; min-width:28px; min-height: 28px;}
	article.-media > authors > author i { display: inline-block; width:28px; height:28px; border-radius:50%; background-color: var(--black); border:#fff 1px solid; color:#fff; font-style: normal; font-weight: 700; font-size: 12px; text-align: center; line-height: 28px; vertical-align: middle; margin-right: 8px; position: absolute; left:0px; top:0px;}
	article.-media > authors > author span { display: inline-block; font-size: 10px!important; line-height: 12px!important; padding-top:3px; }
	article.-media > authors > author i + span { padding-left: 36px;}
	article.-media > small { display:none;}
	article.-media > a { position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%;}	

/* PRODJECT */
	section.-plannerkit-project { padding:var(--padding-s) var(--padding-l);}
	section.-plannerkit-project > h3 { margin:0px 0px 16px 0px;}
	section.-plannerkit-project > h3 small { display:inline-block; border-radius:28px; background-color:var(--lightgrey); font-size:12px; min-width:24px; min-height:24px; line-height: 24px; text-align: center; white-space: nowrap; vertical-align: text-bottom;}
	section.-plannerkit-project > ul { margin-bottom: 16px!important;}
	section.-plannerkit-project > ul > li > article { background-color: var(--black); color:var(--white);}
	section.-plannerkit-project > a { background-color:var(--black); color:var(--white); border-radius:4px; margin-left: 0px;}
	
	article.-project { position:relative; padding:24px; height:100%;}
	article.-project > .-title { margin:0px;}
	article.-project > .-title > a { display:block; margin:0px;}
	article.-project > .-title > a > small {display:block; font-size:0.8em; font-weight:400;}
	article.-project > .-service {}
	article.-project > .-service { display:inline-block; padding:4px 8px 4px 4px; border:var(--secundary) 1px solid; border-radius:4px; margin-top: 0px; margin-bottom: 4px; font-size: 14px; line-height: 1em;}
	article.-project > .-service > i { display:inline-block; width:24px; height:16px; padding: 0px; margin:0px;  vertical-align: top;}
	article.-project > .-service > i svg { display:block; width:16px; height:16px; stroke-width:1px;}
	article.-project > .-service > span { display:inline-block; width:calc(100%); min-height:16px; font-size:12px; line-height:16px; font-weight:400; vertical-align: top; white-space: normal; transform: none; overflow: hidden; color:inherit;}
	article.-project > .-service > i + span { width:calc(100% - 24px); }
	article.-project > authors { display:block; padding-top: 4px;}
	article.-project > authors > author { display: inline-block; vertical-align: top; position: relative; padding: 0px; margin: 0px; margin-right: 8px; min-width:28px; min-height: 28px;}
	article.-project > authors > author i { display: inline-block; width:28px; height:28px; border-radius:50%; background-color: var(--black); border:#fff 1px solid; color:#fff; font-style: normal; font-weight: 700; font-size: 12px; text-align: center; line-height: 28px; vertical-align: middle; margin-right: 8px; position: absolute; left:0px; top:0px;}
	article.-project > authors > author span { display: inline-block; font-size: 10px!important; line-height: 12px!important; padding-top:3px; }
	article.-project > authors > author i + span { padding-left: 36px;}
	article.-project > small { display:none;}
	article.-project > a { position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%;}
	
/* SCHEDULE */	
	section.-plannerkit-schedule { padding:var(--padding-s) var(--padding-l);}
	section.-plannerkit-schedule > h3 { margin:0px 0px 16px 0px; font-size: 21px;}
	section.-plannerkit-schedule > h3 small { display:inline-block; border-radius:28px; background-color:var(--lightgrey); font-size:12px; min-width:24px; min-height:24px; line-height: 24px; text-align: center; white-space: nowrap; vertical-align: text-bottom;}
	section.-plannerkit-schedule > ul { margin-bottom: 16px!important;}
	section.-plannerkit-schedule > ul > li > article { background-color: var(--white); height:100%;}
	section.-plannerkit-schedule > a { background-color:var(--black); color:var(--white); border-radius:4px;}
	
	.-card {display:block; position:relative; padding:0 0 48px 0; border-radius:4px; -webkit-box-shadow: 0px 0px 0px 1px var(--grey); box-shadow: 0px 0px 0px 1px var(--grey); background-color: #fff;}
	.-card.-trigger-show {z-index:100!important;}
	.-card:hover {z-index:100!important;}
	.-card > .map { padding:0px; overflow:hidden; position: relative; border-radius:4px; position: absolute; left:8px; top:8px; width:64px; height:64px;}
	.-card > .map > figure, .-card > .location > figure > picture { height:96px;}
	.-card > .map > figure > picture img {  display:block; padding:0px; min-width:480px; min-height:320px; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); }
	.-card > .map > figure > a {position: absolute; left:0px; top:0px; right:0px; bottom:0px; }
	.-card > .map > figure > a * {display: none;}
	
	.-card > .information { display:block; white-space: nowrap; padding:8px;}
	.-card > .information > .general { display: inline-block; vertical-align: top; width: 100%; max-width:48px; min-width: 48px; padding:8px; -webkit-box-shadow: 1px 0px 0px 0px #e6e6e6; box-shadow: 1px 0px 0px 0px #e6e6e6;}
	.-card > .information > .general.date {}
	.-card > .information > .general.date > .month { display:block; text-align: center; font-size:14px; font-weight:700;}
	.-card > .information > .general.date > .day { display:block; text-align: center; font-size:21px;}
	
	.-card > .information > .details { display: inline-block; vertical-align: top; width: 100%; max-width:calc(100% - 48px); min-width: 48px;  padding:8px; overflow: hidden; }
	.-card > .information > .details > .-status { display:inline-block; margin:0px; font-size:12px; line-height:12px; white-space:nowrap; padding:4px 8px; background-color: var(--magenta); color:#fff; border-radius:4px; vertical-align:top;}
	.-card > .information > .details > .-dropbox { display:inline-block; width:20px; height:20px; margin:0px; padding:2px; vertical-align:top;}
	.-card > .information > .details > .-dropbox > svg {width:16px; height:16px; }
	.-card > .information > .details > .-title { display:block; margin:0px; padding: 4px 0 0 0 ; font-size:16px;}
	.-card > .information > .details > .-title a { display:block; margin:0px; padding:0px; white-space:nowrap; font-size:1rem;}
	.-card > .information > .details > .-title a > i { display:inline-block; width:24px; height:24px; padding: 2px; margin:0px; margin-right:4px;  vertical-align: top;}
	.-card > .information > .details > .-title a > i svg {stroke-width:1px;}
	.-card > .information > .details > .-title a > span {display:inline-block; width:calc(100% - 24px - 4px); min-height:24px; vertical-align: top; white-space: normal; transform: none; padding: 0px;}
	.-card > .information > .details > .-title a > span > small { display:block; font-size:0.8em; font-weight:400;}
	
	.-card > .information > .details > .-date { display: block; vertical-align: top; margin-right: 16px; margin-top: 0px; margin-bottom: 4px; font-size: 14px; line-height: 1em;}
	.-card > .information > .details > .-date > i { display:inline-block; width:24px; height:24px; padding: 2px; margin:0px; margin-right:4px;  vertical-align: middle; position:relative;}
	.-card > .information > .details > .-date > i svg { display:block;  width:20px; height:20px; stroke-width:1px;}
	.-card > .information > .details > .-date > i span { position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:8px; font-style: normal; font-weight:400; margin-top: 3px;}
	.-card > .information > .details > .-date > span { display:inline-block; width:calc(100% - 24px - 4px); min-height:24px; font-size: 1em; line-height: 24px; vertical-align: middle; white-space: nowrap; transform: none; overflow: hidden;}
	.-card > .information > .details > .-date.-alert {color:#fc3562; }
	
	.-card > .information > .details > .-time {display: block; vertical-align: top; margin-top: 0px; margin-bottom: 4px; font-size: 14px; line-height: 1em;}
	.-card > .information > .details > .-time > i { display:inline-block; width:24px; height:24px; padding: 2px; margin:0px; margin-right:4px;  vertical-align: middle;}
	.-card > .information > .details > .-time > i svg { width:20px; height:20px; stroke-width:1px;}
	.-card > .information > .details > .-time > span { display:inline-block; width:calc(100% - 24px - 4px); min-height:24px; font-size: 1em; line-height: 24px; vertical-align: middle; white-space: nowrap; transform: none; overflow: hidden;}
	.-card > .information > .details > .-time.-alert { color:#fc3562;  }
	
	.-card > .information > .details > .-service { display:inline-block; padding:4px 8px 4px 4px; border:var(--secundary) 1px solid; border-radius:4px; margin-top: 0px; margin-bottom: 4px; font-size: 14px; line-height: 1em;}
	.-card > .information > .details > .-service > i { display:inline-block; width:24px; height:16px; padding: 0px; margin:0px;  vertical-align: top;}
	.-card > .information > .details > .-service > i svg { display:block; width:16px; height:16px; stroke-width:1px;}
	.-card > .information > .details > .-service > span { display:inline-block; width:calc(100%); min-height:16px; font-size:12px; line-height:16px; font-weight:400; vertical-align: top; white-space: normal; transform: none; overflow: hidden; color:inherit;}
	.-card > .information > .details > .-service > i + span { width:calc(100% - 24px); }
	.-card > .information > .details > .-service.-alert { border:#fc3562 1px solid; color:#fc3562; }
	
	.-card > .comments { padding: 16px; font-size:16px; line-height:19px;}
	ul li .-card .comments {display:none!important;} 
	
	.-card > .chat { padding:16px;  font-size:16px; line-height:19px;}
	
	.-card > .miscinfo { display:block; padding:0px 16px 8px 16px; height:48px; position: absolute; z-index:10; bottom:0px; left:0px; right:0px; width:100%; max-width:100%;}
	.-card > .miscinfo > .-people { display:inline-block; width:20px; height:32px; position:relative;}
	.-card > .miscinfo > .-people > * { pointer-events: none;}
	.-card > .miscinfo > .-people > i { position:relative; z-index: 0; display:inline-block; width:32px; height:32px; border:#fff 3px solid; line-height: 26px; text-align: center; font-size: 10px; font-style: normal; font-weight: 700; background-color: var(--secundary); color:#fff; border-radius:8px; overflow: hidden;}
	.-card > .miscinfo > .-people > span { position:absolute; z-index: 1; left:50%; bottom:100%; opacity:0; transform: translate(-50%,0px); transition:opacity 75ms linear, transform 175ms ease-in-out; font-size: 10px; font-weight:400; line-height:12px; background-color: var(--secundary); color:#fff; border-radius:3px; padding:8px;}
	.-card > .miscinfo > .-people > span > strong { font-weight:700;}
	.-card > .miscinfo > .-people:hover {cursor: pointer;}
	.-card > .miscinfo > .-people:hover > span { opacity: 1; transform: translate(-50%,-8px);}
	
	.-card > .miscinfo > .-icon { display:inline-block; float:right; height:24px;  width:24px; margin-top:4px; overflow: hidden; white-space: nowrap; padding:0px;}
	.-card > .miscinfo > .-icon svg { display:inline-block; width:24px; height:24px; vertical-align: middle;}
	.-card > .miscinfo > .-icon span { font-style:normal; font-size: 12px; line-height: 12px; display:inline-block; vertical-align: middle; margin-left: 4px; padding:0px;}
	.-card > .miscinfo > .-icon.-api svg { width:20px;}
	.-card > .miscinfo > .-icon.-media span { display:none;}
	.-card > .miscinfo > .-icon.-media i { margin:0px; padding:2px; width:24px; height:24px;}
	.-card > .miscinfo > .-icon.-key { overflow:visible;}
	.-card > .miscinfo > .-icon.-key span { position:absolute; opacity:0; pointer-events:none; left:50%; bottom:100%; transform: translate(-50%,0px); padding:4px; background:var(--black); color:var(--white); max-width:96px; white-space:normal; border-radius:2px; transition:opacity 75ms linear, transform 175ms ease-in-out; font-size:10px;}
	.-card > .miscinfo > .-icon.-key i { margin:0px; padding:2px; width:24px; height:24px;}
	.-card > .miscinfo > .-icon.-key:hover span { opacity:1; transform: translate(-50%,-8px); }
	
	.-card > .options {position: absolute; right:8px; top:12px; z-index: 10;}
	.-card > .options > button {width: 32px; height:32px; padding: 0px; margin: 0px; background-color: #fff; border-radius:4px;}
	.-card > .options > button > i { width:32px; height:32px; padding:8px; margin: 0px;}
	.-card > .options > button > i > svg { width:16px; height:16px;}
	.-card > .options > button > span {display:none;}
	.-card > .options > ul { background: var(--secundary); color:#fff; overflow: hidden;}
	.-card > .options > ul > li { white-space: nowrap;}
	.-card > .options > ul > li > a > i { padding: 8px; width:32px; height:32px;}
	.-card > .options > ul > li > a > i svg {}
	.-card > .options > ul > li > a > span { padding-left:12px;}
	.-card > .options > ul > li > h6 { padding:8px; margin:0px;}
	.-card > .options > ul > li > a { display:block; margin:0px;}
	.-card > .options > ul > li.-delete { background-color: var(--magenta);}
	
	.-useroptions { }
	.-useroptions ul { text-align: center; padding-top:24px;}
	.-useroptions ul li { margin:4px;}
	.-useroptions ul li a { background-color:#fff;}
	.-useroptions ul li a i { padding: 4px; width:32px; height:32px;}
	.-useroptions ul li a span { transform: none;}
	.-useroptions ul li.-delete a { background-color: red; color:#fff;}	
	
	.-plannerkit-chat { position:relative; z-index:0;  max-width:512px; background-color:var(--white); padding:24px; margin:24px auto; border-radius:4px;}
	.-plannerkit-chat > h6 { margin:0px; margin-bottom:16px;}
	.-plannerkit-chat > ul {}
	.-plannerkit-chat > ul > li { display:block; padding-left:64px; padding-right:0px; margin-bottom:16px;}
	.-plannerkit-chat > ul > li.-left { padding-left:0px; padding-right:64px;}
	.-plannerkit-chat > ul > li > span.message { display:block; font-size:14px; line-height:16px; padding:16px; background-color:var(--lightgrey); border-radius:4px;}
	.-plannerkit-chat > ul > li span.timestamp { display:block; vertical-align:top; font-size:10px; line-height:10px; padding: 4px 16px 0px 0px; opacity:0.4; }
	.-plannerkit-chat > ul > li span.author { display:block; vertical-align:top; font-size:12px; line-height:12px; padding: 0px 16px 4px 16px; font-weight:700; }
	
	form#plannerkitchat {}
	form#plannerkitchat > button { background-color:var(--black); color:var(--white); border-radius:0px;}
	form#plannerkitchat > button > i { padding:4px!important; }
	form#plannerkitchat:not(.-submitting):not(.-submitted) > button > i > *:not(.-plus) {display:none;}
	form#plannerkitchat.-submitting > button > i > *:not(.-loading-ring) { display:none;}
	form#plannerkitchat.-submitted > button > i > *:not(.-check) { display:none;}

	form#plannerkitlink { margin-top:24px;}
	form#plannerkitlink > button { background-color:var(--black); color:var(--white); border-radius:0px;}
	form#plannerkitlink > button > i { padding:4px!important; }
	form#plannerkitlink:not(.-submitting):not(.-submitted) > button > i > *:not(.-plus) {display:none;}
	form#plannerkitlink.-submitting > button > i > *:not(.-loading-ring) { display:none;}
	form#plannerkitlink.-submitted > button > i > *:not(.-check) { display:none;}
	
	.-card > .options > button.-trigger-show { background-color: var(--secundary); color:#fff; border-radius:0px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
	.-card > .options > button.-trigger-show + ul { opacity: 1; transform: none; -webkit-border-radius: 4px; -webkit-border-top-right-radius: 0; -moz-border-radius: 4px; -moz-border-radius-topright: 0; border-radius: 4px; border-top-right-radius: 0;}
	@media screen and (min-width: 168px){
		.-card > .map { 
			display:block; position: relative; width:100%; height:64px; left: auto; top:auto; border-radius:0px;
			-webkit-border-top-left-radius: 4px;
			-webkit-border-top-right-radius: 4px;
			-moz-border-radius-topleft: 4px;
			-moz-border-radius-topright: 4px;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
		}
	}

/** FORM */
	.-form-notice { margin:0 16px; padding:16px; background-color:#fff; }
	.-form-notice.-success { }
	.-form-notice p { margin-top:0px;}
	.-form-notice a { background-color: var(--black); color:var(--white); border-radius:4px; margin-left:0px;}
	form {width:100%; max-width: 896px; margin: 0 auto; background-color: transparent; color:var(--black); font-size: 16px;}
	form label { display: block; font-size:16px!important; margin:0px!important; line-height:16px;}
	form input { font-size: 16px; }
	form input[type="text"],
	form input[type="number"],
	form input[type="password"],
	form input[type="email"],
	form textarea {
		/* Reset global button markup */
		-webkit-appearance: none; 
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none; 
		appearance: none;
		/* Remove border radius default for all devices */
		-webkit-border-radius: 0px; 
		-moz-border-radius: 0px;
		-ms-border-radius: 0px;
		-o-border-radius: 0px;
		border-radius: 0px;
		/* Remove text shadow default for all devices */
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
		
		border:var(--black) 0px solid; border-bottom:var(--black) 2px solid; background-color:var(--lightgrey); min-height: 48px; padding-left: 8px; padding-right: 8px; width: 100%; max-width: 100%; font-size:1rem;
		
	}
  form input[type="text"]:focus,
	form input[type="number"]:focus,
	form input[type="password"]:focus,
	form input[type="email"]:focus,
  form textarea:focus { outline:none;}
  form input[type="text"]::placeholder,
	form input[type="number"]::placeholder,
	form input[type="password"]::placeholder,
	form input[type="email"]::placeholder,
  form textarea::placeholder { color:var(--darkgrey);}
	form input[disabled],
	form textarea[disabled] {
		background-color: var(--white); color:var(--darkgrey);
	}
  form input[readonly="readonly"],
	form textarea[readonly="readonly"] {
		background-color: var(--white);
	}
	form select{
		-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border:none; border-radius:0px; margin: 0px; padding: 0px;
		-webkit-box-shadow: inset 0px 0px 0px 2px #fff; box-shadow: inset 0px 0px 0px 2px #fff; font-size:1em; color:#333333!important;
		display:block; width:100%; max-width:100%; min-height:44px; background: #FFF url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" fill="black"> <path d="M18.7,9.7l-6,6C12.5,15.9,12.3,16,12,16s-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3 c0.4-0.4,1-0.4,1.4,0S19.1,9.3,18.7,9.7z"/> </svg>') no-repeat calc(100% - 16px) center / 16px; padding-left:8px; padding-right:32px; font-size:14px; font-family: inherit;
	}
	form p.description { font-size: 14px; line-height: 19px; margin-bottom:6px!important;}
	
	form .select2 span.select2-selection {
		/* Remove border radius default for all devices */
		-webkit-border-radius: 0px; 
		-moz-border-radius: 0px;
		-ms-border-radius: 0px;
		-o-border-radius: 0px;
		border-radius: 0px;
		/* Remove text shadow default for all devices */
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
		
		border:var(--black) 1px solid; min-height: 48px;
	}
	form .select2 .select2-search__field { margin-top: 8px!important;}
	form .select2 .select2-selection__rendered { margin-top: 4px!important; padding-left: 8px!important;}
	form .select2 .select2-selection--single .select2-selection__rendered { margin-top: 10px!important;}
	form .select2 .select2-selection__clear { top:-2px!important; right:24px!important;}
	form .select2 .select2-selection__arrow { top:10px!important; right:8px!important;}
	form .select2 .select2-selection__choice { border-radius:0px!important; border:none!important; background-color: var(--black)!important; color: var(--white)!important; font-size: 14px!important; padding: 4px 8px!important; }
	form .select2 .select2-selection__choice__remove { color:#fff!important; margin-right: 8px!important; margin-left: 4px!important; font-size: 14px!important;}
  .select2-container .select2-results__options {}
  .select2-container .select2-results__options > li { display: block; font-size:14px;}
	form .acf-form-submit .button, form .login-submit .button, form .form-submit .button {
		/* Reset global button markup */
		-webkit-appearance: none; 
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none; 
		appearance: none;
		/* Remove border radius default for all devices */
		-webkit-border-radius: 0px; 
		-moz-border-radius: 0px;
		-ms-border-radius: 0px;
		-o-border-radius: 0px;
		border-radius: 0px;
		/* Remove text shadow default for all devices */
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
		
		border:none; background-color: var(--secundary); color:var(--primary); padding: 16px; margin:0px; width: 100%; font-family: inherit; font-size: 16px; font-weight: 700;
	}
  form .acf-label { margin-bottom:4px!important;}
	form .acf-form-submit .button:hover, form .login-submit .button:hover { cursor: pointer;}
	form .acf-form-submit .acf-spinner { display:none!important;}
	[data-name="plannerkit-schedule-user"] { background-color:#fff; padding:16px!important;  }
	[data-name="plannerkit-notes"] {background-color:#fff; padding:16px!important; }
	[data-name="plannerkit-schedule-client"] { background-color:#fff; padding:16px!important;  margin-bottom:16px!important; }
	[data-name="plannerkit-schedule-project"] { background-color:#fff; padding:16px!important; padding-bottom:0px!important;}
	[data-name="plannerkit-schedule-location"] { background-color:#fff; padding:16px!important; margin-bottom:16px!important;}
	[data-name="plannerkit-schedule-services"]	{ background-color:#fff; padding:16px!important; margin-bottom:16px!important;}
	[data-name="plannerkit-schedule-creator"] { background-color:#fff; padding:16px!important; margin-bottom:16px!important;}
	[data-name="plannerkit-schedule-creator"] > .acf-label { display:none;}
	[data-name="plannerkit-schedule-creator"] .acf-repeater {}
	[data-name="plannerkit-schedule-creator"] .acf-repeater > .acf-actions a { display:inline-block; padding:8px 16px; color:#fff; background-color:var(--black); font-weight:700; text-decoration: none;}
	[data-name="plannerkit-schedule-creator"] .acf-repeater .acf-table { display:block; border:none; background-color:#fff; padding:0px;}
	[data-name="plannerkit-schedule-creator"] .acf-repeater .acf-table tbody { display:block; border:none; background-color:#fff; padding:0px;}
	[data-name="plannerkit-schedule-creator"] .acf-repeater .acf-table tbody::after { content:''; display:block; clear:both; float:none;}
	[data-name="plannerkit-schedule-creator"] .acf-repeater .acf-table .acf-row:not(.acf-clone) { display:block; float:left; width:100%; max-width:100%; margin:0 4px 4px 0; border:var(--black) 1px solid; height:auto!important; transition:none!important;}
	[data-name="plannerkit-schedule-creator"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .order { background-color:#fff; border:none; display:none;}
	[data-name="plannerkit-schedule-creator"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .acf-fields { width:100%; padding:16px!important; border:none;}
	[data-name="plannerkit-schedule-creator"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .remove { background-color:#fff; border:none; width:8px; padding:0px;}
	[data-name="plannerkit-schedule-creator"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .remove .-plus { display: none;}
	[data-name="plannerkit-schedule-creator"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .remove .-minus { top:0px; right:0px; left:auto; display:block; border:none; background-color:var(--black); width:24px; height:24px; border-radius:0px; line-height: 22px; margin:0px;}
	[data-name="plannerkit-schedule-creator"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .remove .-minus:hover { background-color:red;}
	[data-name="plannerkit-schedule-creator"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .remove .-minus::before { content:''; background: transparent url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" fill="white"> <path d="M18.7,17.3c0.4,0.4,0.4,1,0,1.4C18.5,18.9,18.3,19,18,19s-0.5-0.1-0.7-0.3L12,13.4l-5.3,5.3C6.5,18.9,6.3,19,6,19 s-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L5.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0 s0.4,1,0,1.4L13.4,12L18.7,17.3z"/> </svg>') no-repeat center center / 14px; margin:2px; }
	
  [data-name="plannerkit-schedule-creator"] [data-name="creator-date"] { position:relative;}
	
  [data-name="plannerkit-schedule-creator"] [data-show-calendar] { 
	position:absolute; right:4px; bottom:12px;background-color: var(--black); color:#fff; font-size: 13px; line-height: 14px; margin:0px; border-radius:0px; height:40px;
	}
  [data-name="plannerkit-schedule-creator"] [data-show-calendar] > i { height:40px; width:40px; padding:8px; margin:0px;}
  [data-name="plannerkit-schedule-creator"] [data-show-calendar] > span { font-weight:600; transform: none; display:none;}
	[data-name="plannerkit-schedule-creator"] [data-show-timeslots] { background-color: var(--black); color:#fff; width:100%; font-size: 14px; font-weight:700; line-height: 14px; margin:0px; border-radius:0px;}
  [data-name="plannerkit-schedule-date"] { background-color:#fff; padding:16px!important; margin-bottom:16px!important;}
	
	[data-name="plannerkit-schedule-comments"] { background-color:#fff; padding:16px!important; margin-bottom:16px!important;}
	[data-name="plannerkit-schedule-share"] { background-color:#fff; padding:16px!important; margin-bottom:16px!important;}
	
	[data-name="plannerkit-schedule-data"] {background-color:#fff; margin-bottom:16px!important;}
	[data-name="plannerkit-schedule-data"] .acf-accordion-content > .acf-fields { padding:16px!important;}
	
	[data-name="plannerkit-schedule-creator"] [data-name="creator-member"],
	[data-name="plannerkit-schedule-creator"] [data-name="creator-confirm"] { display:none;}
	
	[data-name="plannerkit-schedule-creator"] section.suggestions { padding:16px; background-color:var(--grey); position:relative;}
	[data-name="plannerkit-schedule-creator"] section.suggestions h4 { font-size:18px; line-height:26px; margin:0px; padding-right:112px;}
  [data-name="plannerkit-schedule-creator"] section.suggestions h5 { font-size:14px; line-height:14px; margin:0px; margin-bottom:12px; font-weight:400; padding-right:112px;}
	[data-name="plannerkit-schedule-creator"] section.suggestions p {}
  [data-name="plannerkit-schedule-creator"] section.suggestions ul { list-style: none; padding: 0px; margin: 0px;}
	[data-name="plannerkit-schedule-creator"] section.suggestions .suggestion { display: block; padding:8px; margin-bottom: 4px; background-color: var(--black); color:#fff; font-size:16px; line-height:16px; position:relative;}
[data-name="plannerkit-schedule-creator"] section.suggestions .suggestion .date { display:inline-block; vertical-align:top; font-size:13px; line-height: 13px;}
[data-name="plannerkit-schedule-creator"] section.suggestions .suggestion .time { display:block; font-size:16px; line-height: 16px; font-weight:700;}
[data-name="plannerkit-schedule-creator"] section.suggestions .suggestion .suggested { position:absolute; right:8px; top:8px; font-size:12px; display:inline-block; white-space: nowrap; padding:4px; border-radius:4px; background-color:var(--turquoise); color:var(--black);}
[data-name="plannerkit-schedule-creator"] section.suggestions .suggestion .member {display:none; vertical-align:bottom; font-size:13px; line-height: 13px;}
[data-name="plannerkit-schedule-creator"] section.suggestions .suggestion .travel { display:none; vertical-align:bottom; font-size:13px; line-height: 13px; position:relative;}
[data-name="plannerkit-schedule-creator"] section.suggestions .suggestion .travel::after { content:''; display:block; position:absolute; width:1px; height:calc(100% - 16px); left:3px; top:8px; bottom:8px; background-color:currentColor;}
[data-name="plannerkit-schedule-creator"] section.suggestions .suggestion .travel span { display:block; padding:4px 12px ; position:relative;}
[data-name="plannerkit-schedule-creator"] section.suggestions .suggestion .travel span::after { content:''; display:inline-block; width:6px; height:6px; position:absolute; left:0px; top:50%; transform:translateY(-50%); background-color:currentColor; border-radius:50%;}
[data-name="plannerkit-schedule-creator"] section.suggestions .suggestion .travel span i { font-size:11px; line-height:11px;}
[data-name="plannerkit-schedule-creator"] section.suggestions .suggestion .travel span:first-child { padding-top:8px;}
[data-name="plannerkit-schedule-creator"] section.suggestions .suggestion .travel span:last-child { padding-bottom:8px;}
[data-name="plannerkit-schedule-creator"] section.suggestions .suggestion .buffer {display:none; vertical-align:bottom; font-size:13px; line-height: 13px;}

body.logged-in-planner [data-name="plannerkit-schedule-creator"] section.suggestions .suggestion .member { display:inline-block; }
body.logged-in-planner [data-name="plannerkit-schedule-creator"] section.suggestions .suggestion .buffer { display:inline-block; }
body.logged-in-planner [data-name="plannerkit-schedule-creator"] section.suggestions .suggestion .travel { display:block; }
/* body:not(.logged-in-planner) [data-name="plannerkit-schedule-creator"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .remove { pointer-events:none!important; opacity:0!important;}
body:not(.logged-in-planner) [data-name="plannerkit-schedule-creator"] .acf-repeater .acf-actions { display: none!important;} */

	[data-name="plannerkit-schedule-creator"] section.suggestions .suggestion * { pointer-events: none;}
	[data-name="plannerkit-schedule-creator"] section.suggestions .suggestion:hover { cursor: pointer; background-color: #fff; color:#000;}
  [data-name="plannerkit-schedule-creator"] section.suggestions nav { position:absolute; right:12px; top:12px;}
  [data-name="plannerkit-schedule-creator"] section.suggestions nav ul { white-space:nowrap; text-align:center;}
  [data-name="plannerkit-schedule-creator"] section.suggestions nav ul li { display:inline-block; vertical-align: middle; padding:0px;}
  [data-name="plannerkit-schedule-creator"] section.suggestions nav ul li button { font-size:14px; padding:0px; background-color:#fff; color:var(--secundary); border:var(--secundary) 0px solid; border-radius:0px; width:40px; height:40px;}
  [data-name="plannerkit-schedule-creator"] section.suggestions nav ul li button i { width:40px; height:40px; padding:8px; margin:0px; }
  [data-name="plannerkit-schedule-creator"] section.suggestions nav ul li button span { display:none;}
	
	[data-name="plannerkit-schedule-share"] [data-name="step"] { display: none!important;}
	
	.select2-container { font-size: 16px!important;}
	.select2-container input { font-size: 16px!important;}
	.acf-form-submit { padding:16px;}
	
	@media only screen and (max-width: 512px) {
		[data-name="plannerkit-schedule-creator"] .acf-repeater .acf-table .acf-row:not(.acf-clone) { width:100%; max-width:100%; margin-right: 0px; float: none;}
	}
	
	#plannerkitform-schedule {  width:100%; max-width: 100%; margin: 0 auto; background-color: transparent; overflow: hidden; padding: 0 16px 16px 16px;}
	#plannerkitform-schedule .acf-field-group { padding: 0px;}
	#plannerkitform-schedule .acf-field-group > .acf-label { display: none;}
	#plannerkitform-schedule .acf-field-group > .acf-input > .acf-fields { border: none; background-color: transparent;  }
	#plannerkitform-schedule .acf-field { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 8px; border:none;}
	
	#plannerkituser { margin-bottom: 32px!important;}
	#plannerkituser .acf-field-group { padding: 0px;}
	#plannerkituser .acf-field-group > .acf-label { display: none;}
	#plannerkituser .acf-field-group > .acf-input > .acf-fields { border: none; background-color: transparent;  }
	#plannerkituser .acf-field { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 8px; border:none;}
	
	#plannerkitnotes { }
	#plannerkitnotes .acf-field-group { padding: 0px;}
	#plannerkitnotes .acf-field-group > .acf-label { display: none;}
	#plannerkitnotes .acf-field-group > .acf-input > .acf-fields { border: none; background-color: transparent;  }
	#plannerkitnotes .acf-field { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 8px; border:none;}
	#plannerkitnotes .acf-repeater .acf-row-handle.order { display:none!important;}
	#plannerkitnotes .acf-repeater .acf-field .acf-label { display:none!important;}
	#plannerkitnotes .acf-repeater .acf-table { border:none!important;}
	#plannerkitnotes .acf-repeater .acf-table>tbody>tr>td {border:none!important;}
	#plannerkitnotes .acf-repeater .acf-row-handle.remove { width:0px!important; padding:0px!important;}

/** CALENDAR */	
	#plannerkit-schedule { background-color: var(--white); z-index: 1; padding:0px; }
	#plannerkit-schedule > .context {
	position: fixed;
	z-index: 10000;
	min-width: 196px;
	max-width:256px;
	background: #1b1a1a;
	border-radius: 4px;
	transform: scale(0);
	transform-origin: top left;
	overflow:hidden;
	}
	
	#plannerkit-schedule > .context.visible {
	transform: scale(1);
	transition: transform 200ms ease-in-out;
	}
	#plannerkit-schedule > .context ul { list-style: none; padding:0px; margin:0px;}
	#plannerkit-schedule > .context ul li { display:block;}
	#plannerkit-schedule > .context ul li a {
	padding: 8px 10px;
	font-size: 15px;
	color: #eee;
	cursor: pointer;
	border-radius: inherit;
	}
	#plannerkit-schedule > .context ul li form { color:#fff; padding:16px; }
	#plannerkit-schedule > .context ul li form h6 { margin:0px; font-size:18px;}
	#plannerkit-schedule > .context ul li form label { display: block; margin-bottom:8px!important; }
	#plannerkit-schedule > .context ul li form label.half { display:inline-block; width:50%; vertical-align: top;}
	#plannerkit-schedule > .context ul li form label span { display:block; font-size:14px;}
	#plannerkit-schedule > .context ul li form label input { color:#000; width:100%; min-height:44px; border:none; padding-left:8px; font-size:14px; font-family: inherit;}
	#plannerkit-schedule > .context ul li form label select {
		-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border:none; border-radius:0px; margin: 0px; padding: 0px;
		-webkit-box-shadow: inset 0px 0px 0px 2px #fff; box-shadow: inset 0px 0px 0px 2px #fff; font-size:1em; color:#333333!important;
		display:block; width:100%; max-width:100%; min-height:44px; background:   #FFF url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" fill="black"> <path d="M18.7,9.7l-6,6C12.5,15.9,12.3,16,12,16s-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3 c0.4-0.4,1-0.4,1.4,0S19.1,9.3,18.7,9.7z"/> </svg>') no-repeat calc(100% - 16px) center / 16px;; padding-left:8px; padding-right:32px; font-size:14px; font-family: inherit border-radius:4px;;
	}
	#plannerkit-schedule > .context ul li form button { background-color:var(--turquoise); border-radius:0px; color:#000; width:100%; margin:0px; font-size: 14px;}
	#plannerkit-schedule > .context ul li form button span { font-weight:700;}
	#plannerkit-schedule > .context ul li form button[data-delete-blocked] {margin-top:4px; background-color:transparent; color:#fff; font-size:12px;}
	#plannerkit-schedule > .context ul li a:hover { background: #343434; }
	
	#plannerkit-schedule > .control {  position: relative; z-index: 10; padding: 0px; height:56px;}
	#plannerkit-schedule > .control > form { padding:0; width:100%; max-width:308px; margin: 0px; background-color: transparent; white-space: nowrap;}
	#plannerkit-schedule > .control > form > svg { margin:0px; display:inline-block;  background-color:var(--black); color:var(--white); vertical-align: top; padding:8px; width:32px; height:52px;}
  #plannerkit-schedule > .control > form input[type="date"],
  #plannerkit-schedule > .control > form input[type="text"]{
		/* Reset global button markup */
		-webkit-appearance: none; 
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none; 
		appearance: none;
		/* Remove border radius default for all devices */
		-webkit-border-radius: 0px; 
		-moz-border-radius: 0px;
		-ms-border-radius: 0px;
		-o-border-radius: 0px;
		border-radius: 0px;
		/* Remove text shadow default for all devices */
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	
		border:var(--secundary) 0px solid;  background-color: var(--white); border-radius:4px; min-height: 48px; padding: 0px; margin: 5px 8px; font-family: inherit; font-size:1rem; text-align: left; font-size:16px; font-weight:700; width:100%; padding:0px 40px;
		background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>') no-repeat 16px center / 16px, url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" fill="white"> <path d="M18.7,9.7l-6,6C12.5,15.9,12.3,16,12,16s-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3 c0.4-0.4,1-0.4,1.4,0S19.1,9.3,18.7,9.7z"/> </svg>') no-repeat calc(100% - 16px) center / 16px; background-color:var(--black);color:var(--white);
  }
	#plannerkit-schedule > .control > nav.switchview { position: absolute; right:var(--padding-l); top:0px;  }
	#plannerkit-schedule > .control > nav.switchview ul { margin-right:4px; margin-top:4px;}
	#plannerkit-schedule > .control > nav.switchview ul li { border-radius:4px; overflow:hidden;}
	#plannerkit-schedule > .control > nav.switchview ul li a i { }
 #plannerkit-schedule > .control > nav.switchview ul li a span { }
	#plannerkit-schedule > .control > nav.switchview ul li:hover { background-color: var(--lightgrey); color:var(--black); }
	#plannerkit-schedule > .control > nav.switchview ul li.selected { background-color: var(--black); color:var(--white);}
	#plannerkit-schedule > .control > nav.switchview ul li.optioned { background-color: var(--lightgrey); color:var(--black);}
	
	#plannerkit-schedule > .control > nav.navigation { display:none; position: absolute; right:32px; top:0px;}
	#plannerkit-schedule > .control > nav.navigation ul li a i { }
	#plannerkit-schedule > .control > nav.navigation ul li a span { display: none;}
	
	#plannerkit-schedule > .view { background-color:var(--white);}
	#plannerkit-schedule > .view::-webkit-scrollbar-track { background: var(--white); }
	#plannerkit-schedule > .view::-webkit-scrollbar-thumb {
		background-color: var(--secundary);    /* color of the scroll thumb */
		border-radius: 20px;       /* roundness of the scroll thumb */
		border: 3px solid var(--white);  /* creates padding around scroll thumb */
	  }
	
	@media only screen and (max-width: 832px) {
		body.-plannerkit-body.post-type-archive-plannerkit-schedule { overflow-y:hidden!important;}
		#plannerkit-schedule { padding:0px;}
		#plannerkit-schedule > .control > form { max-width: 100%; }
		#plannerkit-schedule > .control > form > svg { padding-left:32px; width:calc(32px + 32px);}
		#plannerkit-schedule > .control > form input[type="text"] {width:calc(100% - 16px);}
		#plannerkit-schedule > .control > nav.switchview + form input[type="text"] {width:calc(100% - 196px);}
		#plannerkit-schedule > .control > nav.switchview > ul >li > a > span { display:none;}
	}

	
	#plannerkit-schedule[data-plannerkit-view="timeline"] { 
		--main-bg-color: #fff;
		--service-height: 96px;
		margin:0px; overflow: hidden; position: relative;
		}
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .data {}
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view {
		-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;
		display: block; width: 100%; max-width: 100%; overflow: hidden; overflow-x: auto;
	}
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days { position: static;   }
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day { border-bottom:#f1f1f1 0px solid; padding-top: 96px; margin-bottom: 32px; position: static;  }
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .label {
		-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;
		display: block; height:48px; width:100%; max-width:512px; background-color: #fff; position: absolute; left:32px; transform:translateY(-80px); padding: 8px; z-index: 1;
		font-weight: 700; white-space: nowrap; overflow: hidden; font-size:21px;
	}
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member {
		-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative;
		display: block; height:var(--service-height); max-width: inherit!important;  padding-left:224px;
	}
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member.-trigger-show { z-index: 100;}
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .label {
		-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;
		display: inline-block; vertical-align: middle; height:var(--service-height); width:224px; padding: 8px; white-space: nowrap; pointer-events: none;
		-webkit-box-shadow: 1px 0px 0px 0px #f1f1f1; box-shadow: 1px 0px 0px 0px #f1f1f1; position: absolute; left:0px; padding-top:32px; padding-left: 32px; background: #fff; z-index: 2; display:none;
	}
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .label > i { display: inline-block; vertical-align: middle; width: 32px; height:32px; text-align: center; line-height: 32px; border-radius:0px; background-color: #f1f1f1; font-style: normal; font-weight: 700; font-size: 12px; }
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .label > span { display: inline-block; vertical-align: middle; padding-left: 8px; font-size: 14px; line-height: 32px; white-space: nowrap; overflow: hidden;}
	
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .appointments {
		position: relative; z-index: 2; height:64px!important; min-height: 64px!important; width:100%!important; max-width:100%!important; min-width:100%!important; pointer-events: none;
	}
	
	
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .hours {
		-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;
		position: absolute; z-index: 0; left:224px; pointer-events: all; display: inline-block; vertical-align: middle; height:var(--service-height); width:calc(100% - 224px); height:var(--service-height)!important; white-space: nowrap; 
	}
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .hours > .hour {
		display: inline-block; vertical-align: top; height:var(--service-height); min-width:180px; width:auto!important; position: relative;
		-webkit-box-shadow: -1px 0px 0px 0px #f1f1f1; box-shadow: -1px 0px 0px 0px #f1f1f1;
	}
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .hours > .minute > .label,
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .hours > .hour > .label {
		position: absolute; left:0px; bottom:calc(100% + 4px); display: none; font-size: 10px; line-height: 10px; white-space: nowrap;
	}
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .hours > .hour > .contain,
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .hours > .minute > .contain {
		display: block; width:100%; height:var(--service-height);
	}
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member:first-of-type > .hours > .hour > .label {  display: inline-block; }
	
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .appointments { position:relative; z-index:2; pointer-events: none;}
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .appointments > article {
		position: absolute; left:0px; top:0px!important; height:var(--service-height)!important; width:32px; z-index: 2; background-color: var(--secundary); color:#fff; padding:0px; margin: 0px; pointer-events: all; -webkit-box-shadow:inset  -2px 0px 0px 0px #fff; box-shadow: inset -2px 0px 0px 0px #fff;
	}
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .appointments > article.-show { z-index: 100; }
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .appointments > article > * { display:none;}
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .appointments > article[data-highlight="false"] { background: transparent url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 4 4" style="enable-background:new 0 0 4 4;" xml:space="preserve" opacity="0.5"> <line stroke="lightgrey" class="st0" x1="0" y1="0" x2="4" y2="4"/> <line stroke="lightgrey" x1="-0.4" y1="3.6" x2="0.4" y2="4.4"/> <line stroke="lightgrey" x1="3.6" y1="-0.4" x2="4.4" y2="0.4"/> </svg>') repeat center center / 8px;}
  #plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .appointments > article[data-highlight="true"] > .information { display:block; max-height:100%; overflow:hidden;}
  #plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .appointments > article > .information > .general { display:none;}
  #plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .appointments > article > .information > .details {max-width:100%; padding:0px;}
  #plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .appointments > article > .information > .details > .-title { margin-right:40px; overflow: hidden;}
  #plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .appointments > article > .information > .details > .-status { display:none;}
  #plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .appointments > article > .information > .details > .-date { display:none;}
  #plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .appointments > article > .information > .details > .-time { display:none;}
  #plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .appointments > article[data-highlight="true"] > .options {display:block; right:0px; top:0px;}
  #plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .appointments > article > .options > button { background-color: transparent;  }
  #plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .appointments > article > *.-buffer { display: none!important; position: absolute; left:auto; top:0px; right:100%; width: 100%; height:var(--service-height)!important; z-index: 2;
		background: transparent url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 4 4" style="enable-background:new 0 0 4 4;" xml:space="preserve" opacity="0.5"> <line stroke="red" class="st0" x1="0" y1="0" x2="4" y2="4"/> <line stroke="red" x1="-0.4" y1="3.6" x2="0.4" y2="4.4"/> <line stroke="red" x1="3.6" y1="-0.4" x2="4.4" y2="0.4"/> </svg>') repeat center center / 8px;}
	
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .blocked { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;
		position: absolute; z-index: 1; left:224px; top:0px; pointer-events: none; display: inline-block; vertical-align: middle; height:var(--service-height); width:calc(100% - 224px); height:var(--service-height)!important; white-space: nowrap; }
	#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .blocked > span { display:block; position: absolute; left:0px; top:0px!important; height:var(--service-height)!important; width:auto; color:var(--black); pointer-events: all; background: transparent url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 4 4" style="enable-background:new 0 0 4 4;" xml:space="preserve" opacity="0.5"> <line stroke="lightgrey" class="st0" x1="0" y1="0" x2="4" y2="4"/> <line stroke="lightgrey" x1="-0.4" y1="3.6" x2="0.4" y2="4.4"/> <line stroke="lightgrey" x1="3.6" y1="-0.4" x2="4.4" y2="0.4"/> </svg>') repeat center center / 8px; opacity:1; font-size:0px; font-weight:700; padding:8px; }
	@media only screen and (max-width: 640px) {
		#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member { padding-left: 48px;}
		#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .label { width: 48px;}
		#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .label > span { display: none;}
		#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .hours { left:48px; width:calc(100% - 48px);}
		#plannerkit-schedule[data-plannerkit-view="timeline"] > .view > .days > .day > .member > .blocked { left:48px; width:calc(100% - 48px);}
	}
	
	#plannerkit-schedule[data-plannerkit-view="calendar"] { 
		overflow: hidden; position: relative;
	}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .data {}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view {
		-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;
		display: block; width: 100%; max-width:100%; height:calc(100% - 96px - 0px); min-height:480px; max-height:calc(100% - 128px - 0px); overflow: auto; -webkit-overflow-scrolling: touch; 
	}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days { 
		-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;
		-webkit-box-ordinal-group: initial; -moz-box-ordinal-group: initial; -ms-flex-order: initial; -webkit-order: initial; order: initial;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
		-webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none;
		-webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;
		display:block; z-index: 0; max-width:100%; text-align: inherit; padding: 0px; margin: 0px;
		
		display: -webkit-inline-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap;
	-webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row;
	-webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; -o-flex-grow: 1; flex-grow: 1;
	-webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; -o-flex-shrink: 0; flex-shrink: 0;
	-webkit-flex-basis:64px; -moz-flex-basis: 64px; -ms-flex-basis: 64px; -o-flex-basis: 64px; flex-basis: 64px;
	align-items: stretch; align-content: flex-start; justify-content: flex-start; counter-reset: columns;
		
		width:auto!important; white-space: nowrap; position: static;  min-width: unset!important; max-width: unset!important;
		}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day { display: flex; flex-direction: row; vertical-align: top; max-width: inherit!important; white-space: nowrap; padding-top: 96px; padding-left: 64px; padding-right:16px; position: relative; flex-grow:1!important; border-right:var(--grey) 1px solid; }
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .label {
		-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;
		display: block; background-color: #fff; padding: 8px; 
		position:absolute; left:8px; top:16px; height:64px;   z-index: 1;
		font-weight: 700; text-transform: capitalize;
	}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .label > small { display:block; font-weight:400; font-size:14px;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member {
		display: inline-block; vertical-align: top; width: 100%; min-width: 192px; max-width: 100%; position: relative; padding-top: 0px;
	}
  #plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member.-trigger-show { z-index:100;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .label { 
		position:absolute; top:0px; left:0px; height:64px; width:100%;  z-index: 1;
		text-align: center; padding: 0 8px; display:none;
		}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .label > i { display: inline-block; vertical-align: middle; width: 32px; height:32px; text-align: center; line-height: 32px; border-radius:0px; background-color: #f1f1f1; font-style: normal; font-weight: 700; font-size: 12px; }
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .label > span { display: block; vertical-align: middle; padding-left: 8px; font-size: 12px; line-height: 32px; white-space: nowrap; overflow: hidden;}
	
	
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments {
		position: relative; z-index: 2; width:auto!important; min-width: inherit!important; width:100%!important; max-width:100%!important; min-width:100%!important; pointer-events: none;
	}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article {
		position: absolute; left:0px!important; top:0px; height:auto; width:100%!important; z-index: 2;background-color: var(--secundary); color:#fff; padding:0px; margin: 0px; pointer-events: all;
	}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article.-trigger-show { z-index: 100;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > * { display:none;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > .information { display:block; max-height:100%; overflow:hidden;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > .information > .general { display:none;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > .information > .details {max-width:100%; padding:0px;} 
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > .information > .details > .-status { display:none;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > .information > .details > .-title { margin-right:32px; overflow: hidden; padding-top:0px; overflow:hidden;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > .information > .details > .-title a { position:relative;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > .information > .details > .-title a:after {
	content:''; position:absolute; right:0px; top:0px; height:100%; width:24px;  z-index: 1; background: rgb(10,25,28);
	background: linear-gradient(90deg, rgba(10,25,28,0) 0%, rgba(10,25,28,1) 100%);
	}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > .information > .details > .-title a i { display:none!important;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > .information > .details > .-title a span { font-size:12px!important; word-break: break-all; white-space: nowrap; z-index: 0; position:relative;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > .information > .details > .-title a span small {font-size:12px!important; white-space: nowrap;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > .information > .details > .-date { display:none;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > .information > .details > .-time { display:none;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > .information > .details > .-service { padding:0px!important; display:block;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > .information > .details > .-service i { display:none!important;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > .information > .details > .-service span { font-size:10px!important;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > .options {display:block; right:0px; top:0px; }
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > .options > button { background-color: transparent;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .appointments > article > *.-buffer { 
		display: none!important; position: absolute; top:auto; left:0px; right:0px; bottom:100%; width: 100%!important; height:0px; z-index: 2; background: transparent url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 4 4" style="enable-background:new 0 0 4 4;" xml:space="preserve" opacity="0.5" stroke-width="0.5px"> <line stroke="red" class="st0" x1="0" y1="0" x2="4" y2="4"/> <line stroke="red" x1="-0.4" y1="3.6" x2="0.4" y2="4.4"/> <line stroke="red" x1="3.6" y1="-0.4" x2="4.4" y2="0.4"/> </svg>') repeat center center / 8px; }
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .hours {
		position: absolute; z-index: 0; left:0px; top:0px; right:0px; bottom:0px; width:100%!important; min-width:100%!important; max-width: 100%!important; pointer-events: all; z-index:0;
	}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .hours > .hour {
		display:block; height:60px; min-height: 60px; max-height:60px; width:100%!important; position: relative;
		-webkit-box-shadow: 0px 1px 0px 0px var(--grey); box-shadow: 0px 1px 0px 0px var(--grey);
	}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .hours > .hour > .label {
		position: absolute; left:-48px; top: inherit; display: none; font-size: 10px; line-height: 10px; white-space: nowrap;
	}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member:first-of-type > .hours > .hour > .label {  display: inline-block; }
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .blocked { 
		position: absolute; z-index: 1; left:0px; top:0px; right:0px; bottom:0px; width:100%!important; min-width:100%!important; max-width: 100%!important; pointer-events: none;}
	#plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .blocked > span { display:block; position: absolute; left:0px!important; top:0px; height:100px; width:100%!important; background-color:var(--lightgrey); pointer-events:all; font-size:12px; padding:4px;}
	
	
	
	
	.post-type-archive-plannerkit-schedule #plannerkit-schedule[data-plannerkit-view="calendar"] { min-height:calc(100vh - (var(--padding-s) + var(--padding-s) + 56px));}
	.post-type-archive-plannerkit-schedule #plannerkit-schedule[data-plannerkit-view="calendar"] > .view { min-height:calc(100vh - ( var(--padding-s) + var(--padding-s) + 56px ) - 56px ); max-height:calc(100vh - ( var(--padding-s) + var(--padding-s) + 56px ) - 56px)}

  body.logged-in-planner #plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member { padding-top:64px!important;}
  body.logged-in-planner #plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .hours,
  body.logged-in-planner #plannerkit-schedule[data-plannerkit-view="calendar"] > .view > .days > .day > .member > .blocked { top:64px!important;}
  body.logged-in-planner #plannerkit-schedule[data-plannerkit-view] > .view > .days > .day > .member > .label { display: block!important;}
  body.logged-in-member #plannerkit-schedule[data-plannerkit-view] > .view > .days > .day > .member > .label {}
  body.logged-in-planner #plannerkit-schedule[data-plannerkit-view] > .view > .days > .day > .member > .appointments > article > *.-buffer,  
  body.logged-in-member #plannerkit-schedule[data-plannerkit-view] > .view > .days > .day > .member > .appointments > article > *.-buffer { display:block!important;}
  body.logged-in-planner #plannerkit-schedule[data-plannerkit-view] > .view > .days > .day > .member > .appointments > article > .information > .details > .-status,
  body.logged-in-member #plannerkit-schedule[data-plannerkit-view] > .view > .days > .day > .member > .appointments > article > .information > .details > .-status { display:block; width:8px; height:8px; border-radius:4px; position:absolute; right:24px; top:12px; font-size:0px; padding:0px;}
	
	
	body.logged-in-planner #plannerkit-schedule[data-plannerkit-view] > .view > .days > .day > .member > .blocked > span { font-size: 12px; border-right:var(--black) 1px solid;}	
	body.logged-in-planner #plannerkit-schedule[data-plannerkit-view="calendar"][data-plannerkit-preview="true"] > .view > .days > .day > .member > .label { display: none!important;}
	body.logged-in-planner #plannerkit-schedule[data-plannerkit-view="calendar"][data-plannerkit-preview="true"] > .view > .days > .day > .member { padding-top:0px!important;}
	body.logged-in-planner #plannerkit-schedule[data-plannerkit-view="calendar"][data-plannerkit-preview="true"] > .view > .days > .day > .member > .hours,
	body.logged-in-planner #plannerkit-schedule[data-plannerkit-view="calendar"][data-plannerkit-preview="true"] > .view > .days > .day > .member > .blocked { top:0px!important;}

/** PREVIEW */
	.-plannerkit-preview { align-items:stretch!important; background-color:var(--lightgrey); padding: 48px 0; min-height:100%;}
	.-plannerkit-preview > .-details  { flex-grow:1!important; }
	.-plannerkit-preview > .-details > article { max-width:512px; margin:0 auto; }
	.-plannerkit-preview > .-notes { padding:0 24px!important;}

/* USER */
	.-profile { padding:24px; background-color:var(--lightgrey);}
	.-overview.-profile > section { margin-bottom: 24px; max-width: 896px; margin: 0 auto; }
	.-overview.-profile > section.-switch { text-align: center; padding-bottom:24px;}
	.-overview.-profile > section.-switch select { 
		-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border:none; border-radius:0px; margin: 0px; padding: 0px;
		-webkit-box-shadow: inset 0px 0px 0px 2px #fff; box-shadow: inset 0px 0px 0px 2px #fff; font-size:1em; color:#333333!important;
		display:inline-block; width:auto; max-width:100%; min-height:44px; background: #FFF url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" fill="black"> <path d="M18.7,9.7l-6,6C12.5,15.9,12.3,16,12,16s-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3 c0.4-0.4,1-0.4,1.4,0S19.1,9.3,18.7,9.7z"/> </svg>') no-repeat calc(100% - 16px) center / 16px; padding-left:8px; padding-right:32px; font-size:16px; font-family: inherit;
		border:#fff 0px solid; border-bottom:var(--black) 2px solid; font-weight:700; padding:8px;
	}
	.-overview.-profile form { background-color: #fff; padding:32px;}
	.-overview.-profile form [data-key="field_6124d648657a0"] { display: none;}
	.-overview.-profile form [data-key="field_6124e26269d6a"] { display: none;}
	
	
	[data-name="plannerkit-user-contacts"] .acf-repeater {}
	
	[data-name="plannerkit-user-notifications"] { padding:0px!important;}
	[data-name="plannerkit-user-notifications"] > .acf-label > label { font-size: 21px; margin-bottom: 24px;}
	[data-name="plannerkit-user-notifications"] .acf-fields, [data-name="plannerkit-user-notifications"] .acf-fields .acf-field { border:none!important; padding-left:0px!important; padding-right: 0px!important; padding-top:0px!important;}
	[data-name="plannerkit-user-billing"] { padding:0px!important; border:none!important; margin-bottom: 24px!important;}
	[data-name="plannerkit-user-billing"] > .acf-label > label { font-size: 21px; margin-bottom: 24px;}
	[data-name="plannerkit-user-billing"] .acf-fields, [data-name="plannerkit-user-billing"] .acf-fields .acf-field { border:none!important; padding-left:0px!important; padding-right: 0px!important; padding-top:0px!important;}
	[data-name="plannerkit-user-shipping"] { padding:0px!important; border:none!important;}
	[data-name="plannerkit-user-shipping"] > .acf-label > label { font-size: 21px; margin-bottom: 24px;}
	[data-name="plannerkit-user-shipping"] .acf-fields, [data-name="plannerkit-user-shipping"] .acf-fields .acf-field { border:none!important; padding-left:0px!important; padding-right: 0px!important; padding-top:0px!important;}
	
	[data-name="plannerkit-user-contacts"] > .acf-label > label { font-size: 21px; margin-bottom: 24px;}
	[data-name="plannerkit-user-contacts"] .acf-repeater > .acf-actions a { display:inline-block; padding:8px 16px; color:#fff; background-color:var(--black); font-weight:700; text-decoration: none;}
	[data-name="plannerkit-user-contacts"] .acf-repeater .acf-table { display:block; border:none; background-color:#fff; padding:0px;}
	[data-name="plannerkit-user-contacts"] .acf-repeater .acf-table tbody { display:block; border:none; background-color:#fff; padding:0px;}
	[data-name="plannerkit-user-contacts"] .acf-repeater .acf-table tbody::after { content:''; display:block; clear:both; float:none;}
	[data-name="plannerkit-user-contacts"] .acf-repeater .acf-table .acf-row:not(.acf-clone) { display:block; float:left; width:100%; max-width:100%; margin:0 4px 4px 0; border:var(--black) 1px solid; height:auto!important; transition:none!important;}
	[data-name="plannerkit-user-contacts"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .order { background-color:#fff; border:none; display:none;}
	[data-name="plannerkit-user-contacts"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .acf-fields { width:100%; padding:0px!important; border:none;}
	[data-name="plannerkit-user-contacts"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .acf-fields .acf-field { border:none;}
	[data-name="plannerkit-user-contacts"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .remove { background-color:#fff; border:none; width:8px; padding:0px;}
	[data-name="plannerkit-user-contacts"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .remove .-plus { display: none;}
	[data-name="plannerkit-user-contacts"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .remove .-minus { top:0px; right:0px; left:auto; display:block; border:none; background-color:var(--black); width:24px; height:24px; border-radius:0px; line-height: 22px; margin:0px;}
	[data-name="plannerkit-user-contacts"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .remove .-minus:hover { background-color:red;}
	[data-name="plannerkit-user-contacts"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .remove .-minus::before { content:''; background: transparent url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" fill="white"> <path d="M18.7,17.3c0.4,0.4,0.4,1,0,1.4C18.5,18.9,18.3,19,18,19s-0.5-0.1-0.7-0.3L12,13.4l-5.3,5.3C6.5,18.9,6.3,19,6,19 s-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L5.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0 s0.4,1,0,1.4L13.4,12L18.7,17.3z"/> </svg>') no-repeat center center / 14px; margin:2px; }
	
	[data-name="plannerkit-user-pickup"] > .acf-label > label { font-size: 21px; margin-bottom: 24px;}
	[data-name="plannerkit-user-pickup"] .acf-repeater > .acf-actions a { display:inline-block; padding:8px 16px; color:#fff; background-color:var(--black); font-weight:700; text-decoration: none;}
	[data-name="plannerkit-user-pickup"] .acf-repeater .acf-table { display:block; border:none; background-color:#fff; padding:0px;}
	[data-name="plannerkit-user-pickup"] .acf-repeater .acf-table tbody { display:block; border:none; background-color:#fff; padding:0px;}
	[data-name="plannerkit-user-pickup"] .acf-repeater .acf-table tbody::after { content:''; display:block; clear:both; float:none;}
	[data-name="plannerkit-user-pickup"] .acf-repeater .acf-table .acf-row:not(.acf-clone) { display:block; float:left; width:100%; max-width:100%; margin:0 4px 4px 0; border:var(--black) 1px solid; height:auto!important; transition:none!important;}
	[data-name="plannerkit-user-pickup"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .order { background-color:#fff; border:none; display:none;}
	[data-name="plannerkit-user-pickup"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .acf-fields { width:100%; padding:0px!important; border:none;}
	[data-name="plannerkit-user-pickup"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .acf-fields .acf-field { border:none;}
	[data-name="plannerkit-user-pickup"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .remove { background-color:#fff; border:none; width:8px; padding:0px;}
	[data-name="plannerkit-user-pickup"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .remove .-plus { display: none;}
	[data-name="plannerkit-user-pickup"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .remove .-minus { top:0px; right:0px; left:auto; display:block; border:none; background-color:var(--black); width:24px; height:24px; border-radius:0px; line-height: 22px; margin:0px;}
	[data-name="plannerkit-user-pickup"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .remove .-minus:hover { background-color:red;}
	[data-name="plannerkit-user-pickup"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .remove .-minus::before { content:''; background: transparent url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" fill="white"> <path d="M18.7,17.3c0.4,0.4,0.4,1,0,1.4C18.5,18.9,18.3,19,18,19s-0.5-0.1-0.7-0.3L12,13.4l-5.3,5.3C6.5,18.9,6.3,19,6,19 s-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L5.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0 s0.4,1,0,1.4L13.4,12L18.7,17.3z"/> </svg>') no-repeat center center / 14px; margin:2px; }
	
	@media only screen and (max-width: 768px) {
		[data-name="plannerkit-user-contacts"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .acf-fields .acf-field { width: 100%!important; max-width: 100%!important;}
		[data-name="plannerkit-user-contacts"] .acf-repeater .acf-table .acf-row:not(.acf-clone) > .acf-fields .acf-field:last-of-type { padding-top: 0px!important;}
	}
	@media only screen and (max-width: 512px) {
		.-overview.-profile form { padding:16px;}
	}
/* PACE */
	[class*="-uikit"] .pace {
		-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;
		display:block; width: 100%; height:4px;  position:fixed; top:auto; bottom:0px; left:0px; width:100%; height:2px; z-index: 999;
		-webkit-pointer-events: none;
		pointer-events: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
	}
	[class*="-uikit"] .pace::-webkit-progress-bar {
		background-color: transparent;
		border-radius: 0px;
		box-shadow: none;
	}
	[class*="-uikit"] .pace::-webkit-progress-value {
		background-color: var(--black);
		color: var(--black);
		border-radius: 0px;
		box-shadow: none;
	}
	[class*="-uikit"] .pace-inactive {
		display: none;
	}
	[class*="-uikit"] .pace .pace-progress {
		background: var(--black);
		position: fixed;
		z-index: 2000;
		bottom: 0;
		right: 100%;
		width: 100%;
		height: 2px;
	}
  [class*="-uxkit"] body.pace-done > main,
	[class*="-uxkit"] body.pace-done > aside,
	[class*="-uxkit"] body.pace-done > nav,
	[class*="-uxkit"] body.pace-done > footer { opacity: 1; transform: none; transition: opacity 25ms ease-in, transform 75ms ease-in; }

/* DIALOGS */
 dialog { position:fixed!important; right:0px; top:0px; pointer-events: none;}
 dialog a {pointer-events: none!important;}
 dialog button { pointer-events: none!important;}
 dialog.-plannerkit-add { }
 dialog.-plannerkit-add > section { width:320px; background-color:var(--white); color:var(--black); border-radius:4px;}
 dialog.-plannerkit-add > section > nav { padding:8px; border-radius:4px; overflow: hidden;}
 dialog.-plannerkit-add > section > nav > ul > li:not(:last-child) { border-bottom:var(--white) 1px solid;}
 dialog.-plannerkit-add > section > nav > ul > li > a { padding:8px; border-radius:4px; opacity:0.6;}
 dialog.-plannerkit-add > section > nav > ul > li > a:hover { opacity:1; background-color: var(--lightgrey); }
 dialog.-plannerkit-add > section > nav > ul > li > a > i > small { display:block; position:absolute; right:4px; top:4px; width:12px; height:12px; line-height: 12px; text-align: center; font-style:normal; font-weight:700; font-size:10px; background-color:var(--black); color:var(--white); padding:0px; border-radius:4px;}

dialog.-plannerkit-intro { top: 50%!important;}
dialog.-plannerkit-intro > section { width:320px; background-color:var(--white); color:var(--black); border-radius:4px; padding:24px;}
dialog.-plannerkit-intro > footer ul { padding: 16px 0;}
dialog.-plannerkit-intro > footer a { background-color:var(--black); color:var(--white); border-radius:4px;}


/** LOGIN */
  .-login { padding: 0px; height:100vh; align-items: stretch;}
  .-login > .-contain { flex-basis:368px!important; max-width:368px!important; height:100%; margin-left: 0px; margin-right: auto; background-color:#fff; padding:32px!important; overflow-y: auto;}
  .-login > .-contain h1 { font-size: 28px; line-height: 1.2em; margin-bottom: 16px;}
  .-login > .-contain ul { list-style: none; padding: 0px; display: block; margin-top: 0px;}
  .-login > .-contain ul li { display: inline-block; margin-right: 8px;}
  .-login > .-contain ul li svg { width: 48px; height:48px; fill:var(--secundary);}
  .-login > .-contain > a { text-decoration: none; font-size: 14px; line-height: 16px; display:block; margin-right: 8px; margin-bottom: 8px; font-weight: 700; color: inherit;}
  .-login > .-contain > p.-message { display: block; padding: 12px; font-size: 14px; line-height: 19px; font-weight: 700; background-color: #fff;}
  .-login > .-contain > p.-message.-success { background-color: var(--seafoam); color:#fff;}
  .-login > .-contain > p.-message.-error { background-color: red; color:#fff;}
	.-login > .-illustration { flex-grow:1!important; height:100%;  overflow:hidden;}
	@media only screen and (max-width: 640px) {
		.-login > .-contain { flex-basis: 100%!important; max-width:100%!important; flex-grow:1!important;}
		.-login > .-illustration { display:none!important;}
	}
  
/* FLATPICKR */  
.flatpickr-calendar {
	background: transparent;
	opacity: 0;
	display: none;
	text-align: center;
	visibility: hidden;
	padding: 0;
	-webkit-animation: none;
			animation: none;
	direction: ltr;
	border: 0;
	font-size: 14px;
	line-height: 24px;
	border-radius: 5px;
	position: absolute;
	width: 307.875px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	-ms-touch-action: manipulation;
		touch-action: manipulation;
	background: #3f4458;
	-webkit-box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0,0,0,0.08);
			box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0,0,0,0.08);
  }
  .flatpickr-calendar.open,
  .flatpickr-calendar.inline {
	opacity: 1;
	max-height: 640px;
	visibility: visible;
  }
  .flatpickr-calendar.open {
	display: inline-block;
	z-index: 99999;
  }
  .flatpickr-calendar.animate.open {
	-webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
			animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  .flatpickr-calendar.inline {
	display: block;
	position: relative;
	top: 2px;
  }
  .flatpickr-calendar.static {
	position: absolute;
	top: calc(100% + 2px);
  }
  .flatpickr-calendar.static.open {
	z-index: 999;
	display: block;
  }
  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
	-webkit-box-shadow: none !important;
			box-shadow: none !important;
  }
  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
	-webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
			box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  }
  .flatpickr-calendar .hasWeeks .dayContainer,
  .flatpickr-calendar .hasTime .dayContainer {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
  }
  .flatpickr-calendar .hasWeeks .dayContainer {
	border-left: 0;
  }
  .flatpickr-calendar.hasTime .flatpickr-time {
	height: 40px;
	border-top: 1px solid #20222c;
  }
  .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
	height: auto;
  }
  .flatpickr-calendar:before,
  .flatpickr-calendar:after {
	position: absolute;
	display: block;
	pointer-events: none;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	left: 22px;
  }
  .flatpickr-calendar.rightMost:before,
  .flatpickr-calendar.arrowRight:before,
  .flatpickr-calendar.rightMost:after,
  .flatpickr-calendar.arrowRight:after {
	left: auto;
	right: 22px;
  }
  .flatpickr-calendar.arrowCenter:before,
  .flatpickr-calendar.arrowCenter:after {
	left: 50%;
	right: 50%;
  }
  .flatpickr-calendar:before {
	border-width: 5px;
	margin: 0 -5px;
  }
  .flatpickr-calendar:after {
	border-width: 4px;
	margin: 0 -4px;
  }
  .flatpickr-calendar.arrowTop:before,
  .flatpickr-calendar.arrowTop:after {
	bottom: 100%;
  }
  .flatpickr-calendar.arrowTop:before {
	border-bottom-color: #20222c;
  }
  .flatpickr-calendar.arrowTop:after {
	border-bottom-color: #3f4458;
  }
  .flatpickr-calendar.arrowBottom:before,
  .flatpickr-calendar.arrowBottom:after {
	top: 100%;
  }
  .flatpickr-calendar.arrowBottom:before {
	border-top-color: #20222c;
  }
  .flatpickr-calendar.arrowBottom:after {
	border-top-color: #3f4458;
  }
  .flatpickr-calendar:focus {
	outline: 0;
  }
  .flatpickr-wrapper {
	position: relative;
	display: inline-block;
  }
  .flatpickr-months {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  }
  .flatpickr-months .flatpickr-month {
	background: #3f4458;
	color: #fff;
	fill: #fff;
	height: 34px;
	line-height: 1;
	text-align: center;
	position: relative;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	overflow: hidden;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
		-ms-flex: 1;
			flex: 1;
  }
  .flatpickr-months .flatpickr-prev-month,
  .flatpickr-months .flatpickr-next-month {
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	text-decoration: none;
	cursor: pointer;
	position: absolute;
	top: 0;
	height: 34px;
	padding: 10px;
	z-index: 3;
	color: #fff;
	fill: #fff;
  }
  .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
  .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
	display: none;
  }
  .flatpickr-months .flatpickr-prev-month i,
  .flatpickr-months .flatpickr-next-month i {
	position: relative;
  }
  .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
  .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
		/*rtl:begin:ignore*/
  /*
		*/
	left: 0;
  /*
		/*rtl:end:ignore*/
  /*
		*/
  }
  /*
		/*rtl:begin:ignore*/
  /*
		/*rtl:end:ignore*/
  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
  .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
		/*rtl:begin:ignore*/
  /*
		*/
	right: 0;
  /*
		/*rtl:end:ignore*/
  /*
		*/
  }
  /*
		/*rtl:begin:ignore*/
  /*
		/*rtl:end:ignore*/
  .flatpickr-months .flatpickr-prev-month:hover,
  .flatpickr-months .flatpickr-next-month:hover {
	color: #eee;
  }
  .flatpickr-months .flatpickr-prev-month:hover svg,
  .flatpickr-months .flatpickr-next-month:hover svg {
	fill: #f64747;
  }
  .flatpickr-months .flatpickr-prev-month svg,
  .flatpickr-months .flatpickr-next-month svg {
	width: 14px;
	height: 14px;
  }
  .flatpickr-months .flatpickr-prev-month svg path,
  .flatpickr-months .flatpickr-next-month svg path {
	-webkit-transition: fill 0.1s;
	transition: fill 0.1s;
	fill: inherit;
  }
  .numInputWrapper {
	position: relative;
	height: auto;
  }
  .numInputWrapper input,
  .numInputWrapper span {
	display: inline-block;
  }
  .numInputWrapper input {
	width: 100%;
  }
  .numInputWrapper input::-ms-clear {
	display: none;
  }
  .numInputWrapper input::-webkit-outer-spin-button,
  .numInputWrapper input::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
  }
  .numInputWrapper span {
	position: absolute;
	right: 0;
	width: 14px;
	padding: 0 4px 0 2px;
	height: 50%;
	line-height: 50%;
	opacity: 0;
	cursor: pointer;
	border: 1px solid rgba(255,255,255,0.15);
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
  }
  .numInputWrapper span:hover {
	background: rgba(192,187,167,0.1);
  }
  .numInputWrapper span:active {
	background: rgba(192,187,167,0.2);
  }
  .numInputWrapper span:after {
	display: block;
	content: "";
	position: absolute;
  }
  .numInputWrapper span.arrowUp {
	top: 0;
	border-bottom: 0;
  }
  .numInputWrapper span.arrowUp:after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid rgba(255,255,255,0.6);
	top: 26%;
  }
  .numInputWrapper span.arrowDown {
	top: 50%;
  }
  .numInputWrapper span.arrowDown:after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid rgba(255,255,255,0.6);
	top: 40%;
  }
  .numInputWrapper span svg {
	width: inherit;
	height: auto;
  }
  .numInputWrapper span svg path {
	fill: rgba(255,255,255,0.5);
  }
  .numInputWrapper:hover {
	background: rgba(192,187,167,0.05);
  }
  .numInputWrapper:hover span {
	opacity: 1;
  }
  .flatpickr-current-month {
	font-size: 135%;
	line-height: inherit;
	font-weight: 300;
	color: inherit;
	position: absolute;
	width: 75%;
	left: 12.5%;
	padding: 7.48px 0 0 0;
	line-height: 1;
	height: 34px;
	display: inline-block;
	text-align: center;
	-webkit-transform: translate3d(0px, 0px, 0px);
			transform: translate3d(0px, 0px, 0px);
  }
  .flatpickr-current-month span.cur-month {
	font-family: inherit;
	font-weight: 700;
	color: inherit;
	display: inline-block;
	margin-left: 0.5ch;
	padding: 0;
  }
  .flatpickr-current-month span.cur-month:hover {
	background: rgba(192,187,167,0.05);
  }
  .flatpickr-current-month .numInputWrapper {
	width: 6ch;
	width: 7ch\0;
	display: inline-block;
  }
  .flatpickr-current-month .numInputWrapper span.arrowUp:after {
	border-bottom-color: #fff;
  }
  .flatpickr-current-month .numInputWrapper span.arrowDown:after {
	border-top-color: #fff;
  }
  .flatpickr-current-month input.cur-year {
	background: transparent;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	color: inherit;
	cursor: text;
	padding: 0 0 0 0.5ch;
	margin: 0;
	display: inline-block;
	font-size: inherit;
	font-family: inherit;
	font-weight: 300;
	line-height: inherit;
	height: auto;
	border: 0;
	border-radius: 0;
	vertical-align: initial;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
  }
  .flatpickr-current-month input.cur-year:focus {
	outline: 0;
  }
  .flatpickr-current-month input.cur-year[disabled],
  .flatpickr-current-month input.cur-year[disabled]:hover {
	font-size: 100%;
	color: rgba(255,255,255,0.5);
	background: transparent;
	pointer-events: none;
  }
  .flatpickr-current-month .flatpickr-monthDropdown-months {
	appearance: menulist;
	background: #3f4458;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	color: inherit;
	cursor: pointer;
	font-size: inherit;
	font-family: inherit;
	font-weight: 300;
	height: auto;
	line-height: inherit;
	margin: -1px 0 0 0;
	outline: none;
	padding: 0 0 0 0.5ch;
	position: relative;
	vertical-align: initial;
	-webkit-box-sizing: border-box;
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
	width: auto;
  }
  .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
  .flatpickr-current-month .flatpickr-monthDropdown-months:active {
	outline: none;
  }
  .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
	background: rgba(192,187,167,0.05);
  }
  .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
	background-color: #3f4458;
	outline: none;
	padding: 0;
  }
  .flatpickr-weekdays {
	background: transparent;
	text-align: center;
	overflow: hidden;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
		-ms-flex-align: center;
			align-items: center;
	height: 28px;
  }
  .flatpickr-weekdays .flatpickr-weekdaycontainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
		-ms-flex: 1;
			flex: 1;
  }
  span.flatpickr-weekday {
	cursor: default;
	font-size: 90%;
	background: #3f4458;
	color: #fff;
	line-height: 1;
	margin: 0;
	text-align: center;
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
		-ms-flex: 1;
			flex: 1;
	font-weight: bolder;
  }
  .dayContainer,
  .flatpickr-weeks {
	padding: 1px 0 0 0;
  }
  .flatpickr-days {
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
		-ms-flex-align: start;
			align-items: flex-start;
	width: 307.875px;
  }
  .flatpickr-days:focus {
	outline: 0;
  }
  .dayContainer {
	padding: 0;
	outline: 0;
	text-align: left;
	width: 307.875px;
	min-width: 307.875px;
	max-width: 307.875px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	display: inline-block;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-around;
			justify-content: space-around;
	-webkit-transform: translate3d(0px, 0px, 0px);
			transform: translate3d(0px, 0px, 0px);
	opacity: 1;
  }
  .dayContainer + .dayContainer {
	-webkit-box-shadow: -1px 0 0 #20222c;
			box-shadow: -1px 0 0 #20222c;
  }
  .flatpickr-day {
	background: none;
	border: 1px solid transparent;
	border-radius: 150px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	color: rgba(255,255,255,0.95);
	cursor: pointer;
	font-weight: 400;
	width: 14.2857143%;
	-webkit-flex-basis: 14.2857143%;
		-ms-flex-preferred-size: 14.2857143%;
			flex-basis: 14.2857143%;
	max-width: 39px;
	height: 39px;
	line-height: 39px;
	margin: 0;
	display: inline-block;
	position: relative;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
		-ms-flex-pack: center;
			justify-content: center;
	text-align: center;
  }
  .flatpickr-day.inRange,
  .flatpickr-day.prevMonthDay.inRange,
  .flatpickr-day.nextMonthDay.inRange,
  .flatpickr-day.today.inRange,
  .flatpickr-day.prevMonthDay.today.inRange,
  .flatpickr-day.nextMonthDay.today.inRange,
  .flatpickr-day:hover,
  .flatpickr-day.prevMonthDay:hover,
  .flatpickr-day.nextMonthDay:hover,
  .flatpickr-day:focus,
  .flatpickr-day.prevMonthDay:focus,
  .flatpickr-day.nextMonthDay:focus {
	cursor: pointer;
	outline: 0;
	background: #646c8c;
	border-color: #646c8c;
  }
  .flatpickr-day.today {
	border-color: #eee;
  }
  .flatpickr-day.today:hover,
  .flatpickr-day.today:focus {
	border-color: #eee;
	background: #eee;
	color: #3f4458;
  }
  .flatpickr-day.selected,
  .flatpickr-day.startRange,
  .flatpickr-day.endRange,
  .flatpickr-day.selected.inRange,
  .flatpickr-day.startRange.inRange,
  .flatpickr-day.endRange.inRange,
  .flatpickr-day.selected:focus,
  .flatpickr-day.startRange:focus,
  .flatpickr-day.endRange:focus,
  .flatpickr-day.selected:hover,
  .flatpickr-day.startRange:hover,
  .flatpickr-day.endRange:hover,
  .flatpickr-day.selected.prevMonthDay,
  .flatpickr-day.startRange.prevMonthDay,
  .flatpickr-day.endRange.prevMonthDay,
  .flatpickr-day.selected.nextMonthDay,
  .flatpickr-day.startRange.nextMonthDay,
  .flatpickr-day.endRange.nextMonthDay {
	background: #80cbc4;
	-webkit-box-shadow: none;
			box-shadow: none;
	color: #fff;
	border-color: #80cbc4;
  }
  .flatpickr-day.selected.startRange,
  .flatpickr-day.startRange.startRange,
  .flatpickr-day.endRange.startRange {
	border-radius: 50px 0 0 50px;
  }
  .flatpickr-day.selected.endRange,
  .flatpickr-day.startRange.endRange,
  .flatpickr-day.endRange.endRange {
	border-radius: 0 50px 50px 0;
  }
  .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
  .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
  .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
	-webkit-box-shadow: -10px 0 0 #80cbc4;
			box-shadow: -10px 0 0 #80cbc4;
  }
  .flatpickr-day.selected.startRange.endRange,
  .flatpickr-day.startRange.startRange.endRange,
  .flatpickr-day.endRange.startRange.endRange {
	border-radius: 50px;
  }
  .flatpickr-day.inRange {
	border-radius: 0;
	-webkit-box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
			box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
  }
  .flatpickr-day.flatpickr-disabled,
  .flatpickr-day.flatpickr-disabled:hover,
  .flatpickr-day.prevMonthDay,
  .flatpickr-day.nextMonthDay,
  .flatpickr-day.notAllowed,
  .flatpickr-day.notAllowed.prevMonthDay,
  .flatpickr-day.notAllowed.nextMonthDay {
	color: rgba(255,255,255,0.3);
	background: transparent;
	border-color: transparent;
	cursor: default;
  }
  .flatpickr-day.flatpickr-disabled,
  .flatpickr-day.flatpickr-disabled:hover {
	cursor: not-allowed;
	color: rgba(255,255,255,0.1);
  }
  .flatpickr-day.week.selected {
	border-radius: 0;
	-webkit-box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
			box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
  }
  .flatpickr-day.hidden {
	visibility: hidden;
  }
  .rangeMode .flatpickr-day {
	margin-top: 1px;
  }
  .flatpickr-weekwrapper {
	float: left;
  }
  .flatpickr-weekwrapper .flatpickr-weeks {
	padding: 0 12px;
	-webkit-box-shadow: 1px 0 0 #20222c;
			box-shadow: 1px 0 0 #20222c;
  }
  .flatpickr-weekwrapper .flatpickr-weekday {
	float: none;
	width: 100%;
	line-height: 28px;
  }
  .flatpickr-weekwrapper span.flatpickr-day,
  .flatpickr-weekwrapper span.flatpickr-day:hover {
	display: block;
	width: 100%;
	max-width: none;
	color: rgba(255,255,255,0.3);
	background: transparent;
	cursor: default;
	border: none;
  }
  .flatpickr-innerContainer {
	display: block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	overflow: hidden;
  }
  .flatpickr-rContainer {
	display: inline-block;
	padding: 0;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
  }
  .flatpickr-time {
	text-align: center;
	outline: 0;
	display: block;
	height: 0;
	line-height: 40px;
	max-height: 40px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  }
  .flatpickr-time:after {
	content: "";
	display: table;
	clear: both;
  }
  .flatpickr-time .numInputWrapper {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
		-ms-flex: 1;
			flex: 1;
	width: 40%;
	height: 40px;
	float: left;
  }
  .flatpickr-time .numInputWrapper span.arrowUp:after {
	border-bottom-color: rgba(255,255,255,0.95);
  }
  .flatpickr-time .numInputWrapper span.arrowDown:after {
	border-top-color: rgba(255,255,255,0.95);
  }
  .flatpickr-time.hasSeconds .numInputWrapper {
	width: 26%;
  }
  .flatpickr-time.time24hr .numInputWrapper {
	width: 49%;
  }
  .flatpickr-time input {
	background: transparent;
	-webkit-box-shadow: none;
			box-shadow: none;
	border: 0;
	border-radius: 0;
	text-align: center;
	margin: 0;
	padding: 0;
	height: inherit;
	line-height: inherit;
	color: rgba(255,255,255,0.95);
	font-size: 14px;
	position: relative;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
  }
  .flatpickr-time input.flatpickr-hour {
	font-weight: bold;
  }
  .flatpickr-time input.flatpickr-minute,
  .flatpickr-time input.flatpickr-second {
	font-weight: 400;
  }
  .flatpickr-time input:focus {
	outline: 0;
	border: 0;
  }
  .flatpickr-time .flatpickr-time-separator,
  .flatpickr-time .flatpickr-am-pm {
	height: inherit;
	float: left;
	line-height: inherit;
	color: rgba(255,255,255,0.95);
	font-weight: bold;
	width: 2%;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	-webkit-align-self: center;
		-ms-flex-item-align: center;
			align-self: center;
  }
  .flatpickr-time .flatpickr-am-pm {
	outline: 0;
	width: 18%;
	cursor: pointer;
	text-align: center;
	font-weight: 400;
  }
  .flatpickr-time input:hover,
  .flatpickr-time .flatpickr-am-pm:hover,
  .flatpickr-time input:focus,
  .flatpickr-time .flatpickr-am-pm:focus {
	background: #6a7395;
  }
  .flatpickr-input[readonly] {
	cursor: pointer;
  }
  @-webkit-keyframes fpFadeInDown {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -20px, 0);
			  transform: translate3d(0, -20px, 0);
	}
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
			  transform: translate3d(0, 0, 0);
	}
  }
  @keyframes fpFadeInDown {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -20px, 0);
			  transform: translate3d(0, -20px, 0);
	}
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
			  transform: translate3d(0, 0, 0);
	}
  }