@root-bg-color: #f1f1f1;
@root-nav-height: 56px;

@root-nav-bg-color: rgb(45, 45, 45);
@root-nav-font-family: 'Rubik';
@root-nav-text-color: #a2a2a2;
@root-nav-text-color-hover: #fff;
@root-nav-boxshadow: 0 1px 6px 0 rgba(34, 34, 34, 0.7);

@root-nav-selected-text-color: #fff;


@root-nav-sitename-font-size: 15px;

@link-highlight-color: #f40c42;

@section-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);

@calendar-background-color-type-event: rgb(117, 191, 162);
@calendar-text-color-type-event: white;

@calendar-background-color-type-cmscontent: rgb(235, 109, 121);
@calendar-text-color-type-cmscontent: white;
@calendar-background-color-type-cmscontent-hover: rgb(215, 72, 86);
@calendar-text-color-type-cmscontent-hover: white;

@calendar-background-color-type-mobypicture: rgb(109, 136, 196);
@calendar-text-color-type-mobypicture: white;

@calendar-background-color-type-scheduledsocial: #939393;
@calendar-text-color-type-scheduledsocial: white;

@calendar-background-color-type-twitter:rgb(98, 201, 222);
@calendar-text-color-type-twitter:white;


@calendar-background-color-type-scheduledcontent:rgb(120, 210, 230);
@calendar-text-color-type-scheduledcontent:white;
/*
	Mixins
*/

.display-flex () {
	display: flex;
	display: -webkit-flex;
}

.display-inline-flex () {
	display: inline-flex;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
}

.flex-direction (@value) {
	flex-direction: @value;
	-webkit-flex-direction: @value;
}

.flex-grow (@value) {
	flex-grow: @value;
	-webkit-flex-grow: @value;
}

.flex-shrink (@value) {
	flex-shrink: @value;
	-webkit-flex-shrink: @value;
}

.flex-wrap (@value) {
	flex-wrap: @value;
	-webkit-flex-wrap: @value;
}

.flex-basis (@value) {
	flex-basis: @value;
	-webkit-flex-basis: @value;
}

.align-items (@value) {
	align-items: @value;
	-webkit-align-items: @value;
}

.align-self (@value) {
	align-self: @value;
	-webkit-align-self: @value;
}

.justify-content (@value) {
	justify-content: @value;
	-webkit-justify-content: @value;
}

.justify-self (@value) {
	justify-self: @value;
	-webkit-justify-self: @value;
}

.user-select (@val) {
    -webkit-touch-callout:  @val;
    -webkit-user-select:    @val;
    -khtml-user-select:     @val;
    -moz-user-select:       @val;
    -ms-user-select:        @val;
    user-select:            @val;
}



.content-section() {
	background: rgba(243, 243, 243, 0.9);
	border-radius: 3px;
	padding: 16px 0 0;
	box-shadow: 0 2px 4px 2px rgba(66,66,66, 0.1);
}

/*
	Styles
*/

.reset-styles {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	box-shadow: none;
}

::-webkit-input-placeholder { color: #999; }
::-moz-placeholder { color: #999 }
:-ms-input-placeholder { color: #999; }
:-moz-placeholder { color: #999; }
input::-webkit-input-placeholder { color: #999; }
input::placeholder { color: #999; }


* {
	box-sizing: border-box;
}

h1, h2, h3, h4, h5,
ol, ul, form, p {
	margin: 0;
	padding: 0;
}

img, iframe {
	vertical-align: middle;
}

ol, ul {
	list-style: none;
}

a {
	text-decoration: none;
}

button {
    background: none;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    text-align: left;
	overflow: visible;
}

button::-moz-focus-inner {
	border: 0;
	padding: 0;
	margin: 0;
	outline: none;
}

body, input, textarea, select, button {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.2;
	font-family: inherit;
	color: #333;
}

section, article, main, template {
	margin: 0;
	padding: 0;
	display: block;
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

a:focus, a:active, video {
    outline: none;
}

#root {
	width: 100%;
	height: 100%;
	position: relative;
}

#root > #page-issues {
	.display-flex();
	.align-items(center);
	
	position: fixed;
	bottom: 20px;
	right: 40px;
	z-index: 999999999;
}

#root > #page-issues button > div.button {
	.display-flex();
	.align-items(center);
	.justify-content(center);

	width: 48px;
	height: 48px;
	border-radius: 48px;
	background: white;
	position: relative;
	
	box-shadow: 0 0px 4px 1px rgba(0, 0, 0, 0.09), 0 2px 4px 1px rgba(0, 0, 0, 0.32);
	transition: background 0.4s, color 0.4s, box-shadow 0.4s, border 0.4s;
}

#root > #page-issues button:hover > div.button {
	background: rgb(254, 0, 54);
	color: white;
	border-color: rgb(254, 0, 54);
	
	box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.3);
}

#root > #page-issues > button {
	position: fixed;
	right: 40px;
	bottom: 20px;
	z-index: 9999999999999;
}

#root > #page-issues .content {
	width: 500px;
	height: 300px;
	position: fixed;
	right: 44px;
	bottom: 66px;
	background: white;
	z-index: 999999999;
	box-shadow: 0 2px 32px 12px rgba(143, 143, 143, 0.86);
	border-radius: 3px;
	
	transform-origin: 100% 100%;
	transition: transform 0.4s, opacity 0.4s;
	
	transform: scale(0) translateX(0) translateY(20px);
	opacity: 0;
}

#root > #page-issues .content.open {
	transform: scale(1) translateX(0) translateY(0);
	opacity: 1;
}

#root > #page-issues button .issues {
	position: absolute;
	left: -5px;
	top: -5px;
	width: 20px;
	height: 20px;
	background: rgb(56, 56, 56);
	color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	border-radius: 20px;
	line-height: 20px;
}

#root > #dialog-overlay {
	.flex-direction(column);
	
	background: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0.9));
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	
	z-index: 999999;
	pointer-events: none;
	transition: opacity 0.6s;
	transition-delay: 0.1s;
}

#root > #dialog-overlay.show {
	pointer-events: all;
	opacity: 1;
}

#root > #dialog-container {
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0px;
	pointer-events: none;
	z-index: 1000000;
	
	display: block;
	opacity: 0;
	
	transition: opacity 0.4s;
}

#root > #notification-container {
	.display-flex();
	.flex-direction(column);
	.align-items(flex-end);
	.justify-content(flex-end);

	position: fixed;
	top: 0;
	left: 0;
	right: var(--ua-scrollbar-width);
	bottom: 0;
	
	z-index: 999999;
	pointer-events: none;
	padding-bottom: 24px;
	transition: background 0.2s;
	overflow: hidden;
	
		
	.notification {
		display: flex;
		max-width: 320px;
		background: rgb(255, 255, 255);
		border-radius: 3px;
		box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.11);
		margin-bottom: 16px;
		margin-right: 24px;
		width: 100%;
		padding: 16px;
		pointer-events: all;
		transition: opacity 0.75s, transform 0.75s;
		opacity: 0;
		transform: translateX(100%);
		
		&.show {
			opacity: 1;
		transform: translateX(0);
			transition: opacity 0.75s, transform 0.75s;
		}
		
		&.fade-out {
			opacity: 0;
			transform: translateX(100%);
		}
		
		.icon {
			margin-right: 8px;
			width: 28px;
			text-align: center;
			display: flex;
			justify-content: center;
			
			svg {
				font-size: 22px;
				color: var(--icon-color);
			}
		}
		
		.info {
			.flex-grow(1);
			.flex-basis(0%);
		}
		
		h3 {
			font-size: 14px;
			font-weight: 500;
		}
		
		p {
			margin-top: 6px;
		}
		
		.actions {
			margin-top: 8px;
		}
	}
}

#root > #popup-overlay {
	.flex-direction(column);

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	
	z-index: 999999;
	pointer-events: none;
	
	transition: background 0.2s;
}


#root > #popup-overlay.show {
	pointer-events: all;
	opacity: 1;
	background: rgba(0, 0, 0, 0.15);
}

#root > #popup-container > .popup {
	position: fixed;
	top: 0px;
	left: 0px;
	
	width: 300px;
	
	z-index: 10000000;
	
	display: block;
	opacity: 1;
	
	transition: opacity 0.4s, left 0.2s, top 0.2s;
}

#root > #popup-container > .popup.initial {
	transition: opacity 0.4s;
}


#root > #dialog-container.show {
	opacity: 1;
	pointer-events: all;
}

#root > #dialog-container.show {
	.display-flex();
	.flex-direction(column);

	pointer-events: all;

	opacity: 1;
	position: absolute;
	
	top: 0;
	bottom: 0;
	overflow: hidden;
}

#root > #dialog-container > .wrapper {
	.flex-grow(1);
	.flex-basis(0);
	
	padding-top: 30px;
	padding-bottom: 30px;
}

#root > #dialog-container > .wrapper > .dialog-wrapper {
	.display-flex();
	.flex-direction(column);
	
	height: 100%;
	
}

#root > #dialog-container > .wrapper > .dialog-wrapper.anim-out {
	pointer-events: none;
}

#root > #modal-overlay {
	.flex-direction(column);
	
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 58px;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	
	z-index: 999999;
	pointer-events: none;
	transition: opacity 0.3s;
}

#root > #modal-overlay[data-style="default"] {
	
}

#root > #modal-overlay[data-style="white"] {
	background: rgba(255, 255, 255, 0.5);
	
}

#root > #modal-overlay.show {
	pointer-events: all;
	opacity: 1;
}

#root > #modal-container {
	.display-flex();
	
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0px;
	pointer-events: none;
	z-index: 1000000;
	
	opacity: 0;
	
	transition: opacity 0.4s;
}

#root > #modal-container.show {
	opacity: 1;
	pointer-events: all;
}

#root > #modal-container.show {
	.display-flex();
	.flex-direction(column);

	pointer-events: all;

	opacity: 1;
	position: absolute;
	
	top: 0;
	bottom: 0;
	overflow: hidden;
}

#root > #modal-container > .wrapper {
	.flex-grow(1);
	.flex-basis(0);
	
	padding-top: 46px;
	padding-bottom: 30px;
	overflow: hidden;
}


#root > #modal-container > .wrapper > .modal-wrapper {
	.display-flex();
	.flex-direction(column);
	.align-items(center);

	height: ~"calc(100% - 64px - 64px - 46px)";
	height: 100%;
	padding-top: 64px;
	padding-bottom: 64px;
}

#root > #modal-container > .wrapper > .modal-wrapper.anim-out {
	pointer-events: none;
}

#root > #modal-container > .wrapper h3 {
	font-size: 15px;
	margin-bottom: 15px;
	font-weight: 500;
	color: rgb(86, 86, 86);
}

#main-container {
	.display-flex();
	.flex-direction(column);
	
	position: absolute;
	top: @root-nav-height;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 25;

	overflow: hidden;
}

#main-container > #busy {
	.align-items(center);
	.justify-content(center);
	.user-select(none);
	.display-flex();
	
	pointer-events: none;
	
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9999;
	
	opacity: 0;
    background: rgba(255, 255, 255, 0.9);
}

#main-container > #busy img {
	width: 158px;
}

#main-container.state-busy > #busy {
	opacity: 1;
}

#main-container.state-busy > #main {
	opacity: 0.3;
	pointer-events: none;
}

#main-container > #main .ui-page {
	height: 100%;
	.flex-grow(1);
	overflow: hidden;
	position: relative;
	background: rgb(244, 242, 241);
	
	--ui-page-scroll-y: 0px;
}

#main-container > #main .ui-page.ui-page-sidebar-collapsed .ui-page-sidebar {
	margin-left: -320px;
}

#main-container > #main .ui-page.ui-page-sidebar-collapsed .ui-page-sidebar .header .toggle {
	margin-right: -78px;
	color: #595959;
	background: #e7e7e7;
}

#main-container > #main .ui-page.ui-page-sidebar-collapsed .ui-page-sidebar .header .toggle svg.fa-times {
	display: none;
}

#main-container > #main .ui-page.ui-page-sidebar-collapsed .ui-page-sidebar .header .toggle svg.fa-bars {
	display: inline-block;
}

#main-container > #main .ui-page.ui-page-sidebar-collapsed .ui-page-header h1 {
	margin-left: 64px;
}

#main-container > #main .ui-page.page-header-padding {
	padding-top: 148px;
}

#main-container > #main .ui-page.scroll {
	overflow-y: scroll;
}

#main-container > #main .ui-page.horizontal {
	.display-flex();
	.flex-direction(row);
}

#main-container > #main .ui-page-dialog {
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
	background: rgba(255, 255, 255, 0.7);
}


#root > #debug {
	display: none;
	
	height: 300px;
	width: 440px;
	position: fixed;
	top: ~"calc(50% - 150px)";
	left: 0;
	z-index: 9999999;
	background: #fefefe;
	border-radius: 0 4px 4px 0;
	box-shadow: 0 0 9px -2px black;
	overflow: hidden;
}

#root > #debug.show {
	.display-flex();
	.flex-direction(column);
}

#root > #debug > .header {
	.display-flex();
	.flex-direction(row);

	padding: 10px;
	background: black;
}

#root > #debug > .header h2 {
	.flex-grow(1);
	color: rgba(255, 255, 255, 0.6);
	font-size: 13px;
	font-weight: 700;
}

#root > #debug > .logs {
	.display-flex();
	.flex-direction(column);
	.justify-content(flex-end);
	.flex-grow(1);
	
	overflow: hidden;
	overflow-y: scroll;
}

#root > #debug .log {
	font-size: 10px;
	font-family: monospace;
	border-top: 1px solid white;
	background: #ffdcdc;
}

#root > #debug .log .content {
	.display-flex();
	.flex-direction(row);
	
	padding-left: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#root > #debug .log .content .info {
	.flex-grow(1);
	padding-right: 12px;
	color: #e02;
	line-height: 1.3;
}

#root > #debug .log .content .file {
	.display-flex();
	.flex-direction(row);
	
	padding-right: 6px;
}

#root > #debug .log .content .file .name {
	white-space: nowrap;
}

#root > #debug .log .stacktrace {
	display: none;
}


h1 {
	
}

h2 {
	color: #555;
	font-size: 20px;
}

#root #page-wrapper {
	width: 100%;
	height: 100%;
	
	transition: filter 0.2s;
        
        background: linear-gradient(-39deg, #dddcdc 6%, #eee 100%), linear-gradient(to bottom, #fff 14%, #eee 60%);
}

#root #page-wrapper.dim {
	pointer-events: none;
}
.user-select (@val) {
    -webkit-touch-callout:  @val;
    -webkit-user-select:    @val;
    -khtml-user-select:     @val;
    -moz-user-select:       @val;
    -ms-user-select:        @val;
    user-select:            @val;
}

.gradient (@startColor: #eee, @endColor: white) {
	background-color: @startColor;
	background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
	background: -webkit-linear-gradient(top, @startColor, @endColor);
	background: -moz-linear-gradient(top, @startColor, @endColor);
	background: -ms-linear-gradient(top, @startColor, @endColor);
	background: -o-linear-gradient(top, @startColor, @endColor);
	background-image: linear-gradient(top, @startColor, @endColor);
}

.block-shadow () {
	box-shadow: 0 2px 5px -1px #757575;
}

.content-section() {
	background: rgba(243, 243, 243, 0.9);
	border-radius: 3px;
	padding: 16px 0 0;
	box-shadow: 0 2px 4px 2px rgba(66,66,66, 0.1);
}

.ui-hide-overflow {
	overflow: hidden;
}

.ui-scroll-overflow-y {
	overflow-y: scroll;
}

.ui-hidden {
	display: none !important;
}

.ui-form {
	padding: 0;
}

.ui-form.no-bg {
	box-shadow: none;
	background: none;
}

.ui-form.align-center {
	.display-flex();
	.flex-direction(column);
	.align-items(center);
}

.ui-page-wrapper.dialog .ui-form {
	padding: 20px 0 0 0;
}

.ui-page-section {
	
}

.ui-page-section.grow {
	display: flex;
	.flex-grow(1);
	overflow: hidden;
}

.ui-page-section.page-header-fixed {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	background: rgb(236, 234, 234);
	z-index: 50;
	transition: height 0.3s, background 0.2s, box-shadow 0.2s;
	height: 100px;
	background: none;
	
	position: fixed;
	right: var(--ua-scrollbar-width);
	top: 56px;
	pointer-events: none;
}

.ui-page-section.page-header-fixed .ui-page-wrapper {
	pointer-events: none;
	height: 100%;
}

.ui-page-section.page-header-fixed.scrolling {
	height: 100px;
	background: rgb(248, 248, 248);
	position: fixed;
	top: 56px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
	
	right: var(--ua-scrollbar-width);
	
	z-index: 1000;
}

.ui-page-wrapper {
	margin: 0 auto;
	width: 1170px;
}

.ui-page-wrapper.full {
	.display-flex();
	.flex-direction(column);
	margin: 0;
	width: 100%;
	padding: 0 30px;
}

.ui-page-wrapper.full.last {
	padding-bottom: 30px;
	overflow: hidden;
}

.ui-page-wrapper.no-padding {
	padding: 0 !important;
}

.grow {
	.flex-grow(1);
}

.ui-page-wrapper.wide {
	margin: 0 auto;
	max-width: 1370px;
	width: 100%;
}

.ui-page-wrapper.narrow {
	margin: 0 auto;
	max-width: 840px;
	width: 100%;
}

.ui-page-wrapper.dialog.small {
	width: 480px;
}

.ui-page-wrapper h2 {
	margin-top: 24px;
	margin-bottom: 24px;
}

.ui-page-wrapper h2:first-child {
	margin-top: 0;
}



.ui-page-header {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	
	height: 100px;
	
	padding-right: 32px;
}

.ui-page-header.center {
	.justify-content(center);
}

.ui-page-header h1 {
	.flex-grow(1);
	
	color: rgba(0, 0, 0, 0.11);
	color: rgba(0, 0, 0, 0.14);
	font-size: 29px;
	font-weight: 500;
	margin-bottom: 28px;
	margin-bottom: 0;
	
	/*text-shadow: 0px 2px rgba(255, 255, 255, 0.18);*/
	
	letter-spacing: -1.0px;
}

.ui-page-header .actions,
.ui-page-header .ui-page-header-actions {
	.display-flex();
	.align-items(center);
	pointer-events: all;
}


.ui-page-header .ui-page-header-actions[data-status="published"] button[data-action="save"] > div {
	background-color: rgb(244, 12, 66);
	border-color: rgb(244, 12, 66);
	color: rgb(255, 255, 255);
}

.ui-page-header .ui-page-header-actions[data-status="published"] .publication button[data-action="unpublish"] > div {
	background: rgb(249, 249, 249);
	color: rgb(104, 104, 104);
	border: none;
}

.ui-page-header .actions {
	
}

.ui-page-header.wide .ui-page-header-actions {
	position: absolute;
	right: 32px;
}

.ui-page-header.wide {
	padding-right: ~"calc(320px + 32px)";
}

.ui-page-header.wide h1 {
	overflow: visible;
	max-width: 830px;
	margin: 0 auto;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.ui-page-bg {
	display: none;
	
	position: absolute;
	left: -24px;
	top: -24px;
	right: -24px;
	bottom: -24px;
	/*background: url(/static/images/bg_cyprus.jpg) no-repeat;*/
	background-size: cover;
	background-position: center center;
	filter: brightness(0.7) grayscale(1);
	-webkit-filter: brightness(0.7) grayscale(1);
	z-index: -1;
	opacity: 0.3;
}

.ui-page-bg-shadow () {
	.gradient(#E4E4E4, rgba(203, 203, 203, 0));
	background-size: 100% 200px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

button.ui-button {
	background: transparent;
	padding: 0;
	margin: 0;
	border: none;
	position: relative;
}

.ui-loader {
	height: 6px;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-color: #eee;
	border-radius: 5px;
	box-shadow: 0 0 0 1px #e4e4e4 inset, 0 1px 0 0px rgba(255, 255, 255, 0.8);
	visibility: hidden;
}

.ui-loader.show {
	visibility: visible;
}

@keyframes animation-ui-loader {
    from {left: -200px; width: 30%;}
    20% {width: 60%; left: 10% }
    50% {width: 40%; left: 40% }
    70% {width: 60%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

.ui-loader.show:before{
	display: block;
	position: absolute;
	content: "";
	left: -200px;
	width: 200px;
	height: 100%;
	
	.gradient(rgb(225, 58, 123), rgb(189, 27, 107));

	animation: animation-ui-loader 2s linear infinite;
	border-radius: 99px;
}

.ui-input-select.no-value,
.ui-input-select option:first-child {
	color: #888;
}

.ui-input-select option:not(:first-child) {
	color: black;
}







.uiview-feed {
	
}

.uiview-feed .story {
	.content-section();
}


















.ui-contextmenu-content {
	display: block;
	position: absolute;
	right: 0;
	top: 41px;
	background: white;
	border-radius: 4px;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
	visibility: hidden;
	transition: opacity 0.4s;
	opacity: 0;
	pointer-events: none;
	text-align: left;
	cursor: default;
}

.ui-contextmenu-content.show {
	visibility: visible;
	opacity: 1;
	pointer-events: all;
}

.ui-color-input {
	width: 64px;height: 36px;background: #fff;padding: 4px;border: 1px solid #e6e6e6;border-radius: 3px;
}

.ui-color-input > .value {
	background: blue;width: 100%;height: 100%;
}

.ui-dropdown-menu {
	position: relative;
}

.ui-dropdown-menu .options {
	position: absolute;
	top: 100%;
	background: white;
	border-radius: 4px;
	box-shadow: 0 6px 11px 5px rgba(0, 0, 0, 0.24);
	/*border: 1px solid rgba(0, 0, 0, .15);*/
	width: 300px;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	display: none;
	z-index: 700;
}

.ui-dropdown-menu.attach-right .options {
    right: 0;
    left: auto;
}

.ui-dropdown-menu .options li {
	border-bottom: 1px solid #eee;
}

.ui-dropdown-menu .options li:last-child {
	border-bottom: none;
}

.ui-dropdown-menu .options li button {
	width: 100%;
}

.ui-dropdown-menu .options li button > .wrapper {
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
	width: 100%;

	background: none;
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	padding: 9px 12px;
	color: #666;
	font-size: 13px;
	font-weight: bold;
	display: block;
	width: 100%;
	text-align: left;
}

.ui-dropdown-menu .options li button:hover > .wrapper {
	background: rgb(221, 58, 138);
	color: white;
}


/* UI views */

.uiview-feed {
	width: 620px;
}

.uiview-feed .story {
	background: rgba(243, 243, 243, 0.9);
	border-radius: 3px;
	padding: 16px 0 0;
	box-shadow: 0 2px 4px 2px rgba(66,66,66, 0.1);
	margin-bottom: 20px;
}

.uiview-feed .story .header {
	.display-flex();
	
	padding-bottom: 10px;
	padding-left: 12px;
	
	border-bottom: 1px solid #ddd;
}

.uiview-feed .story .header .image {
	width: 50px;
	height: 50px;
	margin-right: 10px;
}

.uiview-feed .story .header .image img {
	width: 100%;
	height: 100%;
	border-radius: 3px;
}

.uiview-feed .story .header .info {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.uiview-feed .story .header .info .site-title {
	color: black;
	font-weight: bold;
	margin-bottom: 2px;
	font-size: 15px;
}

.uiview-feed .story .header .info .site-title:hover {
	text-decoration: underline;
}

.uiview-feed .story .header .info .meta {
	display: flex;
}

.uiview-feed .story .header .info .meta a {
	color: #999;
	font-size: 13px;
}

.uiview-feed .story .header .info .meta a:hover {
	text-decoration: underline;
}

.uiview-feed .story .content {
	padding: 0 4px 4px;
}

.uiview-feed .story .content h3 {
	padding: 14px;
	font-weight: 500;
	color: rgb(29, 33, 41);
	font-size: 15px;
}

.uiview-feed .story .content .cover img {
	max-width: 100%;
}


.ui-sidebar-tabstrip {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
}

.ui-sidebar-tabstrip > .header {
	.display-flex();
	.flex-direction(row);
	padding-top: 10px;
	
	height: 70px;
	
	border-bottom: none;
	
	.align-items(flex-end);
	.justify-content(center);
}

.ui-sidebar-tabstrip > .header button {
	display: inline-flex;
	.flex-direction(column);
	.align-items(center);
	.justify-content(center);
	
	.align-items(center);
	
	width: 100px;
	height: 58px;
	
	border-radius: 3px 3px 0 0;
	background: #8080801a;
	
	margin-right: 8px;
}

.ui-sidebar-tabstrip > .header button .icon {
	margin-bottom: 4px;
}

.ui-sidebar-tabstrip > .header button .icon i {
	font-size: 20px;
	color: #7d5d43;
}

.ui-sidebar-tabstrip > .header button span {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	color: #7d5d43b3;
}

.ui-sidebar-tabstrip > .header button.selected  {
	background: #f8f6f4;
	height: 60px;
	z-index: 50;
	box-shadow: 0 0px 7px 0px #0003;
	clip-path: polygon(-100% -100%, 200% 0%, 100% 100%, 0% 100%);
}

.ui-sidebar-tabstrip > .content {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
}

.ui-sidebar-tabstrip > .content > .tab {
	display: none;
}

.ui-sidebar-tabstrip > .content > .tab.selected {
	.display-flex();
}




.ui-top-actionbar {
	background-color: ~"var(--design-color-main)";
	background: linear-gradient(#838282, #7e7c7c);
	/*position: fixed;*/
	/*left: 0;
	top: 0;
	right: 0;*/
	box-shadow: 0 0 3px 0 rgba(22, 84, 71, 0.82);
	z-index: 5000;
	display: flex;
	flex-direction: row;
	
	padding-left: 14px;

	color: ~"var(--design-color-text)";
	
	background: #f6f3eb;
	box-shadow: none;
}

.ui-top-actionbar .actionbar-button {
	.display-flex();
	.flex-direction(row-reverse);
	.align-items(center);
	
	height: 44px;
	
	background: rgba(255, 255, 255, 0.84);
	border-radius: 3px;
	
	padding: 0 20px;
	cursor: pointer;
	margin-right: 8px;
	color: #555;
	border-radius: 999px;
	
	font-size: 13px;
	font-weight: 500;
	box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.1);
}

.ui-top-actionbar .actionbar-button i {
	margin-right: 10px;
}

.ui-top-actionbar .toggle-buttons {
	display: flex;
	height: 41px;
	background: white;
	border-radius: 99px;
	box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.1);
	padding: 0px;
	overflow: hidden;
}

.ui-top-actionbar > .section {
	display: flex;
	flex-direction: column;
	margin-right: 14px;
	padding-right: 14px;
	border-right: 1px solid rgba(255,255,255,0.1);
	font-size: 13px;
}

.ui-top-actionbar > .section h4 {
	padding: 14px 6px 0 6px;
	color: rgba(255,255,255,0.6);
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 12px;
	
	color: rgba(78, 62, 49, 0.6);
}

.ui-top-actionbar > .section .options {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	.user-select(none);
	.flex-grow(1);
	.flex-grow(1);
	padding-left: 8px;
	color: #555;
	
}

.ui-top-actionbar > .section i {
	font-size: 16px;
}

.ui-top-actionbar > .section span {
	font-size: 13px;
	font-weight: bold;
	/*color: ~"var(--design-color-text)";
	color: white;*/
}

.ui-top-actionbar > .section.page {
	/*background: rgb(165, 8, 41);*/
	/*border-right: none;*/
	position: relative;
}

.ui-top-actionbar > .section.page .dropdown {
	display: flex;
	align-items: center;
	border: 1px solid #fff3;
	border-radius: 3px;
	padding-left: 14px;
	background: white;
	box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.1);
	height: 44px;
}

.ui-top-actionbar > .section.page .dropdown > i {
	margin-right: 6px;
}

.ui-top-actionbar > .section.page .dropdown > span {
	width: 164px;
}

.ui-top-actionbar > .section.page .dropdown .caret {
	height: 100%;
	width: 40px;
	margin-left: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	/*background: #fff3;*/
}

.ui-top-actionbar > .section.page .dropdown .dropdown-content {
	position: absolute;
	top: 84px;
	height: calc(100vh - 84px);
	height: auto;
	background: black;
	left: 6px;
	right: 0;
	background: rgb(165, 8, 41);
	background: #fff;
	box-shadow: 0 0px 13px 4px rgba(80, 81, 83, 0.26);
	border-radius: 4px;
	overflow: hidden;
	display: none;
}

.ui-top-actionbar > .section.page .dropdown.open .dropdown-content {
	display: block;
}

.ui-structure-tree {
	.display-flex();
	.flex-direction(column);
	
}

.ui-structure-tree .element {
	.display-flex();
	.flex-direction(column);
	.align-items(flex-start);
	
	margin-bottom: 1px;
}

.ui-structure-tree > .root {
	.display-flex();
	.flex-direction(column);
	
	position: relative;
	padding: 3px;
}

.ui-structure-tree .element .label {
	.display-flex();
	.align-items(center);
	.user-select(none);
	
	height: 30px;
	padding-left: 6px;
	
	font-size: 13px;
	font-weight: 500;
	
	cursor: pointer;

	border-radius: 3px;
	
	border: 1px solid transparent;
	
	color: #5a5a5a;
}

.ui-structure-tree .element[data-type="widget-container"] > .label {
	pointer-events: none;
	color: #c3a897;
}

.ui-structure-tree .element:not(.selected) .label:hover {
	border: 1px solid #0000001a;
}

.ui-structure-tree .element .bg {
	position: absolute;
	left: 0;
	right: 0;
	height: 30px;
	
	border-bottom: 1px solid #0000001a;
	cursor: pointer;
	
	display: none;
}

.ui-structure-tree .element:not(.selected) > .bg:hover  {
	background: #e1edeb;
}

.ui-structure-tree .element.selected > .label {
	.display-flex();
	.align-items(center);
	
	height: 30px;
	padding-left: 6px;
	
	font-size: 13px;
	font-weight: 500;
	
	background: #42C8A6;
	color: white;
}


.ui-structure-tree .element .label .toggle {
	margin-right: 6px;
}

.ui-structure-tree .element .label .icon {
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	text-align: center;

}

.ui-structure-tree .element .label .name {
	padding-left: 6px;
	padding-right: 6px;
}

.ui-structure-tree .element .children {
	.display-flex();
	.flex-direction(column);
	padding-left: 20px;
}

.ui-element-properties {
	height: 100%;

	.flex-grow(1);
	display: flex;
	flex-direction: column;


	border-radius: 3px;
	overflow: hidden;
}

.ui-element-properties .tabs-entities {
	padding: 10px;
}

.ui-element-properties .tabs-entities button {
	padding: 8px 12px;
	font-weight: 700;
	margin-right: 10px;
	font-size: 13px;
	border-radius: 100px;
}

.ui-element-properties .tabs-entities button.selected {
	background: #42C8A6;
	color: white;
	padding: 9px 21px;
	border: none;
}

.ui-element-properties .property-section {
	background: #f8f8f8;
	margin: 0 14px 12px 14px;
	border-radius: 3px;
	box-shadow: 0 2px 2px 0 #0000001a;
	overflow: hidden;
}

.ui-element-properties .property-section > .title {
	display: flex;
	flex-direction: row;
	align-items: center;

	background: #fafafa;
	height: 38px;
	border-bottom: 1px solid #eee;
}


.ui-element-properties .property-section > .title > .toggle {
	display: flex;
	align-items: center;
}

.ui-element-properties .property-section > .title > .toggle input {
	height: 38px;
	width: 38px;
}

.ui-element-properties .property-section > .properties {
	background: white;
}

.ui-element-properties .property-section > .title h3 {
	.flex-grow(1);
	padding: 0 10px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	color: #727272;
}

.ui-element-properties .property-section .properties .property {
	padding: 10px;
	border-bottom: 1px solid #b9b9b933;
}

.ui-element-properties .property-section .properties .property:last-child {
	border-bottom: none;
}

.ui-element-properties .property-section .properties .property h4 {
	font-weight: 500;
	font-size: 13px;
	margin-bottom: 8px;
}

.ui-element-properties .property-section .properties .property input {
	min-width: 0;
}

.ui-element-properties .property-section .properties .property textarea,
.ui-element-properties .property-section .properties .property input[type="text"],
.ui-element-properties .property-section .properties .property input[type="number"],
.ui-element-properties .property-section .properties .property select {
	margin: 0;
	padding: 6px 8px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

.ui-element-properties .property-section .properties .property textarea,
.ui-element-properties .property-section .properties .property input[type="text"],
.ui-element-properties .property-section .properties .property select {
	width: 100%;
}

.ui-element-properties .property-section .properties .property input[type="number"] {
	padding: 6px 1px 6px 8px;
	
}

.ui-element-properties .property-section .properties .property input[type="radio"] {
	width: auto;
}

.ui-element-properties .property-section .properties .property textarea {
	
	border-radius: 3px;
	padding: 6px 8px;
	width: 100%;
	
	max-width: 100%;
	min-width: 100%;
	max-height: 240px;
	min-height: 90px;
}

.ui-element-properties .property-section .properties .property[data-type="text"] textarea {

}

.ui-element-properties .property-section .properties .property.type-boolean,
.ui-element-properties .property-section .properties .property.type-width,
.ui-element-properties .property-section .properties .property.type-color {
	.display-flex();
}

.ui-element-properties .property-section .properties .property.type-boolean > .title {
	.flex-grow(1);
}

.ui-element-properties .property-section .properties .property.type-width > .title,
.ui-element-properties .property-section .properties .property.type-width > .input,
.ui-element-properties .property-section .properties .property.type-color > .title,
.ui-element-properties .property-section .properties .property.type-color > .input {
	.flex-grow(1);
	.flex-basis(0);
	overflow: hidden;
	display: flex;
	align-items: center;
}

.ui-element-properties .property-section .properties .property.type-width > .input input {
	margin-right: 5px;
}

.ui-element-properties .property-section .properties .property.type-width > .title > h4 {
	.flex-grow(1);
	margin-bottom: 0;
}



.ui-element-properties .property-section .properties .property.type-heightGrowable .input {
	.display-flex();
	
}

.ui-element-properties .property-section .properties .property.type-heightGrowable .input .item {
	.display-flex();
	.align-items(center);
}

.ui-element-properties .property-section .properties .property.type-heightGrowable .input .item.pixels {
	width: 120px;
}

.ui-element-properties .property-section .properties .property.type-padding .input .top,
.ui-element-properties .property-section .properties .property.type-padding .input .bottom,
.ui-element-properties .property-section .properties .property.type-margin .input .top,
.ui-element-properties .property-section .properties .property.type-margin .input .bottom {
	.display-flex();
	.justify-content(center);
	.align-items(center);
}

.ui-element-properties .property-section .properties .property.type-padding .input .middle,
.ui-element-properties .property-section .properties .property.type-margin .input .middle {
	.display-flex();
	.align-items(center);
}

.ui-element-properties .property-section .properties .property.type-padding .input .middle .left,
.ui-element-properties .property-section .properties .property.type-padding .input .middle .right,
.ui-element-properties .property-section .properties .property.type-margin .input .middle .left,
.ui-element-properties .property-section .properties .property.type-margin .input .middle .right {
	.display-flex();
	.flex-grow(1);
	.align-items(center);
}

.ui-element-properties .property-section .properties .property.type-padding .input .middle .right,
.ui-element-properties .property-section .properties .property.type-margin .input .middle .right {
	.justify-content(flex-end);
}

.ui-element-properties .property-section .properties .property.type-padding .input input,
.ui-element-properties .property-section .properties .property.type-margin .input input {
	width: 50px;
}

.ui-element-properties .property-section .properties .property.type-padding .input span,
.ui-element-properties .property-section .properties .property.type-margin .input span,
.ui-element-properties .property-section .properties .property.type-width .input span {
	font-size: 12px;
	margin-left: 5px;
	color: #999;
}






.ui-element-properties .ui-toggle-input {
	.display-flex();
	.justify-content(center);
}

.ui-element-properties .ui-toggle-input > .wrapper {
	.display-flex();

	border: 1px solid #e9e2cd;
	border-radius: 3px;
}

.ui-element-properties .ui-toggle-input .option {
	position: relative;
	border-right: 1px solid #e9e2cd;
}

.ui-element-properties .ui-toggle-input .option:last-child {
	border-right: none;
}

.ui-element-properties .ui-toggle-input .option label {
	.display-flex();
	.flex-direction(column);
	.justify-content(center);
	.align-items(center);
	
	width: 40px;
	height: 40px;
	color: #806956b3;
	
	cursor: pointer;
}

.ui-element-properties .ui-toggle-input input {
	width: 20px;
	height: 0px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	opacity: 0;
	pointer-events: none;
	position: absolute;
}

.ui-element-properties .ui-toggle-input input + label {
	
}

.ui-element-properties .ui-toggle-input input:focus + label {
	outline: 1px dotted #0006;
	outline-offset: 0px;
}

.ui-element-properties .ui-toggle-input input:checked + label {
	background: #e9e2cd;
}

.ui-element-properties .ui-toggle-input input:not(:checked) + label:hover {
	background: #fbf7f3;
}

/*
.ui-input-radiogroup .item input[type="radio"]:not(old) + label .icon i {
    font-size: 28px;
}

.ui-input-radiogroup .item input[type="radio"]:not(old) + label .icon {
    margin-bottom: 16px;
    color: #777;
}

.ui-input-radiogroup .item input[type="radio"]:not(old) + label .text {
    color: #666;
}

.ui-input-radiogroup .item input[type="radio"]:checked:not(old) + label {
	.gradient(#E02B58, #B00E36);
    box-shadow: 0 0 40px 6px rgba(230, 188, 210, 0.69);
    border: 1px solid #BD0D3F;
    color: white;
}

.ui-input-radiogroup .item input[type="radio"]:checked:not(old) + label .icon {
    color: white;
}

.ui-input-radiogroup .item input[type="radio"]:checked:not(old) + label .text {
    color: white;
}*/









.ui-frame-overlay {
	position: fixed;
	top: 0;
	width: ~"var(--preview-width)";
	left: ~"calc(50% - (var(--preview-width) / 2))";
	height: 100%;
	z-index: 900;
	pointer-events: none;
	display: flex;
	flex-direction: column;
}

.ui-frame-overlay.shrunk {
	height: calc(100% - 10px);
}

.ui-frame-overlay-content {
	.flex-grow(1);
	box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.3);
	z-index: 10;
	border-radius: 0 0 4px 4px;
	/*border-left: 2px solid #b9b9b9;*/
	box-sizing: content-box;
	/*border-right: 2px solid #b9b9b9;*/
	/*margin-right: -2px;
	margin-left: -2px;*/
	
	/*border-bottom: 2px solid #b9b9b9;*/
	
	overflow: hidden;
}

.fake-browser-header {
	display: flex;
	
	height: 54px;
	background: #eee;
	width: 100%;
	margin: 0 auto;
	z-index: 50;
	pointer-events: none;
	
	background: #ececec;
	text-align: left;
	
	box-shadow: 0 0 14px 0px rgba(42, 42, 42, 0.3);
	
	clip-path: polygon(-100% -100%, 200% 0%, 100% 100%, 0% 100%);
	border-radius: 6px 6px 0 0;
	
	width: 100%;
	border-bottom: 1px solid #ddd;


}

.fake-browser-header .window-buttons {
	display: flex;
	align-items: center;
	
	padding-left: 14px;
	
}

.fake-browser-header .window-buttons span {
	width: 14px;
	height: 14px;
	border-radius: 14px;
	background: #d8d8d8;
	margin-right: 8px;
	display: inline-block;
}
.fake-browser-header .address-bar {
	padding-left: 10px;
	display: flex;
	align-items: center;
	.flex-grow(1);
	flex-shrink: 1;
	overflow: hidden;
}
.fake-browser-header .address-bar span {
	background: white;
	border-radius: 4px;
	padding: 6px 10px;
	.flex-grow(1);
	color: rgba(0,0, 0,0.6);
	font-size: 13px;
	margin-right: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.fake-browser-header .actions {
	display: flex;
	align-items: center;
	padding-right: 10px;
}
.fake-browser-header .actions button {
	pointer-events: all;
	width: 34px;
	height: 34px;
	text-align: center;
	background: #868686;
	color: white;
	border-radius: 99px;
	cursor: pointer;
}


.ui-page-toolbar {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	.flex-shrink(0);
	
	overflow: hidden;
	padding-left: 320px;
	height: 70px;
	background: #efebe7;
}

.ui-page-toolbar > button {
	padding: 12px 24px;
	width: auto;
	display: block;
	color: rgba(116, 116, 116, 0.9);
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	border-radius: 2px;
	margin-right: 7px;
	background: #f8f8f8;
	box-shadow: 0px 2px 3px 0px #cebfaa80;
	border: 1px solid rgba(125, 93, 67, 0.1);
	background: none;
	color: #747474e6;
	box-shadow: none;
}


.ui-page-toolbar > button svg {
	font-size: 16px;
	margin-right: 6px;
}


.ui-page-toolbar > .dropdown-button button {
	padding: 12px 24px;
	width: auto;
	display: block;
	color: #7d5d43b3;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	border-radius: 2px;
	
	background: #f8f8f8;
}

.ui-page-toolbar > .dropdown-button {
	position: relative;
	margin-right: 7px;
	overflow: hidden;
	box-shadow: 0px 2px 3px 0px #cebfaa80;
}

.ui-page-toolbar > .dropdown-button select {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
}

.ui-page-toolbar > .dropdown-button select:focus + button {
	outline: 1px solid black;
	outline-offset: -4px;
}

.ui-list-item {
	.display-flex();
	.flex-direction(column);
	
	background: white;
	border-radius: 2px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
	margin-bottom: 12px;
}

.ui-list-item:last-child {
	margin-bottom: 0;
}

.ui-list-item .body {
	.display-flex();
	.flex-direction(row);
	
}

.ui-list-item .body .check {
	.display-flex();
	.flex-shrink(0);
	
	width: 40px;
	
	overflow: hidden;
	margin-right: 10px;
}

.ui-list-item-header {
	color: #333;
}

a.ui-list-item-header:hover {
	color: #f40c42;
}

.ui-list-item-header.empty {
	color: #999;
}

.ui-list-item-header.empty::after {
	content: attr(data-empty-content);
}

.ui-file-select-hidden {
	display: none;
}
@media (max-width: 768px) {
	.ui-page-wrapper {
		width: 100%;
		padding: 0 10px;
	}
	
	#main-container > #main .ui-page.horizontal {
		
	}
	
	.ui-calendar .ui-calendar-items {
		margin: 8px;
	}
}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
@media (max-width: 768px) {
	
	#page-wrapper > header#nav {
		/*overflow: hidden;*/
	}
	
	#main-container > #main .ui-page {
		overflow-y: scroll;
	}
	
}

#page-site {
	
}

.page-section {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	border-radius: 2px;
	overflow: hidden;
}

.page-section > header,
.page-section-header {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	
	height: 30px;
	
	
	font-size: 18px;
	font-weight: 400;
	color: #aaa;
	margin-bottom: 18px;
}

.page-section > .content {
	.display-flex();
	.flex-direction(row);
	.flex-grow(1);
	.flex-basis(0);
	
	background: rgba(255,255,255,0.7);
}

.page-section > .content.scroll {
	overflow-y: scroll;
}

.page-section > .content.scroll > .wrapper {
	width: 100%;
}


#page-sites-calendar {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
}

#page-sites-calendar .calendar {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	padding: 32px;
}

#page-sites-calendar .ui-calendar {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
}



#root  {
	background: @root-bg-color;
}

#page-wrapper > header#nav {
	.display-flex();
	.flex-direction(row);
	.align-items(stretch); 
	 
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	
	z-index: 50;
	height: 58px;
	
	width: 100%;
	
	background: @root-nav-bg-color;
	font-family: @root-nav-font-family;
}

#page-wrapper > header#nav[data-nav-type="empty"] {
	display: none;
}

#page-wrapper > header#nav[data-nav-type="empty"] + #main-container {
	top: 0;
}

#page-wrapper > header#nav.hidden {
	display: none;
}

#page-wrapper > header#nav > .left {
	.display-flex();
	.align-items(stretch);
	.flex-grow(1);
}

#page-wrapper > header#nav > .right {
	.display-flex();
	.align-items(stretch);
}

#page-wrapper > header#nav > .middle {
	display: none;
}




#page-wrapper > header#nav .site-actions {
	.display-flex();
	.flex-direction(row);
}

#page-wrapper > header#nav .site-actions li.create {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	
	position: relative;
	padding-left: 17px;
}
#page-wrapper > header#nav .site-actions li.create .button-create {
	border-right: none;
	height: 100%; 
	color: white;
	border-radius: 3px 0 0 3px;
	padding: 0 18px;
	border-right: 1px solid rgba(0, 0, 0, 0.09);
}
#page-wrapper > header#nav .site-actions li.create .button-more {
	height: 100%; 
	color: white;
	border-radius: 0 3px 3px 0;
	padding: 0 15px;
	position: static; /* to make sure the dropdown will center on the button-group instead of this button */
}

#page-wrapper > header#nav .site-actions li.create .button-group {
	.display-flex();
	
	height: 40px;
	
	border-radius: 3px;
	background: linear-gradient(45deg, rgb(246, 0, 113), rgb(225, 0, 56));
}



#page-wrapper > header#nav .theme-actions {
	.display-flex();
	.flex-direction(row);
}


#page-wrapper > header#nav .theme-actions a.theme-name {
	font-size: @root-nav-sitename-font-size;
}

#page-wrapper > header#nav .theme-actions a.selected {
	color: @root-nav-selected-text-color;
}




#page-wrapper > header#nav .theme-actions li.create {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	
	position: relative;
	padding-left: 17px;
}
#page-wrapper > header#nav .theme-actions li.create .button-create {
	border-right: none;
	height: 34px; 
	color: white;
	border-radius: 3px 0 0 3px;
	padding: 0 18px;
	border-right: 1px solid rgba(0, 0, 0, 0.09);
}
#page-wrapper > header#nav .theme-actions li.create .button-more {
	height: 34px;
	background: rgb(244, 12, 66);
	color: white;
	border-radius: 0 3px 3px 0;
	padding: 0 15px;
	position: static; /* to make sure the dropdown will center on the button-group instead of this button */
}

#page-wrapper > header#nav .theme-actions li.create .button-group {
	.display-flex();
	
	height: 34px;
	
	border-radius: 3px;
	background: rgb(244, 12, 66);
}





#page-wrapper > header#nav .user-actions {
	.display-flex();
	.flex-direction(row);
}

#page-wrapper > header#nav a[role="button"],
#page-wrapper > header#nav div[role="button"],
#page-wrapper > header#nav button[role="button"] > .wrapper {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	
	height: 100%;
	padding: 0 22px;
	
	border-right: 1px solid rgba(255,255,255,0.05);
	color: @root-nav-text-color;
	
	cursor: pointer;
	
	line-height: 1;
	font-size: 14px;
	font-family: @root-nav-font-family;
	font-weight: 500;
	
	transition: background 0.4s;
}
#page-wrapper > header#nav *[role="button"].dropdown {
	.user-select(none);
	position: relative;
}

#page-wrapper > header#nav *[role="button"].dropdown > div.wrapper {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
}
 
#page-wrapper > header#nav *[role="button"]:hover,
#page-wrapper > header#nav *[role="button"].dropdown.open,
#page-wrapper > header#nav *[role="button"].selected {
	color: @root-nav-text-color-hover;
	background-color: rgba(0, 0, 0, 0.09);
} 
 
#page-wrapper > header#nav *[role="button"].dropdown > .wrapper svg:last-child {
	font-size: 16px;
	margin-left: 8px;
	margin-right: 0;
}
 
#page-wrapper > header#nav *[role="button"].dropdown > .wrapper svg:first-child {
	font-size: 16px;
	margin-right: 8px;
	margin-left: 0;
}

#page-wrapper > header#nav *[role="button"].dropdown > .wrapper svg:first-child:last-child {
	margin-left: 0;
	margin-right: 0;
}

#page-wrapper > header#nav *[role="button"].dropdown.open .ui-contextmenu-content {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}

#page-wrapper > header#nav *[role="button"].dropdown.open .ui-contextmenu-content.with-triangle > .wrapper {
    position: relative;
}

#page-wrapper > header#nav *[role="button"].dropdown.open .ui-contextmenu-content.with-triangle > .wrapper::before {
	content: ' ';
	width: 12px;
	height: 12px;
	transform: rotate(135deg);
	position: absolute;
	left: ~"calc(50% - 6px)";
	top: -6px;
	z-index: 9999999999998;
	background: rgb(255, 255, 255);
	clip-path: polygon(0 0, 0 0, 100% 100%, 0 100%);
}
 
#page-wrapper > header#nav *[role="button"] > svg ,
#page-wrapper > header#nav *[role="button"] > i ,
#page-wrapper > header#nav button[role="button"] > .wrapper > i,
#page-wrapper > header#nav button[role="button"] > .wrapper > svg {
	font-size: 16px;
	margin-right: 8px;
}
 
#page-wrapper > header#nav *[role="button"].icon.no-text > svg ,
#page-wrapper > header#nav *[role="button"].icon.no-text > i ,
#page-wrapper > header#nav button[role="button"].icon.no-text > .wrapper > i,
#page-wrapper > header#nav button[role="button"].icon.no-text > .wrapper > svg {
	margin-right: 0;
}

#page-wrapper > header#nav .user-actions {
	.display-flex();
	.flex-direction(row);
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content {
	width: 430px;
	left: 50%;
	top: 52px;
	
	right: unset;
	transform: translateX(-50%);

	/*overflow: hidden;*/
	font-size: 15px;
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.create {
	width: 430px;
	left: 50%;
	right: unset;
	transform: translateX(-50%);

	font-size: 15px;
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content > .wrapper .menu {
	.display-flex();
	.flex-direction(row);
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content > .wrapper .actions {
	.display-flex();
	
	border-top: 1px solid rgb(243, 243, 243);
	background: rgb(238, 238, 238);
	padding: 6px;
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content > .wrapper .actions > * {
	.flex-grow(1);
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content > .wrapper .actions > a,
#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content > .wrapper .actions > button > div {
	.display-flex();
	.align-items(center);
	
	padding: 12px 0;
	color: rgb(85, 85, 85);
	font-weight: 500;
	font-family: Rubik;
	
	.justify-content(center);
	font-size: 13px;
	border: 1px solid rgba(221, 219, 219, 0.46);
	margin-right: 10px;
	border-radius: 3px;
	
	transition: background 0.2s;
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content > .wrapper .actions > a:hover,
#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content > .wrapper .actions > button:hover > div {
	background: #ddd;
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content > .wrapper .actions > a:last-child,
#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content > .wrapper .actions > button:last-child > div {
	margin-right: 0;
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content > .wrapper .actions > a svg ,
#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content > .wrapper .actions > button > div svg {
	margin-right: 8px;
	width: 16px;
	font-size: 16px;
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content > .wrapper {
	.display-flex();
	.flex-direction(column);
	
	z-index: 9999999999999;
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content.create > .wrapper {
	.flex-direction(row);
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content > .wrapper .social,
#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content > .wrapper .fixed {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	.flex-basis(0);
	overflow: hidden;
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content > .wrapper .fixed {
	border-left: 1px solid rgb(243, 243, 243);
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content > .wrapper .fixed {
	
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content h2 {
	font-size: 15px;
	font-weight: 500;

	border-radius: 3px 3px 0 0;
	color: rgb(170, 170, 170);

	padding: 16px;
	padding-left: 26px;
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content span.coming-soon {
	font-size: 14px;
	font-weight: 500;

	border-radius: 3px 3px 0 0;
	color: rgb(220, 220, 220);

	padding: 16px;
	padding-left: 26px;
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content .social h2 {
	border-radius: 3px 0 0 0;
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content .fixed h2 {
	border-radius: 0 3px 0 0;
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content .social ul {
	
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content ul {
	padding-bottom: 12px;
	
	.flex-grow(1);
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content ul a {
	.display-flex();
	.align-items(center);
	
	color: rgb(85, 85, 85);
	padding: 12px;
	font-size: 14px;
	font-weight: 500;
	
	padding-left: 26px;
	
	/*border-top: 1px solid #eee;*/
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content ul a.unavailable {
	opacity: 0.3;
	pointer-events: none;
	cursor: default;
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content ul li:last-child a {
	/*border-bottom: 1px solid #eee;*/
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content ul a:hover {
	color: rgb(244, 12, 66);
	background: rgb(249, 249, 249);
}

#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content ul a i,
#page-wrapper > header#nav .site-actions .ui-contextmenu-content.content ul a svg {
	margin-right: 8px;
	width: 16px;
	font-size: 16px;
}

#page-wrapper > header#nav .site-actions a.site-name {
	font-size: @root-nav-sitename-font-size;
	color: white;
}

#page-wrapper > header#nav .site-actions a.selected {
	color: @root-nav-selected-text-color;
}



#page-wrapper > header#nav .user-actions .ui-contextmenu-content.account {
	width: 300px;
    right: 4px;
    top: 48px;
	
	overflow: hidden;
	
	font-size: 15px;
}

#page-wrapper > header#nav .user-actions .ui-contextmenu-content.account li .item {
	.display-flex();
	width: 100%;
	
	padding: 11px;
	margin: 0;
	
	border-bottom: 1px solid #eee;
	
	color: #666;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	
	transition: background 0.4s;
}

#page-wrapper > header#nav .user-actions .ui-contextmenu-content.account li .item svg {
	margin-right: 8px;
	font-size: 16px;
}

#page-wrapper > header#nav .user-actions .ui-contextmenu-content.account li:last-child .item {
	border-bottom: none;
}

#page-wrapper > header#nav .user-actions .ui-contextmenu-content.account li .item:hover {
	color: black;
	background: #f1f1f1;
}

#page-wrapper > #main-container:not(.has-moby-hero) {
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}

#page-wrapper > #main-container #main {
	height: 100%;
	
    background-color: rgb(242,242,242);
    transition: opacity .5s ease-in-out;
	
	overflow: hidden;
}


#page-wrapper > header#nav,
#page-wrapper > header#nav input,
#page-wrapper > header#nav textarea,
#page-wrapper > header#nav select,
#page-wrapper > header#nav button {
	
}

#popup-container,
#dialog-container,
#dialog-container input,
#dialog-container textarea,
#dialog-container select,
#dialog-container button,
#modal-container,
#modal-container input,
#modal-container textarea,
#modal-container select,
#modal-container button,
#notification-container,
#page-wrapper > #main-container,
#page-wrapper > #main-container input,
#page-wrapper > #main-container textarea,
#page-wrapper > #main-container select,
#page-wrapper > #main-container button {
	font-family: 'Rubik';
}


.dialog-wrapper .dialog-header {
	.display-flex();
}

.dialog-wrapper .dialog-header h1 {
	.flex-grow(1);
	font-family: Rubik;
	font-weight: 500;
	
	transform: translateY(-20px);
	opacity: 0;
	
	transition: opacity 0.4s, transform 0.4s;
}

.dialog-wrapper.anim-in .dialog-header h1 {
	opacity: 1;
	transform: translateY(0);
}

.dialog-wrapper.anim-out .dialog-header h1 {
	opacity: 0;
	transform: translateY(-20px);
}

.dialog-wrapper .dialog-header button.close > div {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	width: 48px;
	height: 48px;
	border-radius: 48px;
	
	transition: background 0.4s, color 0.4s;
}

.dialog-wrapper .dialog-header button.close:hover > div {
	background: rgb(244, 12, 66);
	color: white;
}

.dialog-wrapper > div > .content {
	.flex-grow(1);
	
	transition: opacity 0.4s;
	transition-delay: 0.2s;
	opacity: 0;
	
	margin-top: 46px;
	
}

.dialog-wrapper.anim-in > div > .content {
	opacity: 1;
	transition-delay: 0s;
	transition: opacity 0.2s;
}

.dialog-wrapper.anim-out > div > .content {
	opacity: 0;
}

.dialog-wrapper .dialog-actions {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	margin-top: 60px;
}

.dialog-wrapper .dialog-actions button {
	margin-right: 18px;
}

.dialog-wrapper .dialog-actions button:last-child {
	margin-right: 0;
}

.dialog-wrapper .dialog-actions button > div {
	.display-flex();
	padding: 16px 40px;
	background: #eee;
	border-radius: 3px;
	font-weight: 500;
}

.dialog-wrapper .dialog-actions button.special > div {
	background: rgb(244, 12, 66);
	color: white;
	font-weight: 700;
}

.dialog-wrapper .view-datetime-picker > .view-month .header {
	border-bottom: none;
}

.dialog-wrapper .view-datetime-picker-nav {
	margin-bottom: 18px;
}

.dialog-wrapper .view-datetime-picker-nav span.date {
	font-size: 18px;
	font-weight: 500;
}

.dialog-wrapper .view-datetime-picker-nav button > div {
	.display-inline-flex();
	.align-items(center);
	.justify-content(center);
	
	padding: 0;
    width: 48px;
    height: 48px;
	
    background: none !important;
    border: none !important;
    color: #777 !important;
}

.dialog-wrapper .view-datetime-picker > .view-month .header .day-name {
	color: #c1c1c1;
}

.dialog-wrapper .view-datetime-picker > .view-month .row .day.previous-month, 
.dialog-wrapper .view-datetime-picker > .view-month .row .day.next-month {
	opacity: 0.3;
	pointer-events: none;
	background: none;
}

.dialog-wrapper .view-datetime-picker > .view-month .row .day {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	
	border-right: none;
	border-radius: 3px;
	
	cursor: pointer;
}
.dialog-wrapper .view-datetime-picker > .view-month .row .day:hover {
	background: #eee;
	
}

.dialog-wrapper .view-datetime-picker > .view-month .row .day .number {
	font-size: 14px;
}

.dialog-wrapper .view-datetime-picker > .view-month .row .day.selected {
	background: #555
}

.dialog-wrapper .view-datetime-picker > .view-month .row .day.selected .number {
	color: white;
}

.dialog-wrapper .view-datetime-picker > .view-month .row {
	border-bottom: none;
}

.dialog-wrapper .view-datetime-picker-nav button > div svg {
	font-size: 20px;
}



.fragment {
	.display-flex();
	.flex-direction(column);
	
	border-bottom: 1px solid rgb(244, 242, 241);
	position: relative;
	min-height: 288px;
	background: white;
	
	color: #222;
}

.fragment.type-cms-text > .content > .text .view-text-editor a, 
.fragment.type-cms-text-image > .content > .text .view-text-editor a {
  color: rgb(244, 12, 66);
}

.fragment.focus + .fragment {
  z-index: 50
}

.fragment > .header-container {
	height: 42px;
}

.fragment > .header-container header {
	.display-flex();
	.flex-direction(row);
	height: 42px;
	background: rgb(119, 119, 119);
	color: white;
	padding: 4px;
	padding: 0;
	
	opacity: 0;
	pointer-events: none;
}

.fragment.focus> .header-container header {
	opacity: 1;
	pointer-events: all;
}

.fragment> .header-container header > .hover-dropdown {
	.display-flex();
	.flex-direction(column);
	.justify-content(center);
	position: relative;
	z-index: 999999;
	height: 100%;
	width: 155px;
}

.fragment > .header-container header > .hover-dropdown .label {
	.display-flex();
	.align-items(center);
    font-weight: 500;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
	width: 100%;
}

.fragment > .header-container header > .hover-dropdown .label span {
	.flex-grow(1);
}

.fragment > .header-container header > .hover-dropdown .label svg {
	width: 18px;
	height: 18px;
	font-size: 18px;
}

.fragment > .header-container header > .hover-dropdown .items {
	.flex-direction(column);
	display: none;
	position: absolute;
	top: 42px;
	background: rgb(119, 119, 119);
	z-index: 50;
	width: 100%;
}

.fragment > .header-container header > .hover-dropdown .items button > div {
	height: 38px;
    padding-left: 8px;
    padding-right: 8px;
	font-size: 14px;
}

.fragment > .header-container header > .hover-dropdown:not(.close):hover .items {
	.display-flex();
}

.fragment > .header-container header > button {
	margin-right: 1px;
}

.fragment > .header-container header button > div {
	.display-flex();
	.align-items(center);
	
	border-radius: 2px;
	color: white;
	transition: background 0.4s;
}
.fragment > .header-container header button[data-checked="1"] > div {
	background: rgb(244, 12, 66);
}

.fragment > .header-container header button.icon > div {
	.justify-content(center);
	width: 42px;
	
	height: 100%;
	
}

.fragment > .header-container header button:hover > div {
	background: rgb(162, 162, 162);
	 
	background: rgba(244, 12, 66, 0.4);
}

.fragment > .header-container header button[data-checked="1"]:hover > div {
	background: rgb(244, 12, 66, 0.5);
}

.fragment > .header-container header.sticky {
	position: fixed;
	top: 156px;
	z-index: 6;
}

.fragment > .content {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	/*padding: 50px;*/
	margin: 32px 48px;
	position: relative;
}

.fragment.type-cms-text > header button[data-action="redo"],
.fragment.type-cms-text > header button[data-action="underline"],
.fragment.type-cms-text > header button[data-action="underline"],
.fragment.type-cms-text > header .hover-dropdown,
.fragment.type-cms-text > header button[data-action="ul"] {
	margin-right: 2px;
	border-right: 1px solid rgba(255, 255, 255, 0.29);
}

.fragment > .actions {
	.display-flex();
	.flex-direction(column);
	width: 48px;
	position: absolute;
	right: -24px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 7;

	/*background: white;*/
	box-shadow: 0px 0 9px 0px rgba(6, 6, 6, 0.12);
	border-radius: 3px;
}

.fragment > .actions button > div {
	.display-flex();
	.flex-direction(column);
	.justify-content(center);
	.align-items(center);
	width: 48px;
	height: 48px;
	border-bottom: 1px solid #eee;
	background: white;
	transition: background 0.4s;
	border-radius: 3px;
	
}

.fragment > .actions button:first-child > div {
	/*border-top: 1px solid #ddd;*/
	border-radius: 3px 3px 0 0;
}

.fragment > .actions button:last-child > div {
	/*border-top: 1px solid #ddd;*/
	border-radius: 0 0 3px 3px;
}

.fragment > .actions button > div svg {
	font-size: 14px;
	color: grey;
}

.fragment > .actions button:hover > div {
	background: rgb(249, 249, 249);
	color: rgb(244, 12, 66);
}

.fragment > .actions button:hover > div svg {
	color: rgb(244, 12, 66);
}

.fragment > .actions::after {
	content: "";
	width: 0;
	height: 10px;
	border-top: 10px solid rgba(119, 119, 119, 0.85);
	border-right: 23px solid transparent;
	position: absolute;
	left: 24px;
	bottom: -19px;
}
.list {
	position: relative;
	font-weight: 500;
	font-size: 14px;
}
.list[data-state="busy"]::after {
	content: ' ';
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(255,255,255,0.7);
}

.list li > .header {
	background : #666;
	.display-flex();
	.flex-direction(row);

	color: #c1c1c1;
	font-weight: bold;
	font-size: 15px;
	
	border-bottom: 1px solid #ddd;
}

.list-common-simple .main {
	padding: 16px;
}

.list-common-simple .actions {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	padding-left: 12px;
	padding-right: 12px;
}

.list-common-simple .actions button > div {
	padding-left: 12px;
	padding-right: 12px;
	min-width: 40px;
	height: 40px;
	border-radius: 4px;
	.display-flex();
	.align-items(center);
	.justify-content(center);
}

.list-common-simple .actions button.active > div {
	background: #eee;
}
.modal-wrapper .modal-header {
	.display-flex();
	.flex-shrink(0);
	height: 64px;
	background: rgb(53, 53, 53);
	color: white;
}

.modal-wrapper input[type="text"],
.modal-wrapper input[type="email"],
.modal-wrapper textarea {
	.display-inline-flex();
	.flex-direction(row);
	.flex-grow(1);

	position: relative;
	min-width: 40px;
	padding: 11px 38px 11px 12px;
	line-height: normal;
	font-size: 14px;
	background: rgb(253, 253, 253);
	border-radius: 3px;
	font-weight: 500;
	border: none;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
}

.modal-wrapper .modal-header h1 {
	.display-flex();
	.align-items(center);
	.flex-grow(1);

	font-family: Rubik;
	font-weight: 500;
	font-size: 18px;
	padding-left: 24px;
	
	opacity: 0;
	
	transition: opacity 0.4s, transform 0.4s;
}

.modal-wrapper.anim-in .modal-header h1 {
	opacity: 1;
	/*transform: translateY(0);*/
}

.modal-wrapper.anim-out .modal-header h1 {
	opacity: 0;
	/*transform: translateY(-20px);*/
}

.modal-wrapper .modal-header button.close  {
	margin-right: 8px;
}

.modal-wrapper .modal-header button.close > div {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	width: 48px;
	height: 48px;
	border-radius: 48px;
	
	transition: background 0.4s, color 0.4s;
	color: rgba(255, 255, 255, 0.46);
}

.modal-wrapper .modal-header button.close:hover > div {
	background: rgb(244, 12, 66);
	color: white;
}

.modal-wrapper > div {
	.display-flex();
	.flex-direction(column);
	
	background: rgb(240, 240, 240);
	box-shadow: 0 2px 9px 7px rgba(0, 0, 0, 0.29);
	border-radius: 2px;
	max-height: 100%;
	overflow: hidden;
}

.modal-wrapper[data-style="white"] > div {
	background: transparent;
	box-shadow: none;
}

.modal-wrapper > div > .content {
	.flex-grow(1);
	
	transition: opacity 0.4s;
	transition-delay: 0.2s;
	opacity: 0;
	
	overflow: hidden;
	overflow-y: auto;
	
	padding: 30px;
}

.modal-wrapper > div > .actions {
	.display-flex();
	.justify-content(center);
	padding: 14px 32px;
	border-top: 1px solid #e5e5e5;
}

.modal-wrapper > div > .actions button {
	margin-right: 6px;
}

.modal-wrapper > div > .actions button:last-child {
	margin-right: 0;
}

.modal-wrapper.anim-in > div > .content {
	opacity: 1;
	transition-delay: 0s;
	transition: opacity 0.2s;
}

.modal-wrapper.anim-out > div > .content {
	opacity: 0;
}

.modal-wrapper .modal-actions {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	margin-top: 60px;
}

.modal-wrapper .modal-actions button {
	margin-right: 18px;
}

.modal-wrapper .modal-actions button:last-child {
	margin-right: 0;
}

.modal-wrapper .modal-actions button > div {
	.display-flex();
	padding: 16px 40px;
	background: #eee;
	border-radius: 3px;
	font-weight: 500;
}

.modal-wrapper .modal-actions button.special > div {
	background: rgb(244, 12, 66);
	color: white;
	font-weight: 700;
}




#root > #popup-container > .popup.text-link {
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.34),0 9px 46px 8px rgba(0,0,0,0.32),0 11px 15px -7px rgba(0,0,0,0.1);
	border-radius: 4px;
	overflow: hidden;
	
	background: white;
}


#root > #popup-container > .popup.calendar-item {
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.34),0 9px 46px 8px rgba(0,0,0,0.32),0 11px 15px -7px rgba(0,0,0,0.1);
	border-radius: 4px;
	overflow: hidden;
	
	background: white;
}


#root > #popup-container > .popup.calendar-create {
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.34),0 9px 46px 8px rgba(0,0,0,0.32),0 11px 15px -7px rgba(0,0,0,0.1);
	border-radius: 4px;
	overflow: hidden;
	
	background: white;
}

#root > #popup-container > .popup.calendar-create .description {
	padding: 14px;
	font-weight: 500;
	font-size: 13px;
	background: rgb(75, 75, 75);
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.5);
}

#root > #popup-container > .popup.calendar-create .description span {
	color: white;
}

#root > #popup-container > .popup.calendar-create .list.list-entities-create {
	padding-bottom: 5px;
}

#root > #popup-container > .popup.calendar-create .list.list-entities-create a {
	padding-left: 13px;
}

#root > #popup-container > .popup.calendar-item .header {
	height: 140px;
	background: green;
	position: relative;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-radius: 3px;
	
	margin: 4px;
}

#root > #popup-container > .popup.calendar-item[data-content-type="cmscontent--"] .header {
	background-color: @calendar-background-color-type-cmscontent;
}

#root > #popup-container > .popup.calendar-item[data-content-type="event--"] .header {
	background-color: @calendar-background-color-type-event;
}

#root > #popup-container > .popup.calendar-item[data-content-type="media-mobypicture-photo"] .header,
#root > #popup-container > .popup.calendar-item[data-content-type="media-mobypicture-video"] .header,
#root > #popup-container > .popup.calendar-item[data-content-type="media-mobypicture-audio"] .header {
	background-color: @calendar-background-color-type-mobypicture;
}

#root > #popup-container > .popup.calendar-item .header h1 {
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.61));
	padding: 10px;
	padding-top: 60px;
	font-size: 15px;
	color: white;
	font-family: 'Rubik', 'Source Sans Pro', Helvetica, Arial, sans-serif;
	right: 0;
}

#root > #popup-container > .popup.calendar-item .header .actions {
	top: 0;
	right: 0;
}


.view-editor {
	
}

.view-editor > .stage {
	.display-flex();
	.flex-direction(row);
	
	margin-bottom: 80px;
}

.view-editor .main {
	.flex-grow(1);
	
	margin-right: 78px;
	
	overflow: hidden;
}

.view-editor .main > .section {
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
	padding: 30px 36px 20px 36px;
	margin-bottom: 16px;
	border-radius: 4px;
}

.view-editor .main > .header,
.view-editor .main > .primary,
.view-editor .main > .secondary {
}

.view-editor .main > div .sub-content {
	margin-bottom: 20px;
}

.view-editor .main > div .sub-content input[type="text"], 
.view-editor .main > div .sub-content input[type="url"] {
	width: 100%;
}

.view-editor .main > div .sub-content:last-child {
	margin-bottom: 0;
}

.view-editor .main h1,
.view-editor .main h2,
.view-editor .main h3 {
	font-weight: 500;
	margin-bottom: 14px;
	/*border-bottom: 1px solid #ddd;
	padding-bottom: 10px;*/
	font-size: 17px;
	color: rgba(0, 0, 0, 0.88);
	color: rgb(120, 120, 120);
}

.view-editor .main h1 {
	font-size: 18px;
}

.view-editor .main h3 {
	margin-top: 32px;
	margin-bottom: 24px;
	text-align: center;
}

.view-editor .main h1 svg,
.view-editor .main h2 svg,
.view-editor .main h3 svg {
	font-size: 20px;
	width: 20px;
	margin-right: 12px;
	opacity: 0.6;
}

.view-editor .main .title {
	margin-bottom: 22px;
}

.view-editor .main .header .content {
	padding-top: 8px;
	padding-bottom: 8px;
	
	padding-left: 0;
	margin-bottom: 18px;
}

.view-editor .main .header .content .url {
	font-size: 13px;
	padding-top: 8px;
	display: none;
}

.view-editor.type-page .main .header .content .url {
	display: block;
}

.view-editor .main .header .content .url .path {
	display: inline;
}

.view-editor .main .header .content .url .path span {
	font-weight: 700;
	color: rgb(89, 89, 89);
}

.view-editor .main .header .content .url .path input {
	width: 180px;
	font-size: 13px;
	padding: 6px 8px;
	display: inline;
}

.view-editor .main .header .content.single-line {
	.display-flex();
	.align-items(center);
}

.view-editor .main .title input[type="text"],
.view-editor .main .summary textarea,
.view-editor .main .description textarea {
	width: 100%;
	font-weight: 500;
}

.view-editor .main .title input[type="text"] {
	font-size: 18px;
}

.view-editor .main .summary textarea {
	font-size: 15px;
}

.view-editor .sidebar {
	width: 320px;
	flex-shrink: 0;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
	border-radius: 4px;
	overflow: hidden;
	margin-right: 32px;
	align-self: flex-start;
	padding-bottom: 16px;
}



.view-editor.loading .ui-inline-datepicker  {
	pointer-events: none;
}

.view-editor.loading .ui-inline-datepicker > div svg,
.view-editor.loading .ui-inline-datepicker > div span {
	opacity: 0;
	pointer-events: none;
}

.view-editor.loading .ui-toggle-input input + .labels::before {
	opacity: 0;
}

.view-editor.loading input,
.view-editor.loading textarea,
.view-editor.loading select {
	color: transparent;
	pointer-events: none;
}

.view-editor.loading ::-webkit-input-placeholder {
	color: transparent;
}
.view-editor.loading :-moz-placeholder {
   color: transparent;
}
.view-editor.loading ::-moz-placeholder { 
   color: transparent;
}
.view-editor.loading :-ms-input-placeholder {
   color: transparent;
}

.view-editor.loading textarea::-webkit-input-placeholder { 
	color: transparent;
}
.view-editor.loading textarea:-moz-placeholder { 
   color: transparent;
}
.view-editor.loading textarea::-moz-placeholder { 
   color: transparent;
}
.view-editor.loading textarea:-ms-input-placeholder { 
   color: transparent;
}

.renderer-fragments {
	border: 1px solid #ddd;
}

.renderer-fragments .fragment:last-child {
	border-bottom: none;
}

.renderer-fragments .fragment:first-child > .actions button[data-action="move-up"] {
	display: none;
}

.renderer-fragments .fragment:last-child > .actions button[data-action="move-down"] {
	display: none;
}



.renderer-fragments .fragment .fragment-add-button {
	position: relative;
	left: -50px;
	.display-flex();
	margin-bottom: -46px;
}

.renderer-fragments .fragment .fragment-add-button button {
	display: block;
	height: auto;
	transform: translateY(-50%);
}

.renderer-fragments .fragment .fragment-add-button button > div {
	width: 46px;
	height: 46px;
	border-radius: 46px;
	text-align: center;
	color: rgb(168, 168, 168);
	transition: background 0.2s, box-shadow 0.2s;
	
	.display-flex();
	.align-items(center);
	.justify-content(center);
}

.renderer-fragments .fragment .fragment-add-button button:hover > div {
	background: white;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
	color: rgb(244, 12, 66);
}

.renderer-fragments .fragment .fragment-line {
	height: 10px;
	background: rgb(251, 251, 251);
	position: absolute;
	left: -24px;
	right: -24px;
	bottom: -5px;
	opacity: 0;
	border: 1px solid rgb(215, 215, 215);
	z-index: 500;
	transition: opacity 0.2s;
}

.renderer-fragments .fragment .fragment-line:hover {
	height: 48px;
	bottom: -24px;
}

.renderer-fragments .fragment .fragment-line::after {
	content: "";
	width: 0;
	height: 0px;
	position: absolute;
	right: 0;
	border-top: 10px solid rgba(119, 119, 119, 0.85);
	border-right: 23px solid transparent;
	bottom: -11px;
}

.renderer-fragments .fragment .fragment-line::before {
	content: "";
	width: 0;
	height: 0px;
	position: absolute;
	left: 0;
	bottom: -11px;
	border-left: 23px solid transparent;
	border-top: 10px solid rgba(119, 119, 119, 0.85);
}


.renderer-fragments .fragment .fragment-line > button {
	pointer-events: none;
}

.renderer-fragments .fragment .fragment-line:hover {
	/*opacity: 1;*/
}

.renderer-fragments .fragment .fragment-line:hover > button {
	pointer-events: all;
}

/*
	Ignore last fragment
*/
.renderer-fragments .fragment:last-child .fragment-line {
	pointer-events: none;
}

.renderer-fragments .fragment:last-child .fragment-line:hover {
	opacity: 0
}

.renderer-fragments .fragment:last-child .fragment-line:hover > button {
	pointer-events: none;
}
.renderer-fragments .fragment:last-child .fragment-add-button {
	pointer-events: none;
	display: none;
}



.renderer-fragments.preview {
	
}


.renderer-fragments.preview .fragment {
	min-height: 0 !important;
	border-bottom: none;
}

.renderer-fragments.preview .fragment > .content {
	margin: 14px 50px !important;
	padding: 14px 50px !important;
}

.renderer-fragments.preview .fragment > .content.empty {
	margin: 0 !important;
	padding: 0 !important;
	display: none;
}

.renderer-fragments.preview .fragment > header {
	display: none;
}

.renderer-fragments.preview .fragment > .actions {
	display: none;
}

.renderer-fragments.preview .fragment > .fragment-line {
	display: none;
	pointer-events: none;
}


@font-face {
  font-family: 'ttl';
  src:  url('/static/fonts/ttl/ttl.eot?7uvj81');
  src:  url('/static/fonts/ttl/ttl.eot?7uvj81#iefix') format('embedded-opentype'),
  url('/static/fonts/ttl/ttl.ttf?7uvj81') format('truetype'),
  url('/static/fonts/ttl/ttl.woff?7uvj81') format('woff'),
  url('/static/fonts/ttl/ttl.svg?7uvj81#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="ttl-"], [class*=" ttl-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ttl' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ttl-unschedule:before {
  content: "\e920";
}
.ttl-page:before {
  content: "\e91b";
}
.ttl-change-image:before {
  content: "\e91a";
}
.ttl-cross-smaller:before {
  content: "\e918";
}
.ttl-embedcontent:before {
  content: "\e900";
}
.ttl-arrow-left:before {
  content: "\e901";
}
.ttl-arrow-right:before {
  content: "\e902";
}
.ttl-calendarevent:before {
  content: "\e903";
}
.ttl-compose:before {
  content: "\e904";
}
.ttl-ellipsis:before {
  content: "\e905";
}
.ttl-focus:before {
  content: "\e906";
}
.ttl-highlightedcontent:before {
  content: "\e907";
}
.ttl-embedcontent2:before {
  content: "\e908";
}
.ttl-hearts-1:before {
  content: "\e909";
}
.ttl-hearts-2:before {
  content: "\e90a";
}
.ttl-hearts-3:before {
  content: "\e90b";
}
.ttl-hearts-4:before {
  content: "\e90c";
}
.ttl-moby:before {
  content: "\e90d";
}
.ttl-preview:before {
  content: "\e90e";
}
.ttl-stats:before {
  content: "\e90f";
}
.ttl-ttl-logo:before {
  content: "\e910";
}
.ttl-typography:before {
  content: "\e911";
}
.ttl-sidebar:before {
  content: "\e912";
}
.ttl-more-hearts:before {
  content: "\e913";
}
.ttl-triple-hearts:before {
  content: "\e914";
}
.ttl-remix:before {
  content: "\e915";
}
.ttl-webcam:before {
  content: "\e916";
}
.ttl-question-mark:before {
  content: "\e917";
}
.ttl-scroll:before {
  content: "\e919";
}
.ttl-arrow-down:before {
  content: "\e91c";
}
.ttl-arrow-up:before {
  content: "\e91d";
}
.ttl-dropdown:before {
  content: "\e91e";
}
.ttl-dropup:before {
  content: "\e91f";
}
svg.svg-icon {
	font-size: 16px;
	margin-right: 4px;
	width: 1em;
	height: 1em;
}
@keyframes animation-fade-in-out {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes animation-fade-in-out {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes animation-fade-in-out {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes animation-fade-in-out {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}

#dialog-date-picker {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	width: 960px;
	margin: 0 auto;
}

#dialog-date-picker > .content {
	.flex-grow(1);
	.display-flex();
	.flex-direction(column);
}

#dialog-date-picker > .content > .input {
	.flex-grow(2);
	.display-flex();
	.flex-basis(0);
	.align-items(center);
}

#dialog-date-picker > .content > .input .left {
	.display-flex();
	.flex-grow(1);
	.flex-basis(0);
}

#dialog-date-picker > .content > .input .right {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	.flex-basis(0);
}


#dialog-date-picker > .content > .actions {
	.flex-grow(1);
	.flex-shrink(0);
	.flex-basis(0);
	.display-flex();
}


#dialog-date-picker > .content > .input .date-picker-container {
	.flex-grow(1);
	.flex-shrink(0);
	.flex-basis(0);
	.display-flex();

	border: 1px solid rgb(238, 238, 238);
	padding: 8px;
	border-radius: 3px;

	margin-right: 60px;
	height: 420px;
}

#dialog-date-picker > .content > .input .time-picker-container {
	.flex-grow(1);
	.flex-shrink(0);
	.display-flex();
	.align-items(center);
	.justify-content(center);
	
	margin-top: 24px;
	margin-bottom: 24px;
}

#dialog-date-picker > .content > .input .all-day-container {
	.flex-grow(1);
	.flex-shrink(0);
	.display-flex();
	.align-items(center);
	.justify-content(center);
}

#dialog-date-picker > .content > .input .all-day-container .check {
	margin-right: 10px;
}

#dialog-date-picker > .content > .input .all-day-container > label {
	cursor: pointer;
}


#dialog-image-picker {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	width: 960px;
	margin: 0 auto;
}

#dialog-image-picker > .content {
	.flex-grow(1);
	.display-flex();
	.flex-direction(column);
}

#dialog-image-picker > .content .preview   {
	.flex-grow(1);
	.display-flex();
	.flex-direction(column);
}

#dialog-image-picker > .content .preview .image  {
	position: relative;
}

#dialog-image-picker > .content .preview .image > .wrapper {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

#dialog-image-picker > .content .preview .image img {
	position: relative;
}


/*#dialog-image-picker > .content .preview .image img[data-orientation="2"] {
	transform: scaleX(-1);
}

#dialog-image-picker > .content .preview .image img[data-orientation="3"] {
	transform: scaleX(-1) scaleY(-1);
}

#dialog-image-picker > .content .preview .image img[data-orientation="4"] {
	transform: scaleY(-1);
}

#dialog-image-picker > .content .preview .image img[data-orientation="5"] {
	transform: rotate(90deg) scaleY(-1);
}

#dialog-image-picker > .content .preview .image img[data-orientation="6"] {
	transform: rotate(90deg);
}

#dialog-image-picker > .content .preview .image img[data-orientation="7"] {
	transform: rotate(90deg) scaleX(-1);
}

#dialog-image-picker > .content .preview .image img[data-orientation="8"] {
	transform: rotate(-90deg);
}*/

#dialog-image-picker > .content .preview .image .focus-point {
	position: absolute;
	top: 90px;
	left: 300px;
	
	font-size: 32px;
	width: 32px;
	line-height: 32px;
	height: 32px;
	
	pointer-events: none;
	
	background: rgba(51, 51, 51, 0.50);
	box-shadow: 0 0 10px 8px rgba(51, 51, 51, 0.50);
	
	color: white;
}


#dialog-list-simple {
	.display-flex();
	.flex-direction(column);
	
	width: 680px;
	margin: 0 auto;
}

#dialog-list-simple .content > button {
	display: block;
	width: 100%;
	height: 40px;
	margin-bottom: 8px;
	
	transition: transform 0.4s, opacity 0.4s;
}

#dialog-list-simple .content > button > div {
	.display-flex();
	.align-items(center);
}

#dialog-list-simple .content > button .avatar {
	width: 48px;
	height: 48px;
	background: #eee;
	border-radius: 100%;
	margin-right: 12px;
	overflow: hidden;
	
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	
	opacity: 0.4;
	transition: opacity 0.4s;
}

#dialog-list-simple .content > button .info h2 {
	font-family: Rubik;
	font-weight: 500;
	font-size: 15px;
	color: rgb(185, 185, 185);
	
	transition: color 0.4s;
}

#dialog-list-simple .content > button:hover .info h2 {
	color: rgb(244, 12, 66);
	color: rgb(120, 120, 120);
}

#dialog-list-simple .content > button:hover .avatar { 
	opacity: 1;
}

#dialog-list-simple .content > button.current .avatar {
	/*box-shadow: 0 0 0 2px rgb(72, 72, 72) inset;*/
	opacity: 1;
}

#dialog-list-simple .content > button.current .info h2 {
	color: rgb(72, 72, 72);
	font-weight: 700;
}

.dialog-wrapper.anim-out #dialog-list-simple .content > button.selected {
	transform: scale(4);
	/*transform-origin: 20px 20px;*/
	transform-origin: 50% 50%;
	opacity: 0;
	width: auto;
}




#dialog-post-social-updates {
	.display-flex();
	.flex-direction(column);
	
	width: 960px;
	margin: 0 auto;
}

#dialog-post-social-updates > .content > .list  {
	.flex-grow(1);
	.display-flex();
	.flex-direction(column);
	.align-items(flex-start);
}

#dialog-post-social-updates > .content > .list > button > div {
	background: rgb(244, 12, 66);
	padding: 14px 20px;
	border-radius: 3px;
	color: white;
	font-size: 15px;
}

#dialog-post-social-updates > .content > .list .items {
	.flex-grow(1);
	margin: 0 auto;
	margin-top: 18px;
}

#dialog-post-social-updates > .content > .list .items .item {
	.display-flex();
	padding-left: 16px;
	padding-right: 16px;
	border-bottom: 2px solid rgba(187, 187, 187, 0.38);
}

#dialog-post-social-updates > .content > .list .items .item .check {
	.display-flex();
	.flex-grow(1);
	.flex-shrink(0);
	
	width: 40px;
	
	overflow: hidden;
	margin-right: 10px;
}

#dialog-post-social-updates > .content > .list .items .item .check label {
	width: 40px;
	height: 100%;
	padding-top: 24px;
}

#dialog-post-social-updates > .content > .list .items .item .body {
	.display-flex();
	.flex-grow(1);
	.flex-direction(column);
	border-radius: 3px;
	padding: 20px;
	dursor: pointer;
	padding-right: 0;
	overflow: hidden;
}

#dialog-post-social-updates > .content > .list .items .item .body .top {
	.display-flex();
	.flex-direction(column);
}

#dialog-post-social-updates > .content > .list .items .item .body .top .main {
	.flex-grow(1);
	.display-flex();
	.align-items(center);
	
	overflow: hidden;
}

#dialog-post-social-updates > .content > .list .items .item .body .top .main .type {
	.flex-shrink(0);
	.display-flex();
	.align-items(center);
	width: 200px;
	padding: 6px;
	padding-left: 14px;
	
	font-weight: 500;
	font-size: 17px; 
	color: rgba(0, 0, 0, 0.75);
}


	

#dialog-post-social-updates > .content > .create  {
	.flex-direction(column);
}

#dialog-post-social-updates > .content .create .update-types {
	padding-left: 70px;
	padding-right: 70px;
}

#dialog-post-social-updates > .content .create .destinations {
	margin: 0 auto;
	width: 500px;
}

#dialog-post-social-updates > .content .create .destinations .item {
	.display-inline-flex();
	
	cursor: pointer;
	
	padding: 8px 12px;
	background: rgba(238, 238, 238, 0.54);
	border-radius: 3px;
}

#dialog-post-social-updates > .content .create .destinations .item .avatar {
	width: 48px;
	height: 48px;
	border-radius: 48px;
	background: #eee;
	margin-right: 12px;
	position: relative;
	margin-left: 20px;
}

#dialog-post-social-updates > .content .create .destinations .item .avatar input {
	position: absolute;
	left: -28px;
	width: 20px;
	margin: 0;
}

#dialog-post-social-updates > .content .create .destinations .item .avatar .destination {
	height: 48px;
	width: 48px;
	/*background-image: url(https://pbs.twimg.com/profile_images/477340830970032129/t-LWETzh_bigger.jpeg);*/
	border-radius: 48px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#dialog-post-social-updates > .content .create .destinations .item .avatar .account {
	height: 20px;
	width: 20px;
	border-radius: 20px;
	box-shadow: 0 0 0px 2px rgb(255, 255, 255);
	position: absolute;
	right: -2px;
	bottom: -2px;
	background-size: cover;
}

#dialog-post-social-updates > .content .create .destinations .item .info {
	.display-flex();
	.flex-direction(column);
	.justify-content(center);

	padding-right: 10px;
}

#dialog-post-social-updates > .content .create .destinations .item .info .account {
	margin-bottom: 4px;
	font-weight: 500;
	color: rgb(102, 102, 102);
	font-size: 13px;
}

#dialog-post-social-updates > .content .create .destinations .item .info .type {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
	color: rgb(52, 114, 207);
}

#dialog-post-social-updates > .content .create .destinations .item .info .type i,
#dialog-post-social-updates > .content .create .destinations .item .info .type svg {
	font-size: 16px;
	width: 16px;
	margin-right: 6px;
}

#dialog-post-social-updates > .content > .screen  {
	display: none;
}

#dialog-post-social-updates > .content > .screen.show  {
	.display-flex();
}

#dialog-site-authors {
	.display-flex();
	.flex-direction(column);
	
	width: 680px;
	margin: 0 auto;
}

#dialog-site-authors .content > button.author {
	display: block;
	width: 100%;
	margin-bottom: 8px;
	
	transition: transform 0.4s, opacity 0.4s;
}

#dialog-site-authors .content > button.author > div {
	.display-flex();
	.align-items(center);
}

#dialog-site-authors .content > button.author .avatar {
	width: 48px;
	height: 48px;
	background: #eee;
	border-radius: 100%;
	margin-right: 12px;
	overflow: hidden;
	
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	
	opacity: 0.4;
	transition: opacity 0.4s;
}

#dialog-site-authors .content > button.author .info h2 {
	font-family: Rubik;
	font-weight: 500;
	font-size: 15px;
	color: rgb(185, 185, 185);
	
	transition: color 0.4s;
}

#dialog-site-authors .content > button.author:hover .info h2 {
	color: rgb(244, 12, 66);
	color: rgb(120, 120, 120);
}

#dialog-site-authors .content > button.author:hover .avatar { 
	opacity: 1;
}

#dialog-site-authors .content > button.author.current .avatar {
	/*box-shadow: 0 0 0 2px rgb(72, 72, 72) inset;*/
	opacity: 1;
}

#dialog-site-authors .content > button.author.current .info h2 {
	color: rgb(72, 72, 72);
	font-weight: 700;
}



.dialog-wrapper.anim-out #dialog-site-authors .content >  button.author.selected {
	transform: scale(4);
	transform-origin: 24px 24px;
	opacity: 0;
}
#modal-author-picker {
	width: 360px;
}

#modal-author-picker li {
	.display-flex();
	.align-items(center);
	margin-bottom: 6px;
}

#modal-author-picker li .check {
	margin-right: 6px;
}

#modal-author-picker li .avatar {
	width: 28px;
	height: 28px;
	border-radius: 32px;
	background-size: cover;
	background-position: center center;
	background-color: rgba(228, 228, 228, 0.43);
	margin-right: 8px;
}

#modal-author-picker li > label {
	.display-flex();
	.align-items(center);

	background: rgba(255, 255, 255, 0.65);
	border-radius: 3px;
	padding: 6px 10px;
	cursor: pointer;
	color: #888;
	font-weight: 500;
	font-size: 14px;
}

#modal-author-picker li.selected > label {
	color: rgb(50, 50, 50);
    background: rgb(222, 222, 222);
}
#modal-busy .content img {
	width: 140px;
	transform: translateY(-150px);
	opacity: 0;
	transition: opacity 0.7s, transform 0.3s;
}

#modal-busy .content img.show {
	opacity: 1;
	transform: translateY(0);
}
#modal-checklist {
	width: 680px;
}

#modal-checklist .checklist {
	.display-flex();
	.flex-direction(column);
	
	margin-top: 20px;
	margin-bottom: 20px;
}

#modal-checklist .checklist .item {
	.display-flex();
	.flex-direction(row);
	
	border-bottom: 1px solid #ddd;
	padding: 14px;
}

#modal-checklist .checklist .item:last-child {
	border-bottom: none;
}


#modal-checklist .checklist .item .icon {
	.display-flex();
	.flex-direction(row);
	.justify-content(center);
	
	width: 32px;
	margin-right: 8px;
	padding-top: 5px;
}

#modal-checklist .checklist .item .icon svg {
	font-size: 16px;
	color: black;
}


#modal-checklist .checklist .item .text {
	font-weight: 500;
	max-width: 80%;
	line-height: 1.4;
}

#modal-checklist .checklist .item .text span {
	color: @link-highlight-color;
	text-decoration: underline;
	font-weight: 500;
}


#modal-configure-form-field-options {
	
}
#modal-configure-form-field-options .enable-form-redirection {
	display: block;
	margin-bottom: 16px;
}

#modal-configure-form-field-options .options .option {
	.display-flex();
	margin-bottom: 6px;
}

#modal-configure-form-field-options .options .option {
	.display-flex();
}

#modal-configure-form-field-options .options .option .actions {
	margin-left: 6px;
}

#modal-configure-form-field-options .options .option .actions.left {
	order: -1;
	padding: 0;
	.display-flex();
	
	margin-right: 6px;
}

#modal-configure-form-field-options .options .option input[data-field="label"] {
	margin-right: 8px;
}

#modal-configure-form-field-options .options .option input[data-field="emailTo"] {
	display: none;
}

#modal-configure-form-field-options.show-email .options .option input[data-field="emailTo"] {
	display: inline;
}

#modal-configure-form-field-options.show-email .header .email-to {
	display: block;
}

#modal-configure-form-field-options .options .option .actions button {
	margin: 0 2px;
}

#modal-configure-form-field-options .options .option .actions button > div {
	min-width: 44px;
	padding: 12px 8px;
	background: linear-gradient(0, rgb(230, 230, 230), rgb(242, 241, 241));
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #ddd;
}

#modal-configure-form-field-options .header {
	.display-flex();
	padding-left: 108px;
	margin-bottom: 6px;
}

#modal-configure-form-field-options .header .label {
	width: 120px;
}

#modal-configure-form-field-options .header .email-to {
	width: 120px;
	display: none;
}

#modal-configure-form-field-options .header .label,
#modal-configure-form-field-options .header .email-to {
	width: 250px;
}



#modal-configure-template-entity {
	max-width: ~"calc(100% - 64px)";
	width: 1024px;
}

#modal-configure-template-entity .configuration {
	
}

#modal-configure-template-entity .configuration .setting {
	.display-flex();
	padding: 4px 2px;
	border-bottom: 1px solid #ddd;
}

#modal-configure-template-entity .configuration .setting-content {
	.display-flex();
	.flex-grow(1);
}

#modal-configure-template-entity .configuration .setting .description {
	width: 240px;
    line-height: 28px;
    height: 28px;
}

#modal-configure-template-entity .configuration .setting .state {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	.flex-shrink(0);
	
	width: 36px;
	height: 28px;
}

#modal-configure-template-entity .configuration .setting .state input {
	margin: 0;
	padding: 0;
}

#modal-configure-template-entity .configuration .setting .input {
	.flex-grow(1);
}

#modal-configure-template-entity .configuration .setting .input > input[type="text"],
#modal-configure-template-entity .configuration .setting .input > select {
	width: 100%;
}

#modal-configure-template-entity .configuration .setting.type-font .setting-content {
	.flex-direction(column);
}
#modal-confirm {
	width: 480px;
}


#modal-dataset-record-picker {
	width: 100%;
	max-width: 720px;
}


#modal-date-time-picker {
	max-width: 780px;
}

#modal-date-time-picker .content > .input {
	.display-flex();
	.flex-direction(row);
}

#modal-date-time-picker .content > .input .left {
	margin-right: 48px;
	.flex-basis(0);
	.flex-shrink(0);
	.flex-grow(1);
	.align-items(center);
}


#modal-date-time-picker .content > .input .right {
	.display-flex();
	.flex-basis(0);
	.flex-shrink(0);
	.flex-grow(1);
	.align-items(center);
}

#modal-date-time-picker .view-datetime-picker-nav {
	margin-bottom: 16px;
}

#modal-date-time-picker .view-datetime-picker > .view-month .row {
	background: white;
}

#modal-date-time-picker .view-datetime-picker > .view-month .row .day {
	cursor: pointer;
	border-right: 1px solid #ddd;
}

#modal-date-time-picker .view-datetime-picker > .view-month .row .day span {
	font-weight: 500;
}

#modal-date-time-picker .view-datetime-picker > .view-month .row .day .number {
	padding: 10px 8px;
	text-align: right;
}

#modal-date-time-picker .view-datetime-picker > .view-month .row .day.selected {
	background: linear-gradient(45deg, rgb(225, 0, 167) 0%, rgb(246, 182, 0) 100%);
	color: white;
	
}

#modal-date-time-picker .view-datetime-picker > .view-month .row .day.selected span {
	color: white;
}

#modal-date-time-picker .view-datetime-picker > .view-month .row .day.previous-month, 
#modal-date-time-picker .view-datetime-picker > .view-month .row .day.next-month  {
	background: rgb(233, 231, 231);
}

.view-datetime-picker > .view-month .row {
	border-bottom: 1px solid #ddd;
}
#modal-embed {
	.display-flex();
	.flex-direction(column);
	width: 630px;
	
}

#modal-embed .content .preview {
	.display-flex();
	border: 1px solid rgba(0, 0, 0, .1);
	background: white;
	margin-top: 6px;
}

#modal-embed .content .preview .image {
	border-right: 1px solid rgba(0, 0, 0, .1);
}

#modal-embed .content .preview .image img {
	max-width: 200px;
	max-height: 200px;
	margin: 3px;
}

#modal-embed .content .preview .info  {
	.flex-grow(1);
}

#modal-embed .content .preview .info .type {
	background: rgb(248, 248, 248);
	padding: 8px 12px;
	font-size: 12px;
	font-weight: 500;
	color: rgb(138, 138, 138);
}

#modal-embed .content .preview .info .title {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.25;
	margin: 10px 12px;
}

#modal-embed .content .preview .placeholder {
	display: none;
}

#modal-embed .content .preview.empty .placeholder {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	.flex-grow(1);
	background: rgb(252, 252, 252);
}

#modal-embed .content .preview.empty .image {
	display: none;
}

#modal-embed .content .preview.empty .info {
	display: none;
}


#modal-image-settings {
	.display-flex();
	.flex-direction(column);
	max-width: 960px;
	width: 100%;
}

#modal-image-settings .content {
	padding: 0;
}

#modal-image-settings .content .choose-image {
	padding: 32px;
}

#modal-image-settings .content .choose-image,
#modal-image-settings .content .edit-image,
#modal-image-settings .content .focus-point,
#modal-image-settings .content .current-image {
	display: none;
}

#modal-image-settings .content[data-screen="choose-image"] .choose-image,
#modal-image-settings .content[data-screen="edit-image"] .edit-image,
#modal-image-settings .content[data-screen="focus-point"] .focus-point,
#modal-image-settings .content[data-screen="current-image"] .current-image {
	.display-flex();
}

#modal-image-settings .content .current-image .preview {
	.display-flex();
	.flex-grow(1);
	.flex-basis(0);
	.flex-shrink(0);
	.flex-direction(column);
	
	border-right: 1px solid #e5e5e5;
}

#modal-image-settings .content .current-image .preview header {
	background: white;
	padding: 8px;
}

#modal-image-settings .content .current-image .preview .media {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	.flex-grow(1);
	.user-select(none);
	padding: 32px;
	position: relative;
}

#modal-image-settings .content .current-image .preview .media img {
	max-width: 100%;
	max-height: 400px;
	box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.13);
	position: relative;
	
	.user-select(none);
}

#modal-image-settings .choose-image {
	.display-flex();
}

#modal-image-settings .content .current-image .focus-point {
	width: 48px;
	height: 48px;
	background: red;
	position: absolute;
	display: block;
	pointer-events: none;
	.user-select(none);
	display: none;
}

#modal-image-settings .content .current-image .info {
	.flex-shrink(0);
	.flex-basis(0);
	.flex-grow(1);
	padding: 32px;
}

#modal-image-settings .content .current-image .info > * {
	margin-bottom: 16px;
}

#modal-image-settings .content .current-image .info > * div {
	margin-bottom: 8px;
	font-weight: 500;
	color: rgb(119, 119, 119);
	font-size: 14px;
}

#modal-image-settings .content .current-image .info > * input {
	width: 100%;
}

#modal-image-settings .content .current-image .info > *:last-child {
	margin-bottom: 0;
}


#modal-image-settings .choose-image .tab[data-tab="choose"] .upload {
	width: 400px;
	height: 160px;
	
	position: relative;
}

#modal-image-settings .content[data-screen="choose-image"] .choose-image .ui-tabstrip {
	width: 100%;
}

#modal-image-settings .content[data-screen="choose-image"] .choose-image .content .tab[data-tab="choose"] .left > div {
  .display-flex();
  .align-items(center);
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(234, 234, 234);
}

#modal-image-settings .content[data-screen="choose-image"] .choose-image .content .tab[data-tab="choose"] .left > div:last-child {
  border-bottom: none;
}

#modal-image-settings .content[data-screen="choose-image"] .choose-image .content .tab[data-tab="choose"] .left > div > .label {
  width: 220px;
}


#modal-image-settings .content[data-screen="choose-image"] .choose-image .content .tab[data-tab="choose"] .left div.url {
	display: none;	
}

#modal-image-settings .content[data-screen="choose-image"] .choose-image .content .tab[data-tab="choose"] .left div.article {
	display: none;	
}
#modal-post-visibility {
	
}

#modal-post-visibility .content {
	
}

#modal-post-visibility .content .options {
	.display-flex();
}

#modal-post-visibility .content .options .option {
	.display-flex();
	.flex-direction(column);
	.align-items(center);
	margin: 0 8px;
	width: 180px;
	font-size: 15px;
	border-radius: 3px;
	border: 1px solid #ddd;
	text-align: center;
	position: relative;
	overflow: hidden;
}

#modal-post-visibility .content .options .option input {
	width: 40px;
	height: 40px;
	margin-left: -40px;
	margin-top: -40px;
}

#modal-post-visibility .content .options .option label {
	padding: 16px;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#modal-post-visibility .content .options .option input:checked + label {
	background: red;
}

#modal-post-visibility .content .options .option svg {
	font-size: 18px;
	margin-bottom: 6px;
}


#modal-post-visibility .content .option-password {
	display: none;
	.flex-direction(column);
}

#modal-post-visibility .content .option-password.show {
	.display-flex();
}


#modal-social-updates {
	width: 780px;
}
#modal-social-updates > .screen {
	display: none;
}
#modal-social-updates > .screen.show {
	display: block;
}

#modal-social-updates .list-updates {
	.display-flex();
	.flex-direction(column);
	
	height: 300px;
	background: rgb(225, 225, 225);
	overflow-y: scroll;
	margin-top: 10px;
}

#modal-social-updates .list-updates .item {
	.display-flex();
	border-bottom: 1px solid rgba(119, 119, 119, 0.18);
	padding: 12px;
}

#modal-social-updates .screen.add .content .select-type {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	margin-bottom: 16px;
}

#modal-social-updates .screen.add .content .select-type .update-types .item label {
	.flex-direction(row);
}

#modal-social-updates .screen.add .content .select-type .update-types .item label .icon {
	margin-bottom: 0;
}

#modal-social-updates .screen.add .content .select-type .update-types .item label .icon svg {
	font-size: 20px;
	margin-right: 8px;
}

#modal-social-updates .screen.add .content .select-type h3 {
	.flex-grow(1);
}

#modal-social-updates .screen.add .content .input-type {
	display: none;
	margin-bottom: 16px;
	background: rgb(255, 255, 255);
	padding: 12px;
}

#modal-social-updates .screen.add .content .input-type.show {
	display: block;
}

#modal-social-updates .screen.add .content .input-type.shareMedia.show,
#modal-social-updates .screen.add .content .input-type.shareLink.show {
	display: flex;
}

#modal-social-updates .screen.add .content .input-type.shareMedia .file,
#modal-social-updates .screen.add .content .input-type.shareMedia .message {
	.flex-grow(1);
	.flex-basis(0);
}

#modal-social-updates .screen.add .content .input-type.shareLink .link,
#modal-social-updates .screen.add .content .input-type.shareLink .message {
	.flex-grow(1);
	.flex-basis(0);
}

#modal-social-updates .screen.add .content .input-type.shareLink .link {
	margin-left: 12px;
}

#modal-social-updates .screen.add .content .input-type .message textarea {
	width: 100%;
	height: 140px;
	font-size: 14px;
	padding: 4px;
	border: 1px solid #ddd;
}

#modal-social-updates .screen.add .content .destinations {
	padding: 12px;
	background: white;
	margin-bottom: 16px;
}

#modal-social-updates .screen.add .content .publish {
	padding: 12px;
	background: white;
}

#modal-social-updates .screen.add .content .list-destinations {
	.display-flex();
	.flex-wrap(wrap);
}

#modal-social-updates .screen.add .content .list-destinations .item {
	.display-flex();
	.flex-grow(1);
	.flex-basis(0);
	min-width: 30%;
	margin-right: 8px;
	font-size: 13px;
	background:white;
	border-radius:3px;
	margin-bottom: 8px;
}

#modal-storyline-picker {
	max-width: 100%;
	width: 640px;
}

#modal-storyline-picker .available-storylines ul {
	background: white;
}

#modal-storyline-picker .available-storylines ul li {
	.display-flex();
	.align-items(stretch);
	
	border-bottom: 1px solid #eee;
}

#modal-storyline-picker .available-storylines ul li > label {
	.display-flex();
	.flex-grow(1);
	.align-items(center);
}

#modal-storyline-picker .available-storylines ul li .ui-checkbox label {
	padding: 8px;
}

#modal-upload-files {
	max-width: 540px;
	width: 100%;
}

#modal-upload-files > .content {
	
}

#modal-upload-files > .content > * {
	display: none;
}

#modal-upload-files .content[data-screen="choose-image"] > .choose-image {
	display: block;
}

#modal-upload-files .content[data-screen="selected-files"] > .selected-files {
	display: block;
}

#modal-upload-files .content[data-screen="upload-progress"] > .upload-progress {
	display: block;
}

#modal-upload-files .content .selected-files {
	
	.file {
		font-weight: 500;
		color: rgb(51, 51, 51);
		font-size: 14px;
		
		.display-flex();
		
		.name {
			.flex-grow(1);
			.flex-basis(0%);
			
			padding-right: 16px;
			
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		
		.size {
			.flex-grow(0);
			.flex-shrink(0);
		}
	}
	
}

#modal-upload-files .upload-progress > * {
	.display-flex();
	.align-items(center);
	margin-bottom: 8px;
}

#modal-upload-files .upload-progress > * > div {
	.display-flex();
	.flex-grow(1);
	.flex-basis(0%);
	.flex-shrink(0);

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#modal-user-social-account-picker {
	width: 560px;
	height: 100%;
	overflow: hidden;
	
	.display-flex();
	.flex-direction(column);
}

#modal-user-social-account-picker > .content {
	.display-flex();
	.flex-direction(column);
	overflow: hidden;
}

#modal-user-social-account-picker .screen.list,
#modal-user-social-account-picker .screen.list > .connections,
#modal-user-social-account-picker .screen.list .ui-tabstrip {
	.flex-grow(1);
	height: 100%;
	overflow: hidden;
	.display-flex();
	.flex-direction(column);
}

#modal-user-social-account-picker .screen.list .ui-tabstrip > .content {
	.flex-grow(1);
	overflow-y: auto;
}
#modal-widget-picker {
	width: 640px;
}

#modal-widget-picker .available-widgets {
	.display-flex();
	.flex-wrap(wrap);
	
	max-height: 300px;
	overflow-y: auto;
}

#modal-widget-picker .available-widgets button,
#modal-widget-picker .available-widgets .filler {
	.flex-basis(0);
	.flex-grow(1);
	min-width: 160px;
	margin-bottom: 12px;
	margin-right: 12px;
}

#modal-widget-picker .available-widgets .filler {
	margin-bottom: 0;
}

#modal-widget-picker .available-widgets button >  div {
	.display-flex();
	.flex-direction(column);
	.align-items(center);
	.justify-content(center);
	background: rgb(233, 233, 233);
	padding: 16px;
}

#modal-widget-picker .available-widgets button > div svg {
	margin-bottom: 4px;
}
.popup.context-menu.attachment-left-top.add-fragment {
	margin-top: 5px !important;
}



#root > #popup-container > .popup.calendar-create {
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.34),0 9px 46px 8px rgba(0,0,0,0.32),0 11px 15px -7px rgba(0,0,0,0.1);
	border-radius: 4px;
	overflow: hidden;
	
	background: white;
}

#root > #popup-container > .popup.calendar-create .description {
	padding: 14px;
	font-weight: 500;
	font-size: 13px;
	background: rgb(75, 75, 75);
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.5);
}

#root > #popup-container > .popup.calendar-create .description span {
	color: white;
}

#root > #popup-container > .popup.calendar-create .list.list-entities-create {
	padding-bottom: 5px;
}

#root > #popup-container > .popup.calendar-create .list.list-entities-create a {
	padding-left: 13px;
}

#root > #popup-container > .popup.calendar-item {
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.34),0 9px 46px 8px rgba(0,0,0,0.32),0 11px 15px -7px rgba(0,0,0,0.1);
	border-radius: 4px;
	overflow: hidden;
	
	background: white;
}



#root > #popup-container > .popup.calendar-item .header {
	height: 140px;
	background: green;
	position: relative;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-radius: 3px;
	
	margin: 4px;
}

#root > #popup-container > .popup.calendar-item[data-content-type="cmscontent--"] .header {
	background-color: @calendar-background-color-type-cmscontent;
}

#root > #popup-container > .popup.calendar-item[data-content-type="event--"] .header {
	background-color: @calendar-background-color-type-event;
}

#root > #popup-container > .popup.calendar-item[data-content-type="media-mobypicture-photo"] .header,
#root > #popup-container > .popup.calendar-item[data-content-type="media-mobypicture-video"] .header,
#root > #popup-container > .popup.calendar-item[data-content-type="media-mobypicture-audio"] .header {
	background-color: @calendar-background-color-type-mobypicture;
}

#root > #popup-container > .popup.calendar-item .header h1 {
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.61));
	padding: 10px;
	padding-top: 60px;
	font-size: 15px;
	color: white;
	font-family: Helvetica, Arial, sans-serif;
	right: 0;
}

#root > #popup-container > .popup.calendar-item .header .actions {
	top: 0;
	right: 0;
}


#root > #popup-container > .popup.color {
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.34),0 9px 46px 8px rgba(0,0,0,0.32),0 11px 15px -7px rgba(0,0,0,0.1);
	border-radius: 4px;
	overflow: hidden;
	
	background: white;
	width: 560px;
}

#root > #popup-container > .popup.color > .content > .input {
	.display-flex();
	.flex-direction(row);
	padding: 20px;
}

#root > #popup-container > .popup.color > .content > .input .preview {
	width: 100%;
	
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #eee;
}

#root > #popup-container > .popup.color > .content > .input .preview .color {
	height: 40px;
	width: 100%;
	background: #eee;
}


#root > #popup-container > .popup.color > .content > .input .sp-container {
	.flex-shrink(0);
}

#root > #popup-container > .popup.color > .content > .input .data {
    width: 240px;
    margin-right: 20px;
}

#root > #popup-container > .popup.color > .content > .input .data .rgba {
	
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #eee;
}

#root > #popup-container > .popup.color > .content > .input .data .rgba > div ,
#root > #popup-container > .popup.color > .content > .input .data .hex {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	margin-bottom: 4px;
}

#root > #popup-container > .popup.color > .content > .input .data .title {
	.flex-shrink(0);
	
	width: 100px;
	color: rgba(136, 136, 136, 0.63);
	font-weight: 500;
	text-transform: uppercase;
	font-size: 13px;
}

#root > #popup-container > .popup.color > .content > .input .data input {
	width: 120px;
}

#root > #popup-container > .popup.color > .content .lib-spectrum-input-container {
	.align-self(flex-start);
	background: rgb(243, 243, 243);
	padding-right: 8px;
	position: relative;
}


#root > #popup-container > .popup.color > .actions {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	.justify-content(center);
	
	padding: 10px;
	background: #eee;
}


.popup.context-menu,
.ui-context-menu {
	background: white;
	border-radius: 4px;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
	margin-top: 7px;
}

.popup.context-menu::before,
.ui-context-menu::before {
    content: ' ';
    width: 12px;
    height: 12px;
    transform: rotate(135deg);
    position: absolute;
    right: 14px;
    top: -6px;
    z-index: 9999999999998;
    background: rgb(255, 255, 255);
    clip-path: polygon(0 0, 0 0, 100% 100%, 0 100%);
}

.popup.context-menu.attachment-left-top,
.ui-context-menu.attachment-left-top {

}

.popup.context-menu.attachment-left-top::before,
.ui-context-menu.attachment-left-top::before {
	transform: rotate(45deg);
	margin-top: 0;
	margin-left: 0;
	left: -6px;
	top: 12px;
	right: unset;
}

.popup.context-menu .list {

}

.popup.context-menu .list li,
.ui-context-menu .list li {
	.display-flex();
	.flex-direction(column);
}

.popup.context-menu .list li button,
.ui-context-menu .list li button,
.popup.context-menu .list li a,
.ui-context-menu .list li a {
	width: 100%;
}

.popup.context-menu .list li:first-child button > div,
.ui-context-menu .list li:first-child button > div,
.popup.context-menu .list li:first-child a,
.ui-context-menu .list li:first-child a {
	border-radius: 4px 4px 0 0;
}

.popup.context-menu .list li:last-child button > div,
.ui-context-menu .list li:last-child button > div,
.popup.context-menu .list li:last-child a,
.ui-context-menu .list li:last-child a {
	border-radius: 0 0 4px 4px;
}

.popup.context-menu .list li:first-child:last-child button > div,
.ui-context-menu .list li:first-child:last-child button > div,
.popup.context-menu .list li:first-child:last-child a,
.ui-context-menu .list li:first-child:last-child a {
	border-radius: 4px;
}

.popup.context-menu .list li button > div,
.ui-context-menu .list li button > div,
.popup.context-menu .list li a,
.ui-context-menu .list li a {
	.display-flex();
	.align-items(center);
	color: rgb(85, 85, 85);
	padding: 12px 10px;
	font-size: 14px;
	font-weight: 500;
	font-family: inherit;
	border-bottom: 1px solid rgb(238, 238, 238);
	overflow: hidden;
}

.popup.context-menu .list li:last-child button > div,
.ui-context-menu .list li:last-child button > div {
	border-bottom: none;
}

.popup.context-menu .list li button > div svg,
.ui-context-menu .list li button > div svg,
.popup.context-menu .list li a svg,
.ui-context-menu .list li a svg {
	margin-right: 8px;
	width: 16px;
	font-size: 16px;
	color: rgb(85, 85, 85);
}

.popup.context-menu .list li button:hover > div,
.popup.context-menu .list li button:hover > div svg ,
.ui-context-menu .list li button:hover > div,
.ui-context-menu .list li button:hover > div svg ,
.popup.context-menu .list li a:hover,
.popup.context-menu .list li :hover svg ,
.ui-context-menu .list li a:hover,
.ui-context-menu .list li a:hover svg { 
	color: rgb(244, 12, 66);
}

.popup.context-menu .list li button > div,
.popup.context-menu .list li button > div svg,
.ui-context-menu .list li button > div,
.ui-context-menu .list li button > div svg { 
	transition: color 0.2s, background 0.2s;
}

.popup.context-menu .list li button:hover > div,
.ui-context-menu .list li button:hover > div { 
	background: rgb(249, 249, 249);
}

#root > #popup-container > .popup.font-family {
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.34),0 9px 46px 8px rgba(0,0,0,0.32),0 11px 15px -7px rgba(0,0,0,0.1);
	border-radius: 4px;
	overflow: hidden;
	
	background: white;
}


#root > #popup-container > .popup.font-size {
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.34),0 9px 46px 8px rgba(0,0,0,0.32),0 11px 15px -7px rgba(0,0,0,0.1);
	border-radius: 4px;
	overflow: hidden;
	
	background: white;
}


#root > #popup-container > .popup.font-style {
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.34),0 9px 46px 8px rgba(0,0,0,0.32),0 11px 15px -7px rgba(0,0,0,0.1);
	border-radius: 4px;
	overflow: hidden;
	
	background: white;
}



#root > #popup-container > .popup.text-link {
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.34),0 9px 46px 8px rgba(0,0,0,0.32),0 11px 15px -7px rgba(0,0,0,0.1);
	border-radius: 4px;
	overflow: hidden;
	
	background: white;
}


#page-account-settings .ui-page-wrapper .content .tab .actions {
	padding: 10px 30px;
	border-top: 1px solid rgb(221, 221, 221);
	text-align: center;
}

#page-account-settings .ui-page-wrapper .content .tab {
	padding: 0;
}

#page-account-settings .ui-page-wrapper .content .tab > .wrapper {
	padding: 30px;
	background: rgba(255, 255, 255, 0.7);
}

#page-site-overview {
	.display-flex();
	.flex-direction(row);
	.flex-grow(1);
	
	padding: 32px;
}

#page-site-overview .main-section {
	.display-flex();
	.flex-direction(column);
	.flex-grow(2);
	.flex-basis(0);
	
	margin-right: 32px;
}

#page-site-overview .main-section .calendar-day {
	.display-flex();
	.flex-direction(column);
	.flex-grow(4);
}

#page-site-overview .main-section .calendar-agenda {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	margin-top: 32px;
}

#page-site-overview .content-section {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	.flex-basis(0);
	
	margin-right: 32px;
}

#page-site-overview .extra-section {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	.flex-basis(0);
}

#page-site-overview .extra-section .stats {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	.flex-basis(0);
}

#page-site-overview .extra-section .news {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	.flex-basis(0);
	
	margin-top: 32px;
}



@media (max-width: 768px) {
	
	#page-site-overview {
		.display-flex();
		.flex-direction(column);
		.flex-grow(1);

		padding: 10px;
	}
	
	#page-site-overview .main-section,
	#page-site-overview .content-section {
		margin-right: 0;
	}
	
	#page-site-overview .main-section .calendar-day {
		height: 288px;
	}
	
	#page-site-overview .main-section .calendar-agenda {
		height: 166px;
		margin-top: 22px;
	}
	
	#page-site-overview .content-section {
		.flex-basis(unset);
		.flex-grow(unset);
		margin-top: 22px;
		height: 288px;
	}
	
	#page-site-overview .extra-section .stats {
		.flex-basis(unset);
		
		height: 288px;
		margin-top: 22px;
		
	}
	
	#page-site-overview .extra-section .news {
		.flex-basis(unset);
		
		height: 288px;
		margin-top: 22px;
		
	}


}
#page-home .list-sites.container {
	position: relative;
}

#main.app-page {
	padding-top: 30px;
}
#main.app-page > div {
    width: 600px;
	max-width: 100%;
    margin: 0 auto;
}

#main.app-page header {
    text-align: center;
    margin-bottom: 36px;
    margin-top: 20px;
    display: block;
}

#main.app-page header img {
    width: 320px;
}

#main.app-page #content {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	.flex-direction(column);
	margin: 0 auto;
}

#main.app-page #content.form .ui-text-input {
	margin-bottom: 8px;
}

#page-session-auth {
    
}


#main.app-page #page-login #content {
	max-width: 360px;
}

#main.app-page #page-login #content .ui-text-input {
	width: 100%;
}
#page-login {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	.flex-direction(column);
	height: 100%;
}

#page-login > #content {
    max-width: 360px;
    width: 100%;
}
#page-site-customtemplate {
	.display-flex();
	.flex-direction(column);
}
#page-site-datasets {
  .display-flex();
  .flex-direction(column);
}
#page-site-datasets .view-dataset-data {
  height: 100%;
  overflow: hidden;
  margin-bottom: 64px;
}

#page-site-datasets .view-dataset-data {
  height: 100%;
  overflow: hidden;
  
}

#page-site-datasets .view-dataset-data .dataset-data {
  overflow-x: scroll;
}



#page-site-overview {
	.display-flex();
	.flex-direction(row);
	.flex-grow(1);
	
	padding: 32px;
}

#page-site-overview .main-section {
	.display-flex();
	.flex-direction(column);
	.flex-grow(5);
	.flex-basis(0);
	
	margin-right: 32px;
}

#page-site-overview .main-section .calendar-day {
	.display-flex();
	.flex-direction(column);
	.flex-grow(4);
	
}

#page-site-overview .main-section .calendar-agenda {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	margin-top: 32px;
}

#page-site-overview .content-section {
	.display-flex();
	.flex-direction(column);
	.flex-grow(3);
	.flex-basis(0);
	
	margin-right: 32px;
}

#page-site-overview .content-section .recent-content {
	
}

#page-site-overview .extra-section {
	.display-flex();
	.flex-direction(column);
	.flex-grow(2);
	.flex-basis(0);
	
	overflow: hidden;
}

#page-site-overview .extra-section .stats {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	.flex-basis(0);
	
}

#page-site-overview .extra-section .stats .content {
	.display-flex();
	.flex-direction(column);
}

#page-site-overview .extra-section .stats .content h2 {
	margin: 16px;
	margin-bottom: 16px;
	font-size: 16px;
}

#page-site-overview .extra-section .stats .content .items {
	.display-flex();
	.flex-wrap(wrap);
}

#page-site-overview .extra-section .stats .content .item {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	.flex-basis(0);
	min-width: 34%;
	padding: 0 16px;
	margin-bottom: 16px;
}

#page-site-overview .extra-section .stats .content .item .label {
	.flex-grow(1);
	font-size: 14px;
	font-weight: 500;
	color: rgb(156, 156, 156);
	margin-bottom: 8px;
}

#page-site-overview .extra-section .stats .content .item .value {
	font-size: 18px;
}

#page-site-overview .extra-section .stats .content .item .value span em {
	color: rgb(125, 125, 125);
	font-style: normal;
	
}


#page-site-overview .extra-section .news {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	.flex-basis(0);
	
	margin-top: 32px;
}


@media (max-width: 768px) {
	
	#page-site-overview {
		.display-flex();
		.flex-direction(column);
		.flex-grow(1);

		padding: 10px;
	}
	
	#page-site-overview .main-section,
	#page-site-overview .content-section {
		margin-right: 0;
	}
	
	#page-site-overview .main-section .calendar-day {
		height: 288px;
	}
	
	#page-site-overview .main-section .calendar-agenda {
		height: 166px;
		margin-top: 22px;
	}
	
	#page-site-overview .content-section {
		.flex-basis(unset);
		.flex-grow(unset);
		margin-top: 22px;
		height: 288px;
	}
	
	#page-site-overview .extra-section .stats {
		.flex-basis(unset);
		
		height: 288px;
		margin-top: 22px;
		
	}
	
	#page-site-overview .extra-section .news {
		.flex-basis(unset);
		
		height: 288px;
		margin-top: 22px;
		
	}


}
#page-site-settings {
	.display-flex();
	.flex-direction(column);
}
#page-site-social {
	.display-flex();
	.flex-direction(column);
}

#page-site-social .tab[data-tab="updates"] .list-updates-container {
	width: 1020px;
	margin: 0 auto;
}

#page-site-social .tab[data-tab="messages"] .conversations {
	width: 440px;
	.display-flex();
	.flex-direction(column);
}

#page-site-social .tab[data-tab="messages"] .conversations .list {
	flex-grow: 1;
	background: rgb(255, 255, 255);
	border: 1px solid rgb(221, 221, 221);
	margin-right: 20px;
}

.list.list-social-conversations .list-item {
	display: flex;
	height: 58px;
	border-bottom: 1px solid #ddd;
	align-items: center;
	padding-left: 10px;
}

.list.list-social-conversations .list-item .avatar {
    width: 38px;
    height: 38px;
    border-radius: 32px;
    margin-right: 12px;
    background: #999;
}

.list.list-social-conversations .list-item .name {
	font-weight: bold;
	font-size: 14px;
}

.list.list-social-conversations .list-item .middle {
	
}

.list.list-social-conversations .list-item .middle .top {
	margin-bottom: 3px;
}

.list.list-social-conversations .list-item .middle .bottom {
    font-size: 12px;
    font-weight: 500;
    color: #999;
}

.list.list-social-conversations .list-item .middle .right {
	width: 32px;
}


#page-site-social .tab[data-tab="messages"] .messages {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
}

#page-site-social .tab[data-tab="messages"] .messages .list {
	flex-grow: 1;
	background: rgb(255, 255, 255);
	border: 1px solid rgb(221, 221, 221);
}


.list.list-social-messages .list-item {
	display: flex;
	height: 58px;
	border-bottom: 1px solid #ddd;
	align-items: center;
	padding-left: 10px;
}

.list.list-social-messages .list-item .avatar {
    width: 38px;
    height: 38px;
    border-radius: 32px;
    margin-right: 12px;
    background: #999;
}

#page-site-social .ui-tabstrip > .content > .tab.selected {
	.display-flex();
}


#page-site-social .tab[data-tab="accounts"] {
	.flex-direction(column);
	.align-items(flex-start);
}
#page-site-website-profile-component {
	.display-flex();
	.flex-direction(column);
}

#page-site-website-profile-component .editor-toolbar,
#page-site-website-profile-component2 .editor-toolbar {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	height: 96px;
	padding-left: 16px;
	padding-right: 16px;
}

#page-site-website-profile-component2 .editor-toolbar button[data-action="save"] {
	margin-left: auto;
}

#page-site-website-profile-component .editor-container {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	overflow: hidden;
}

#page-site-website-profile-component .editor-container .editor {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	overflow: hidden;
}

#page-site-website-profile-component .editor-container .editor .stage {
	.display-flex();
	.flex-grow(1);
	
	margin-bottom: 0;
	overflow: hidden;
}

#page-site-website-profile-component .editor-container .editor .stage .sidebar {
	width: 360px;
	margin-right: 32px;
	height: 100%;
	overflow: hidden;
}

#page-site-website-profile-component .editor-container .editor .stage .sidebar .settings {

}

#page-site-website-profile-component2  {
	.display-flex();
}

#page-site-website-profile-component2 .view-content-component-editor .sidebar {
	display: none;
} 

#page-site-website-profile-component2 .view-content-component-editor .sidebar {
	display: none;
} 


#page-site-website-profile-component2 .editor-container {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	overflow: hidden;
}

#page-site-website-profile-component2 .editor-container .editor {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	overflow: hidden;
}

#page-site-website-profile-component2 .editor-container .editor .stage {
	.display-flex();
	.flex-grow(1);
	
	margin-bottom: 0;
	overflow: hidden;
}

#page-site-website-profile-component2 .view-content-component-editor > .stage > .main iframe {
	border: none;
}
#page-site-website-profile-assets {
	.display-flex();
	.flex-direction(column);
}

#page-site-website-profile-assets {
	.display-flex();
	.flex-direction(column);
}

#page-site-website-profile-assets .ui-page-section.grow > .ui-page-wrapper {
	.display-flex();
	.flex-direction(column);
}

#page-site-website-profile-assets .file-list-container {
	.display-flex();
	.flex-direction(column);
	overflow: hidden;
	height: 100%;
	padding-bottom: 32px;
	
	a {
		color: rgb(51, 51, 51);
		font-weight: 500;
		font-size: 14px;
	}
}

#page-site-website-profile-javascripts {
	.display-flex();
	.flex-direction(column);
}
#page-site-website-profile-javascripts .javascript-editor {
	height: 100%;
}
#page-site-website-profile-javascripts .javascript-editor .view-javascript-editor {
	height: 100%;
}
#page-site-website-profile-stylesheets {
	.display-flex();
	.flex-direction(column);
}
#page-site-website-profile-stylesheets .stylesheet-editor {
	height: 100%;
}
#page-site-website-profile-stylesheets .stylesheet-editor .view-stylesheet-editor {
	height: 100%;
}
#page-site-website-profile {
	.display-flex();
	.flex-direction(row);
}

#page-site-website-profile .site-website-profile-child-content {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	
	background: rgba(221, 221, 221, 0.93);
	z-index: 5;
	opacity: 1;
	
	overflow: hidden;
}

.ui-page-sidebar {
	.flex-shrink(0);
	width: 320px;
	background: rgb(64, 67, 81);
	box-shadow: 0 1px 6px 0 rgba(34, 34, 34, 0.7);
	z-index: 6;
}

.ui-page-sidebar h1 {
	.flex-grow(1);
	color: rgba(255, 255, 255, 0.28);
	font-size: 29px;
	font-weight: 700;
	margin-bottom: 28px;
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding-left: 24px;
}

.ui-page-sidebar .header {
	.display-flex();
	.align-items(center);
	
	height: 100px;
}

.ui-page-sidebar .header .toggle {
	width: 48px;
	position: relative;
	height: 48px;
	border-radius: 4px;
	text-align: center;
	font-size: 20px;
	padding-right: 2px;
	color: rgba(255, 255, 255, 0.28);
	margin-right: 16px;
	margin-top: 1px;
}

.ui-page-sidebar .header .toggle svg.fa-times {
	display: inline-block;
}

.ui-page-sidebar .header .toggle svg.fa-bars {
	display: none;
}

.ui-page-sidebar ul.nav-items {
	font-weight: 500;
	font-size: 14px;
	
}

.ui-page-sidebar ul.nav-items li {
	margin-left: 4px;
	margin-right: 4px;
	color: rgba(255, 255, 255, 0.54);
	margin-bottom: 2px;
}

.ui-page-sidebar ul.nav-items li > a {
	padding: 11px 24px;
	color: inherit;
	display: block;
	transition: color 0.25s, background 0.25s;;
	border-radius: 2px;
}

.ui-page-sidebar ul.nav-items li > a:hover {
    color: white;
	background: rgba(255, 255, 255, 0.11);
}

.ui-page-sidebar ul.nav-items li svg {
	font-size: 16px;
	width: 16px;
	text-align: center;
	margin-right: 6px;
}

.ui-page-sidebar ul.nav-items li.selected {
	background: rgb(244, 12, 66);
	color: white;
	border-radius: 2px;
}

.ui-page-sidebar ul.nav-items li.selected a {
	background: rgb(244, 12, 66);
	color: white;
}

#page-site-website-profile .ui-page-section.page-header-fixed {
	
}
#page-site-website-setup {
	.display-flex();
	.flex-direction(column);
}

#page-site-website-setup .group {
	margin-bottom: 20px;
}

#page-site-website-setup .group h3 {
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 18px;
}

#page-site-website-setup .group .items {
	padding: 20px;
	background: white;
}

#page-site-website-setup .group .items .item {
	margin-bottom: 18px;
}

#page-site-website-setup .group.group-site .items .item .input {
	width: 300px;
}

#page-site-website-setup .group.group-site .items .item .input > * {
	width: 100%;
}

#page-site-website-setup .group.group-site .items .item .description {
	width: 200px;
}

#page-site-website-setup .group.group-site .items .item .description h3 {
	margin-bottom: 0;
}

#page-site-website-setup .group.group-site .items .item {
	.display-flex();
	.align-items(center);
	
	width: 600px;
}


#page-site-website-setup .group .items .item .description {
	color: black;
}


#page-site-website-setup .group.group-site .item.language {
	.align-items(flex-start);
}

#page-site-website-setup .group.group-site .item.language .single-language {
	.display-flex();
}

#page-site-website-setup .group.group-site .item.language .multi-language {
	.display-flex();
	.flex-direction(column);
}



#page-site-website-setup .group-theme .items .item.themes ul {
	.display-flex();
	
}

#page-site-website-setup .group-theme .items .item.theme-styles ul {
	.display-flex();
	
}

#page-site-website-setup .group-theme .items .item.theme-pages .lang-single,
#page-site-website-setup .group-theme .items .item.theme-pages .lang-multi-unique,
#page-site-website-setup .group-theme .items .item.theme-pages .lang-multi-translate {
	display: none;
}

#page-site-website-setup .group-theme .items .item.theme-pages[data-lang-mode="single"] .lang-single,
#page-site-website-setup .group-theme .items .item.theme-pages[data-lang-mode="multi-unique"] .lang-multi-unique,
#page-site-website-setup .group-theme .items .item.theme-pages[data-lang-mode="multi-translate"] .lang-multi-translate {
	display: block;
}
	


#page-site-website-setup .list-setup-themes {
	.display-flex();
	.flex-direction(column);
}

#page-site-website-setup .list-setup-themes li {
	.display-flex();
	.flex-direction(column);
}


#page-site-website-setup .list-setup-theme-pages {
	.display-flex();
	.flex-direction(column);
}

#page-site-website-setup .list-header-setup-theme-pages {
	height: 32px;
}

#page-site-website-setup .list-header-setup-theme-pages,
#page-site-website-setup .list-setup-theme-pages li {
	.display-flex();
	.align-items(center);
}

#page-site-website-setup .list-setup-theme-pages li {
	margin-bottom:4px; 
}
	

#page-site-website-setup .list-header-setup-theme-pages .check,
#page-site-website-setup .list-setup-theme-pages li .check {
	width:32px;
}

#page-site-website-setup .list-header-setup-theme-pages .title,
#page-site-website-setup .list-setup-theme-pages li .title {
	width: 200px;
	margin-right: 8px;
}

#page-site-website-setup .list-header-setup-theme-pages .settings,
#page-site-website-setup .list-setup-theme-pages li .settings {
	.display-flex();
	width: 240px;
}

#page-site-website-setup .list-header-setup-theme-pages .settings .title,
#page-site-website-setup .list-header-setup-theme-pages .settings .path,
#page-site-website-setup .list-setup-theme-pages li .settings .title,
#page-site-website-setup .list-setup-theme-pages li .settings .path {
	margin-right: 8px;
}

#page-site-website-setup .list-setup-theme-pages li .settings .input {
	.display-flex();
}



#page-site-website-profile-template {
	.display-flex();
	.flex-direction(column);
}

#page-site-website-profile-template .editor-toolbar,
#page-site-website-profile-template2 .editor-toolbar {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	height: 96px;
	padding-left: 16px;
	padding-right: 16px;
}

#page-site-website-profile-template2 .editor-toolbar button[data-action="save"] {
	margin-left: auto;
}

#page-site-website-profile-template .editor-container {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	overflow: hidden;
}

#page-site-website-profile-template .editor-container .editor {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	overflow: hidden;
}

#page-site-website-profile-template .editor-container .editor .stage {
	.display-flex();
	.flex-grow(1);
	
	margin-bottom: 0;
	overflow: hidden;
}

#page-site-website-profile-template .editor-container .editor .stage .sidebar {
	width: 360px;
	margin-right: 32px;
	height: 100%;
	overflow: hidden;
}

#page-site-website-profile-template .editor-container .editor .stage .sidebar .settings {

}

#page-site-website-profile-template2  {
	.display-flex();
}

#page-site-website-profile-template2 .view-content-template-editor .sidebar {
	display: none;
} 

#page-site-website-profile-template2 .view-content-template-editor .sidebar {
	display: none;
} 


#page-site-website-profile-template2 .editor-container {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	overflow: hidden;
}

#page-site-website-profile-template2 .editor-container .editor {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	overflow: hidden;
}

#page-site-website-profile-template2 .editor-container .editor .stage {
	.display-flex();
	.flex-grow(1);
	
	margin-bottom: 0;
	overflow: hidden;
}

#page-site-website-profile-template2 .view-content-template-editor > .stage > .main iframe {
	border: none;
}
#page-site-website {
	.display-flex();
	.flex-direction(column);
}

#page-site-website .site-website-child-content {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	
	background: rgba(221, 221, 221, 0.93);
	z-index: 5;
	opacity: 1;
	
	overflow: hidden;
}

#page-site .site-child-content {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	
	z-index: 5;
	opacity: 1;
	
	overflow: hidden;
}

#page-site.hero-tease .site-child-content {
	transform: translateX(32px);
}


#page-site:not(.hero-tease) .site-child-content .ui-page-section.page-header-fixed {
	
	/*transform: top 0.4s;*/
}

#page-site.hero-tease .site-child-content .ui-page-section.page-header-fixed {
	/*top: 0;*/
}

#page-site.hero .site-child-content {
	transform: ~"translateX(calc(100% - 140px))";
	opacity: 0.3;
}

#page-site > .media-hero-trigger {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	z-index: 10;
	bottom: 0;
	cursor: pointer;
}

#page-site.is-site-mathys > .media-hero-trigger {
	display: block;
}

#page-site.hero > .media-hero-trigger {
	left: ~"calc(100% - 140px)";
	width: 140px;
	z-index: 10;
	bottom: 0;
	cursor: pointer;
}

#page-site > .media-hero-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	padding-top: 106px;
	padding-left: 40px;
}

#page-site > .media-hero-container .content {
	opacity: 0;
	transition: opacity .5s ease-in-out;
}
#page-site.hero > .media-hero-container .content {
	opacity: 1;
}

#page-site > .media-hero-container .details {
	background-color: rgba(32, 32, 32, 0.6);
	color: rgb(255, 255, 255);
	border-radius: 2px;
	position: relative;
	
	
	display: inline-block;
}

#page-site > .media-hero-container div.title {
	margin-bottom: 32px;
	pointer-events: none;
}

#page-site > .media-hero-container div.title h1 {
	font-size: 36px;
	font-weight: 500;
	letter-spacing: -1px;
	
	padding: 18px;
	pointer-events: all;
}

#page-site > .media-hero-container div.description p {
	font-weight: 500;
	font-size: 17px;
	line-height: 1.5;
	padding: 12px 18px;
	pointer-events: all;
}

#page-site > .media-hero-container div.description {
	pointer-events: none;
}

#page-site > .media-hero-container div.description em {
	font-weight: 700;
	font-style: normal;
}

#page-site > .media-hero-container div.extra {
	.display-flex(); 
	
	margin-top: 40px;
	position: relative;
	
	pointer-events: none;
}

#page-site > .media-hero-container div.extra a {
	pointer-events: all;
}

#page-site > .media-hero-container div.nav {
	.display-flex(); 

	position: absolute;
	bottom: 40px;
	left: 40px;
	right: 180px;
	
	pointer-events: none;
}

#page-site > .media-hero-container div.nav button {
	pointer-events: all;
}

#page-site > .media-hero-container div.nav button:first-child {
	margin-right: auto;
}



#page-site > .media-hero-container .details:first-child {
	margin-top: 0;
}

#page-site > .media-hero-container.show {
	
}

#page-site > .media-hero-container .bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: center center;
	background-size: cover;
	
	transition: transform .5s ease-in-out, filter .5s ease-in-out;
	filter: grayscale(1);
}

#page-site.hero > .media-hero-container .bg {
	transform: scale(1.2);
	filter: grayscale(0);
}

#page-theme-htmlstylesheets {
	.display-flex();
	.flex-grow(1);
}

#page-theme-htmlstylesheets .editor {
	.display-flex();
	.flex-grow(1);
}
#page-theme .theme-child-content {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	
	background: rgba(221, 221, 221, 0.93);
	z-index: 5;
	opacity: 1;
	
	overflow: hidden;
}

#page-theme.hero-tease .theme-child-content {
	transform: translateX(32px);
}


#page-theme:not(.hero-tease) .theme-child-content .ui-page-section.page-header-fixed {
	
	/*transform: top 0.4s;*/
}

#page-theme.hero-tease .theme-child-content .ui-page-section.page-header-fixed {
	/*top: 0;*/
}

#page-theme.hero .theme-child-content {
	transform: ~"translateX(calc(100% - 140px))";
	opacity: 0.3;
}

#page-theme > .media-hero-trigger {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	z-index: 10;
	bottom: 0;
	cursor: pointer;
}

#page-theme.is-theme-mathys > .media-hero-trigger {
	display: block;
}

#page-theme.hero > .media-hero-trigger {
	left: ~"calc(100% - 140px)";
	width: 140px;
	z-index: 10;
	bottom: 0;
	cursor: pointer;
}

#page-theme > .media-hero-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	padding-top: 106px;
	padding-left: 40px;
}

#page-theme > .media-hero-container .content {
	opacity: 0;
	transition: opacity .5s ease-in-out;
}
#page-theme.hero > .media-hero-container .content {
	opacity: 1;
}

#page-theme > .media-hero-container .details {
	background-color: rgba(32, 32, 32, 0.6);
	color: rgb(255, 255, 255);
	border-radius: 2px;
	position: relative;
	
	
	display: inline-block;
}

#page-theme > .media-hero-container div.title {
	margin-bottom: 32px;
	pointer-events: none;
}

#page-theme > .media-hero-container div.title h1 {
	font-size: 36px;
	font-weight: 500;
	letter-spacing: -1px;
	
	padding: 18px;
	pointer-events: all;
}

#page-theme > .media-hero-container div.description p {
	font-weight: 500;
	font-size: 17px;
	line-height: 1.5;
	padding: 12px 18px;
	pointer-events: all;
}

#page-theme > .media-hero-container div.description {
	pointer-events: none;
}

#page-theme > .media-hero-container div.description em {
	font-weight: 700;
	font-style: normal;
}

#page-theme > .media-hero-container div.extra {
	.display-flex(); 
	
	margin-top: 40px;
	position: relative;
	
	pointer-events: none;
}

#page-theme > .media-hero-container div.extra a {
	pointer-events: all;
}

#page-theme > .media-hero-container div.nav {
	.display-flex(); 

	position: absolute;
	bottom: 40px;
	left: 40px;
	right: 180px;
	
	pointer-events: none;
}

#page-theme > .media-hero-container div.nav button {
	pointer-events: all;
}

#page-theme > .media-hero-container div.nav button:first-child {
	margin-right: auto;
}



#page-theme > .media-hero-container .details:first-child {
	margin-top: 0;
}

#page-theme > .media-hero-container.show {
	
}

#page-theme > .media-hero-container .bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: center center;
	background-size: cover;
	
	transition: transform .5s ease-in-out, filter .5s ease-in-out;
	filter: grayscale(1);
}

#page-theme.hero > .media-hero-container .bg {
	transform: scale(1.2);
	filter: grayscale(0);
}


.fragment.type-cms-image {
	
}

.fragment.type-cms-image > .content {
	
}

.fragment.type-cms-image > .content img {
	max-width: 100%;
	width: 100%;
}

.fragment.type-cms-image > .content .options {
	.flex-direction(column);
	.align-items(center);
	.justify-content(center);
	
	display: none;
	
	background-color: rgb(241, 241, 241);
	color: rgb(119, 119, 119);
	border: 2px dashed rgb(208, 208, 208);
}

.fragment.type-cms-image > .content .options input {
	display: none;
}

.fragment.type-cms-image > .content.empty .options {
	.display-flex();
	.flex-grow(1);
	
	cursor: pointer;
}


.fragment.type-cms-embed {
	
}

.fragment.type-cms-embed > .content {
	
}

.fragment.type-cms-embed > .content .embed {
	
}

.fragment.type-cms-embed > .content.uploading img {
	opacity: 0.7;
}

.fragment.type-cms-embed > .content .options {
	.flex-direction(column);
	.align-items(center);
	.justify-content(center);
	
	display: none;
	
	background-color: rgb(241, 241, 241);
	color: rgb(119, 119, 119);
	border: 2px dashed rgb(208, 208, 208);
	
	font-weight: 500;
}

.fragment.type-cms-embed > .content .options .mouseover {
	.display-flex();
	.flex-direction(column);
	.align-items(center);
	.justify-content(center);
}

.fragment.type-cms-embed > .content .options .mouseover i {
	font-size: 44px;
	opacity: 0.4;
	margin-bottom: 12px;
	transition: color 0.4s, opacity 0.4s;
}

.fragment.type-cms-embed > .content.empty:hover .options i {
	color: @link-highlight-color;
	opacity: 1;
}

.fragment.type-cms-embed > .content .uploading {
	display: none;
}

.fragment.type-cms-embed > .content .options input {
	display: none;
}

.fragment.type-cms-embed > .content.empty .options {
	.display-flex();
	.flex-grow(1);
	
	cursor: pointer;
}

.fragment.type-cms-embed > .content .options.hidden {
	display: none;
}

/*.fragment.type-cms-embed > .content:not(.empty):hover .options {
	.display-flex();
	
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.65);
	border: none;
	color: white;
	cursor: pointer;
}
*/

.fragment.type-cms-embed > .content .embed.vendor-twitter {
	.display-flex();
	.align-items(center);
	.justify-content(center);
}
	


.fragment.type-cms-image {
	
}

.fragment.type-cms-image > .content {
	.align-items(center);
}

.fragment.type-cms-image > .content img {
	max-width: 100%;
}

.fragment.type-cms-image > .content.uploading img {
	opacity: 0.7;
}

.fragment.type-cms-image > .content .options {
	.flex-direction(column);
	.align-items(center);
	.justify-content(center);
	
	display: none;
	
	background-color: rgb(241, 241, 241);
	color: rgb(119, 119, 119);
	border: 2px dashed rgb(208, 208, 208);
	
	font-weight: 500;
}

.fragment.type-cms-image > .content .options .mouseover {
	.display-flex();
	.flex-direction(column);
	.align-items(center);
	.justify-content(center);
	
	pointer-events: none;
}

.fragment.type-cms-image > .content .options .mouseover svg {
	font-size: 44px;
	opacity: 0.4;
	margin-bottom: 12px;
	transition: color 0.4s, opacity 0.4s;
}

.fragment.type-cms-image > .content.empty:hover .options svg {
	color: @link-highlight-color;
	opacity: 1;
}

.fragment.type-cms-image > .content .uploading {
	display: none;
}

.fragment.type-cms-image > .content .options input {
	display: none;
}

.fragment.type-cms-image > .content.empty .options {
	.display-flex();
	.flex-grow(1);
	
	cursor: pointer;
}

.fragment.type-cms-image > .content .options.hidden {
	display: none;
}

.fragment.type-cms-image > .content .options .dragover {
	display: none;
	pointer-events: none;
}

.fragment.type-cms-image > .content .options .dragover.show {
	display: block;
}

.fragment.type-cms-image > .content:not(.empty) .options {
	.display-flex();
	
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.65);
	border: none;
	color: white;
	cursor: pointer;
	
	opacity: 0;
	transition: opacity 0.25s;
}

.fragment.type-cms-image > .content:not(.empty):hover .options {
	opacity: 1;
}

.fragment.type-cms-image > .content.uploading:not(.empty) .uploading,
.fragment.type-cms-image > .content.empty .uploading.show {
	.display-flex();
	.flex-grow(1);
	.align-items(center);
	.justify-content(center);
}

.fragment.type-cms-image > .content.uploading .uploading {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	
	background-color: rgba(255,255,255,0.7);
}

.fragment.type-cms-quote {
	min-height: unset;
}

.fragment.type-cms-quote > .content {
	border: 2px dashed transparent;
	/*margin: 20px 50px;*/
	padding: 18px;
	
	overflow: hidden;
	word-wrap: break-word;
	
	position: relative;
	
	cursor: text;
}



.fragment.type-cms-quote > .content.empty {
	border: 2px dashed rgb(195, 195, 195);
}

.fragment.type-cms-quote > .content > .text {
	border-left: 6px solid rgb(244, 12, 66);
	padding: 16px 32px;
	font-style: italic;
	line-height: 1.6;
	font-size: 20px;
	font-weight: 500;
}

.fragment.type-cms-quote > .content > .text.empty {

}

.fragment.type-cms-quote > .content > .text.placeholder {
	color: rgb(206, 206, 206);
}

.fragment.type-cms-quote > .content > .text:focus {
	outline: none;
} 
.fragment.type-cms-text-image > .actions {
	top: ~"calc(50% + 21px)";
}

.fragment.type-cms-text-image {
	
}

.fragment.type-cms-text-image > .content {
	display: block;
}


.fragment.type-cms-text-image > .content > .text {
	display: block;
	
	min-height: 190px;
}

.fragment.type-cms-text-image > .content > .text .view-text-editor {
	min-height: 190px;
}


.fragment.type-cms-text-image > .content > .image {
	width: 38%;
	height: 190px;
	overflow: hidden;
	position: relative;
	
	background: linear-gradient(45deg, rgb(246, 182, 0) 0%, rgb(225, 0, 167) 100%);
}

.fragment.type-cms-text-image > .content > .image img {
	cursor: pointer;
	width: 100%;
}

.fragment.type-cms-text-image > .content > .image[data-align="left"] {
	float: left;
	margin-right: 32px;
	margin-bottom: 16px;
}

.fragment.type-cms-text-image > .content > .image[data-align="right"] {
	float: right;
	margin-left: 20px;
	margin-bottom: 12px;
}

.fragment.type-cms-text-image > .content > .image .actions {
	display: none;
}

.fragment.type-cms-text-image > .content > .image:hover:not(.empty) .actions {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	.flex-direction(column);
	
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
}

.fragment.type-cms-text-image > .content > .image .choose {
	display: none;
}

.fragment.type-cms-text-image > .content > .image.empty .choose {
	.display-flex();
}

.fragment.type-cms-text-image > .content > .image[data-align="left"] .actions button[data-action="move-left"] {
	display: none;
}

.fragment.type-cms-text-image > .content > .image[data-align="right"] .actions button[data-action="move-right"] {
	display: none;
}



.fragment.type-cms-text-image header {

}

.fragment.type-cms-text-image > .content {
	border: 1px dashed rgb(195, 195, 195);
	margin: 20px 50px;
	padding: 18px;
	
	overflow: hidden;
	word-wrap: break-word;
	display: block;
}

.fragment.type-cms-text-image > .content ol, 
.fragment.type-cms-text-image > .content ul {
	padding-left: 18px;
	margin-left: 12px;
	margin-top: 14px;
	margin-bottom: 16px;
};

.fragment.type-cms-text-image > .content ol li, 
.fragment.type-cms-text-image > .content ul li {
	padding-left: 8px;
};

.fragment.type-cms-text-image > .content ol {
	list-style: decimal;
};

.fragment.type-cms-text-image > .content ul {
	list-style: disc;
};

.fragment.type-cms-text > .actions {
	top: ~"calc(50% + 21px)";
}

.fragment.type-cms-text {
	
}

.fragment.type-cms-text header {

}

.fragment.type-cms-text > .content {
	border: 2px dashed transparent;
	/*margin: 20px 50px;*/
	padding: 18px;
	margin: 16px 48px 32px 48px;
	
	overflow: hidden;
	word-wrap: break-word;
	
	position: relative;
	
	cursor: text;
}

.fragment.type-cms-text > .content.empty {
	border: 2px dashed rgb(225, 225, 225);
}

.fragment.type-cms-text > .content > .text {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
}

.fragment.type-cms-text > .content > .text .view-text-editor,
.fragment.type-cms-text-image > .content > .text .view-text-editor {
	.flex-grow(1);
	
	outline: none;
}

.fragment.type-cms-text > .content > .text .view-text-editor p,
.fragment.type-cms-text-image > .content > .text .view-text-editor p {
	margin-bottom: 24px;
	line-height: 1.45;
}

.fragment.type-cms-text > .content > .text .view-text-editor b,
.fragment.type-cms-text-image > .content > .text .view-text-editor b,
.fragment.type-cms-text > .content > .text .view-text-editor strong,
.fragment.type-cms-text-image > .content > .text .view-text-editor strong {
	font-weight: 500;
}

.fragment.type-cms-text > .content > .text .view-text-editor h1,
.fragment.type-cms-text-image > .content > .text .view-text-editor h1 {
	color: black;
	font-size: 22px;
}

.fragment.type-cms-text > .content > .text .view-text-editor h2,
.fragment.type-cms-text-image > .content > .text .view-text-editor h2 {
	color: black;
	font-size: 18px;
}

.fragment.type-cms-text > .content > .text .view-text-editor h3,
.fragment.type-cms-text-image > .content > .text .view-text-editor h3 {
	color: black;
	font-size: 16px;
}

.fragment.type-cms-text > .content > .text .view-text-editor p:last-child,
.fragment.type-cms-text-image > .content > .text .view-text-editor p:last-child {
	margin-bottom: 0;
}

.fragment.type-cms-text > .content > .text:focus {
	outline: none;
}

.fragment.type-cms-text > .content ol, 
.fragment.type-cms-text > .content ul {
	padding-left: 18px;
	margin-left: 12px;
	margin-top: 14px;
	margin-bottom: 16px;
};

.fragment.type-cms-text > .content ol li, 
.fragment.type-cms-text > .content ul li {
	padding-left: 8px;
	margin-bottom: 6px;
};

.fragment.type-cms-text > .content ol {
	list-style: decimal;
};

.fragment.type-cms-text > .content ul {
	list-style: disc;
};

.fragment.type-cms-text > .content > .overlay {
	display: none;
};

.fragment.type-cms-text > .content.empty > .overlay svg {
	font-size: 88px;
	color: rgb(208, 208, 208);
};

.fragment.type-cms-text:not(.focus) > .content.empty > .overlay {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	right: 0;
	bottom: 0;
	padding-left: 40px;
};

.view-calendar {
	.display-flex();
	.flex-direction(row);
	.flex-grow(1);
	
	overflow: hidden;
}

.view-calendar .ui-calendar.with-sidebar {
	margin-right: 30px;
	overflow: hidden;
}

.view-calendar .sidebar {
	.display-flex();
	.flex-direction(row);
	.flex-shrink(0);
	
	width: 320px;
	
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
	
	transition: opacity 0.4s, margin-left 0.4s, transform 0.4s;
}

.view-calendar .sidebar.hide {
	margin-left: -320px;
	opacity: 0;
	transform: translateX(320px);
}
.view-content-editor-actions {
	
}
.view-content-editor-actions button {
	margin-left: 10px;
}


.view-content-editor-actions button:not(:first-child)::before  {
	position: absolute;
	left: -6px;
	width: 1px;
	top: 4px;
	bottom: 4px;
	background: rgba(54, 54, 54, 0.1);
	display: block;
	content: '';
}

.view-content-editor-actions .publication {
	.display-flex();
}

.view-content-editor-actions .ui-button.special {
	min-width: 144px;
}

.view-content-editor-actions .publication p {
	color: rgb(153, 153, 153);
	padding: 14px 10px;
	font-size: 13px;
	line-height: 1.5;
	color: rgb(119, 119, 119);
}

.view-content-editor-actions .publication p em,
.view-content-editor-actions .publication p span {
	font-style: normal;
	color: rgb(85, 85, 85);
	font-weight: 500;
}

.view-content-editor-actions .publication .mode {
	display: none;
}

.view-content-editor-actions .publication[data-publication-mode="save"] .mode[data-mode="save"] {
	.display-flex();
}

.view-content-editor-actions .publication[data-publication-mode="publish"] .mode[data-mode="publish"] {
	.display-flex();
}

.view-content-editor-actions .publication[data-publication-mode="schedule"] .mode[data-mode="schedule"] {
	.display-flex();
}

.view-content-editor-actions .publication[data-publication-mode="unpublish"] .mode[data-mode="unpublish"] {
	.display-flex();
}

.view-content-editor-actions .publication[data-publication-mode="unschedule"] .mode[data-mode="unschedule"] {
	.display-flex();
}



.view-content-editor {
	
}

.view-content-editor .main {

	
}

.view-content-editor .sidebar .publication .mode {
	display: none;
	.flex-direction(column);
}

.view-content-editor .sidebar .actions .publication button[data-action="publish"] > div,
.view-content-editor .sidebar .actions .publication button[data-action="schedule"] > div,
.view-content-editor .sidebar .actions .publication button[data-action="unpublish"] > div,
.view-content-editor .sidebar .actions .publication button[data-action="unschedule"] > div {
	margin-right: 0;
}

.view-content-editor .sidebar .publication[data-publication-mode="publish"] .mode[data-mode="publish"] { 
	.display-flex(); 
}

.view-content-editor .sidebar .publication[data-publication-mode="schedule"] .mode[data-mode="schedule"] { 
	.display-flex();
}

.view-content-editor .sidebar .publication[data-publication-mode="unpublish"] .mode[data-mode="unpublish"] { 
	.display-flex();
}

.view-content-editor .sidebar .publication[data-publication-mode="unschedule"] .mode[data-mode="unschedule"] { 
	.display-flex();
}

.view-content-editor .sidebar .publication[data-publication-mode="published"] .mode[data-mode="queued"] { 
	.display-flex(); 
}

.view-content-editor .sidebar .settings {
}

.view-content-editor .sidebar .settings .bottom .input {
	.flex-grow(1);
	margin-right: 8px;
	overflow: hidden;
}

.view-content-editor .sidebar .settings .setting {
	.display-flex();
	.flex-direction(column);
	
	width: 100%;
	color: rgb(89, 89, 89);
	border-bottom: 1px solid rgba(208, 208, 208, 0.34);
	padding: 14px 18px;
	background: #f6f6f6;
}

.view-content-editor .sidebar .settings .setting:last-child {
	/*border-bottom: none;*/
}

.view-content-editor .sidebar .settings .setting .bottom {
	.display-flex();
}

.view-content-editor .sidebar .settings .setting .config {
	.display-flex();
}
	
	
.view-content-editor .sidebar .settings .setting .config button:first-child > div {
	border-radius: 4px 0 0 4px;
	
	border: 1px solid rgba(210, 210, 210, 0.48);
}
	
.view-content-editor .sidebar .settings .setting .config button:last-child > div {
	border-radius: 0 4px 4px 0;
	border-left: none;
}

.view-content-editor .sidebar .settings .setting > .header {
	.display-flex();
	.flex-direction(row);	
	
	color: #777;
}

.view-content-editor .sidebar .settings .setting > .header .content {
	.flex-grow(1);
	.flex-basis(0);
	padding-top: 15px;
	padding-right: 16px;
	padding-bottom: 16px;

	font-size: 14px;
	font-family: Rubik;
	line-height: 1.5;
}

.view-content-editor .sidebar .settings .setting > .expanded-content {
	padding-left: 54px;
}

.view-content-editor .sidebar .settings .setting > .header .icon {
	.display-flex();
	.justify-content(center);
	.flex-shrink(0);
	/*.align-items(center);*/
	
	width: 46px;
	min-height: 46px;
	font-size: 16px;
	padding-top: 17px;
}

.view-content-editor .sidebar .settings .setting > .header .content span {
	color: rgb(41, 41, 41);
	font-weight: 500;
}

.view-content-editor .sidebar .settings .setting .right {
	.display-flex();
	.flex-direction(column);
	
	padding-right: 16px;
	padding-bottom: 16px;
	padding-top: 15px;
}

.view-content-editor .sidebar .settings .setting .right .content {
	padding-top: 0;
}

.view-content-editor .sidebar .settings button.setting {
	transition: background 0.4s;
}

.view-content-editor .sidebar .settings button.setting:hover {
	background: rgba(255,255,255,0.4);
}

.view-content-editor .sidebar .settings button.setting:hover .header {
	color: #222;
}

.view-content-editor .sidebar .settings button.setting:hover .content span {
	color: @link-highlight-color;	
}

.view-content-editor .sidebar .settings .setting.tags .current {
	.display-flex();
	.flex-wrap(wrap);
}

.view-content-editor .sidebar .settings .setting.tags .current .tag {
	.display-flex();
	.align-items(center);
	
	position: relative;
	margin-top: 8px;
	border: 1px solid rgb(208, 208, 208);
	background: rgba(255, 255, 255, 0.82);
	border-radius: 3px;
	margin-right: 10px;
}

.view-content-editor .sidebar .settings .setting.tags .current .tag span {
	padding: 6px 8px;
	font-size: 14px;
	font-weight: 500;
	color: rgb(85, 85, 85);
}

.view-content-editor .sidebar .settings .setting.tags .current .tag button {
	height: 100%;
}

.view-content-editor .sidebar .settings .setting.tags .current .tag button > div  {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	
	height: 100%;
	width: 30px;
	border-left: 1px solid rgb(208, 208, 208);
	background: rgba(208, 208, 208, 0.48);
}

.view-content-editor .sidebar .settings .cover-image {
	background: rgba(204, 204, 204, 0.16);
	height: 200px;
}

.view-content-editor .sidebar .settings .cover-image .ui-progress {
	display: none;
}

.view-content-editor .sidebar .settings .cover-image.file-dragover {
	background: red;
}

.view-content-editor .sidebar .settings .cover-image.uploading button {
	display: none;
}

.view-content-editor .sidebar .settings .cover-image.uploading .ui-progress {
	.display-inline-flex();
}

.view-content-editor .sidebar .settings .cover-image button {
	.align-self(stretch);
	.justify-self(stretch);
	
	height: 100%;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.view-content-editor .sidebar .settings .cover-image button > div {
	.display-flex();
	.flex-direction(column);
	.justify-content(center);
	.align-items(center);
	
	opacity: 0;
	
	transition: opacity 0.4s;
}

.view-content-editor .sidebar .settings .cover-image.empty button > div {
	opacity: 1;
}

.view-content-editor .sidebar .settings .cover-image button > div span {
	margin-top: 6px;
	color: #999;
	font-size: 14px;
	font-weight: 500;
}

.view-content-editor .sidebar .settings .cover-image button > div svg {
	font-size: 28px;
}

.view-content-editor .sidebar .settings .cover-image.empty button:hover > div svg,
.view-content-editor .sidebar .settings .cover-image.empty button:hover > div span {
	color: @link-highlight-color;	
}


.view-content-editor.busy .sidebar button,
.view-content-editor.busy .main .title input,
.view-content-editor.busy .main .summary textarea {
	opacity: 0.5;
	pointer-events: none;
	cursor: default;
}

.view-content-editor.type-page .sidebar .settings .setting.channel,
.view-content-editor.type-page .sidebar .settings .setting.social-updates {
	display: none;
}
.view-content-post-editor-actions {
	
}

.view-content-post-editor-actions button {
	margin-left: 10px;
}


.view-content-post-editor-actions button:not(:first-child)::before  {
	position: absolute;
	left: -6px;
	width: 1px;
	top: 4px;
	bottom: 4px;
	background: rgba(54, 54, 54, 0.1);
	display: block;
	content: '';
}


.view-content-post-editor-actions .publication {
	.display-flex();
}

.view-content-post-editor-actions .ui-button.special {
	min-width: 144px;
}

.view-content-post-editor-actions .publication p {
	color: rgb(153, 153, 153);
	padding: 14px 10px;
	font-size: 13px;
	line-height: 1.5;
	color: rgb(119, 119, 119);
}

.view-content-post-editor-actions .publication p em,
.view-content-post-editor-actions .publication p span {
	font-style: normal;
	color: rgb(85, 85, 85);
	font-weight: 500;
}

.view-content-post-editor-actions .publication .mode {
	display: none;
}

.view-content-post-editor-actions .publication[data-publication-mode="publish"] .mode[data-mode="publish"] {
	.display-flex();
}

.view-content-post-editor-actions .publication[data-publication-mode="schedule"] .mode[data-mode="schedule"] {
	.display-flex();
}

.view-content-post-editor-actions .publication[data-publication-mode="unpublish"] .mode[data-mode="unpublish"] {
	.display-flex();
}

.view-content-post-editor-actions .publication[data-publication-mode="unschedule"] .mode[data-mode="unschedule"] {
	.display-flex();
}

.view-content-post-editor-actions .publication[data-publication-mode="deleted"] .mode[data-mode="deleted"] {
	.display-flex();
}



.view-content-post-editor {
	
}

.view-content-post-editor .section.languages {
	display: none;
}


.view-content-post-editor .main {
	overflow: visible;
	
	max-width: 830px;
	margin: 0 auto;
}

.view-content-post-editor .main .title input[type="text"],
.view-content-post-editor .main .summary textarea {
	border: none;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
}

.view-content-post-editor .main > .section {
	padding: 0;
	background: none;
	border: none;
	box-shadow: none;
}

.view-content-post-editor .main #quickpreview {
	
}

.view-content-post-editor .main > .fragments > h1 {
	padding: 30px 36px 16px;
	
	padding-left: 0;
}

.view-content-post-editor .main > .fragments .fragments-container {
	
}

.view-content-post-editor .main > .fragments .fragments-container .renderer-fragments {
	background: white;
	border: none;
	border-radius: 3px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
	
}

.view-content-post-editor .main > .fragments .fragments-container .renderer-fragments .fragment:first-child {
	border-radius: 3px 3px 0 0;
}

.view-content-post-editor .main > .fragments .fragments-container .renderer-fragments .fragment:first-child > .header-container header {
	border-radius: 3px 3px 0 0;
}

.view-content-post-editor .main > .fragments .fragments-container .renderer-fragments .fragment:last-child {
	border-radius: 0 0 3px 3px;
}

.view-content-post-editor .main > .fragments .fragments-container .renderer-fragments .fragment:last-child > .header-container header {
	
}

.view-content-post-editor .main > .fragments .fragments-container .renderer-fragments .fragment:first-child:last-child {
	border-radius: 3px;
}

.view-content-post-editor .main > .fragments .fragments-container .renderer-fragments .fragment:first-child:last-child > .header-container header {
	
}

.view-content-post-editor .main > .fragments .fragments-footer {
	margin-top: 0;
	border-radius: 0 0 3px p3x;
}

.view-content-post-editor .main > .fragments .fragments-footer .fragment-selection {
	.display-flex();
	.flex-wrap(wrap);
}

.view-content-post-editor .main > .fragments .fragments-footer .fragment-selection li {
	.flex-grow(1);
	.flex-basis(0);
	min-width: 21%;
	margin-right: 1px;
	margin-bottom: 1px;
}

.view-content-post-editor .main > .fragments .fragments-footer .fragment-selection li:nth-child(4n) {
	margin-right: 0;
}

.view-content-post-editor .main > .fragments .fragments-footer .fragment-selection li.filler {
	margin-right: 1px;
	margin-bottom: 0;
	height: 0;
}

.view-content-post-editor .main > .fragments .fragments-footer .fragment-selection button {
	width: 100%;
}

.view-content-post-editor .main > .fragments .fragments-footer .fragment-selection li:nth-child(1) button > div { border-radius: 3px 0 0 0; }
.view-content-post-editor .main > .fragments .fragments-footer .fragment-selection li:nth-child(4) button > div { border-radius: 0 3px  0 0; }
.view-content-post-editor .main > .fragments .fragments-footer .fragment-selection li:nth-last-child(4) button > div { border-radius: 0 0  3px 0; }


.view-content-post-editor .main > .fragments .fragments-footer .fragment-selection button > div {
	.display-flex();
	
	.align-items(center);
	
	padding: 16px;
	
	width: 100%;

	background: white;
	border-radius: 0;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
	color: rgb(77, 77, 77);
	font-weight: 500;
	font-size: 13px;
}

.view-content-post-editor .main > .fragments .fragments-footer .fragment-selection button > div svg {
	font-size: 20px;
	margin-right: 10px;
	width: 20px;
}

.view-content-post-editor .main > .fragments .fragments-footer .quick-embed {
	.display-flex();
	.align-items(center);
	.justify-content(center);
}

.view-content-post-editor .main > .fragments .fragments-footer .quick-embed button > div {
	background: rgb(255, 255, 255);
	border-radius: 3px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
	color: rgb(77, 77, 77);
	font-weight: 500;
	font-size: 13px;
	height: 100%;
	display: flex;
	padding: 13px 21px;
	align-items: center;
}

.view-content-post-editor .main > .fragments .fragments-footer .quick-embed button > div svg {
	margin-left: 6px;
	font-size: 16px;
	width: 16px;
	
}

.view-content-post-editor .main > .fragments .fragments-footer .quick-embed button.disabled {
	pointer-events: none;
	cursor: default;
}

.view-content-post-editor .main > .fragments .fragments-footer .quick-embed button.disabled > div {
	color: rgba(0, 0, 0, 0.3);
	box-shadow: none;
	background: rgba(215, 215, 215, 0.28);
}

.view-content-post-editor .main > .fragments .fragments-footer .quick-embed button.disabled > div .fa-plus {
	display: none;
}

.view-content-post-editor .main > .fragments .fragments-footer .quick-embed button:not(.disabled) > div .fa-times {
	display: none;
}

.view-content-post-editor .main > .fragments .fragments-footer .quick-embed button.busy > div .fa-plus,
.view-content-post-editor .main > .fragments .fragments-footer .quick-embed button.busy > div .fa-times {
	display: none;
}

.view-content-post-editor .main > .fragments .fragments-footer .quick-embed button:not(.busy) .fa-redo-alt {
	display: none;
}


.view-content-post-editor .main > .fragments .fragments-footer .quick-embed input {
	max-width: 400px;
	margin-right: 6px;
}

.view-content-post-editor .main > .fragments .fragments-footer .quick-embed button.valid-embed,
.view-content-post-editor .main > .fragments .fragments-footer .quick-embed .icon.invalid-embed {
	display: none;
}

.view-content-post-editor .main > .fragments .fragments-footer .quick-embed[data-state="valid"] button.valid-embed,
.view-content-post-editor .main > .fragments .fragments-footer .quick-embed[data-state="invalid"]  .icon.invalid-embed {
	display: inline-block;
}

/*.view-content-post-editor .main > .fragments .fragments-footer button {
	margin-right: 4px;
}

.view-content-post-editor .main > .fragments .fragments-footer button > div {
	height: 48px;
	border: 1px solid #ddd;
}

.view-content-post-editor .main > .fragments .fragments-footer button.icon > div {
	.display-flex();
	.justify-content(center);
	.align-items(center);
	
	width: 48px;
}

.view-content-post-editor .main > .fragments .fragments-footer button.icon.text {
	
}
	

.view-content-post-editor .main > .fragments .fragments-footer button.icon.text {
	margin-bottom: 4px;
}

.view-content-post-editor .main > .fragments .fragments-footer button.icon.text > div {
	width: 100%;
	height: 42px;
}
	

.view-content-post-editor .main > .fragments .fragments-footer button.icon > div svg {
	font-size: 16px;
	color: #555;
}

.view-content-post-editor .main > .fragments .fragments-footer button.icon.text > div svg {
	margin-right: 10px;
}

.view-content-post-editor .main > .fragments .fragments-footer button {
    
}*/

.view-content-post-editor .sidebar .actions {
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
	
	margin-bottom: 12px;
}

.view-content-post-editor .sidebar .actions .general {
	.display-flex();
	.flex-direction(row);
	
	padding: 12px;
}

.view-content-post-editor .sidebar .actions .general button {
	.flex-grow(1);
	.flex-basis(0);
}

.view-content-post-editor .sidebar .actions .general button:last-child {
	border-left: none;
}

/*.view-content-post-editor .sidebar .actions .general button > div {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	
	height: 44px;
	
	color: rgb(102, 102, 102);
	background: rgba(208, 208, 208, 0.31);
	
	transition: box-shadow 0.4s, background 0.4s;
}

.view-content-post-editor .sidebar .actions .general button:hover > div {
	box-shadow: 0 3px 3px -1px rgba(11, 11, 11, 0.12);
	background: rgba(255, 255, 255, 0.5);	
}

.view-content-post-editor .sidebar .actions .general button svg {
	margin-right: 8px;
	font-size: 16px;
}*/

.view-content-post-editor .sidebar .actions .publication {
	.display-flex();
	.flex-direction(column);
	
	padding: 12px;
	border-top: 1px solid #ddd;
}

.view-content-post-editor .sidebar .actions .publication p {
	color: rgb(153, 153, 153);
	padding: 10px 10px 10px 0;
	font-size: 13px;
	line-height: 1.5;
	color: rgb(119, 119, 119);
}

.view-content-post-editor .sidebar .actions .publication p em,
.view-content-post-editor .sidebar .actions .publication p span {
	font-style: normal;
	color: rgb(85, 85, 85);
	font-weight: 500;
}

.view-content-post-editor .sidebar .actions .publication .mode,
.view-content-post-editor .sidebar .publication .mode {
	display: none;
	.flex-direction(column);
}

.view-content-post-editor .sidebar .actions .publication button[data-action="publish"] > div,
.view-content-post-editor .sidebar .actions .publication button[data-action="schedule"] > div,
.view-content-post-editor .sidebar .actions .publication button[data-action="unpublish"] > div,
.view-content-post-editor .sidebar .actions .publication button[data-action="unschedule"] > div {
	margin-right: 0;
}

.view-content-post-editor .sidebar .actions .publication[data-publication-mode="publish"] .mode[data-mode="publish"],
.view-content-post-editor .sidebar .publication[data-publication-mode="publish"] .mode[data-mode="publish"] { 
	.display-flex(); 
}
.view-content-post-editor .sidebar .actions .publication[data-publication-mode="schedule"] .mode[data-mode="schedule"],
.view-content-post-editor .sidebar .publication[data-publication-mode="schedule"] .mode[data-mode="schedule"] { 
	.display-flex();
}
.view-content-post-editor .sidebar .actions .publication[data-publication-mode="unpublish"] .mode[data-mode="unpublish"],
.view-content-post-editor .sidebar .publication[data-publication-mode="unpublish"] .mode[data-mode="unpublish"] { 
	.display-flex();
}
.view-content-post-editor .sidebar .actions .publication[data-publication-mode="unschedule"] .mode[data-mode="unschedule"],
.view-content-post-editor .sidebar .publication[data-publication-mode="unschedule"] .mode[data-mode="unschedule"] { 
	.display-flex();
}

.view-content-post-editor .sidebar .actions .publication button[data-action="choose-schedule-date"] {
	margin-top: 6px;
}

.view-content-post-editor .sidebar .actions .publication button[data-action="choose-schedule-date"] > div {
	.display-flex();
	transition: background 0.4s;
}

.view-content-post-editor .sidebar .actions .publication button[data-action="choose-schedule-date"] > div p,
.view-content-post-editor .sidebar .actions .publication button[data-action="choose-schedule-date"] > div p em {
	transition: color 0.4s;
}

.view-content-post-editor .sidebar .actions .publication button[data-action="choose-schedule-date"] > div > .icon {
	.display-flex();
	.justify-content(center);
	.align-items(center);
	
	width: 42px;
}

.view-content-post-editor .sidebar .actions .publication button[data-action="choose-schedule-date"]:hover > div {
	background: rgba(218, 218, 218, 0.3);
}

.view-content-post-editor .sidebar .actions .publication button[data-action="choose-schedule-date"]:hover > div p {
	color: rgb(34, 34, 34);
}

.view-content-post-editor .sidebar .actions .publication button[data-action="choose-schedule-date"]:hover > div p em {
	color: rgb(244, 12, 66);
}



/*.view-content-post-editor .sidebar .actions .publication .options {
	.display-flex();
	.flex-direction(row);
	
	margin-bottom: 12px;
}


.view-content-post-editor .sidebar .actions .publication .options > .item {
	.display-flex();
	.align-items(center);
	.flex-grow(1);
	.flex-basis(0);
	
	margin-right: 8px;
}

.view-content-post-editor .sidebar .actions .publication .options > .item:last-child {
	margin-right: 0;
}

.view-content-post-editor .sidebar .actions .publication .options > .item input { 
	margin: 0;
	padding: 0;
	width: 40px;
	opacity: 0;
	pointer-events: none;
}

.view-content-post-editor .sidebar .actions .publication .options > .item label { 
	.display-flex();
	.flex-grow(1);
	
	margin-left: -40px;
	
	cursor: pointer;
}

.view-content-post-editor .sidebar .actions .publication .options > .item label span { 
	.display-flex();
	.align-items(center);
	.justify-content(center);
	
	padding: 10px 0;
	border-radius: 99px;
}

.view-content-post-editor .sidebar .actions .publication .options > .item input[type="radio"]:checked:not(old) + label span { 
	background: rgb(237, 237, 237);
}

.view-content-post-editor .sidebar .actions .publication .options svg {
	width: 16px;
	font-size: 16px;
	margin-right: 6px;
}

.view-content-post-editor .sidebar .actions .publication .options label {
	.display-flex();
	.flex-direction(column);
	
}

.view-content-post-editor .sidebar .actions .publication .options label > .item {

}

.view-content-post-editor .sidebar .actions .publication .options .item > span {
	display: inline-block;
	margin-left: -20px;
	font-size: 13px;
}

.view-content-post-editor .sidebar .actions .publication .options label.selected .item > span {
	display: inline-block;
	margin-left: -20px;
	font-size: 13px;
}


.view-content-post-editor .sidebar .actions .publication .options .schedule label > .item {
	border-bottom: none;
}

.view-content-post-editor .sidebar .actions .publication .options label:last-child {
	border-bottom: none;
}

.view-content-post-editor .sidebar .actions .publication .options input {

}
*/

/*.view-content-post-editor .sidebar .actions .publication .mini-calendar-container,
.view-content-post-editor .sidebar .actions .publication p,
.view-content-post-editor .sidebar .actions .publication .options {
	display: none !important;
}*/

.view-content-post-editor .sidebar .actions .publication button {
	.flex-grow(1);
}

/*.view-content-post-editor .sidebar .actions .publication button > div  {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	
height: 48px;
background: #ececec;
border-right: 1px solid #dadada;
border-bottom: 1px solid #dadada;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
font-family: Rubik;
background: none;
color: #555;
}

.view-content-post-editor .sidebar .actions .publication button > div svg {
	margin-right: 6px;
	font-size: 16px;
}*/

.view-content-post-editor .sidebar .actions .publication button.no-text {
	.flex-grow(0);
}

.view-content-post-editor .sidebar .actions .publication button.no-text > div {
	height: 48px;
	width: 48px;
}

.view-content-post-editor .sidebar .actions .publication button.no-text > div svg {
	margin-right: 0;
}

/*.view-content-post-editor .sidebar .actions .publication button.special > div {
	background: rgb(244, 12, 66);
	border-bottom: 1px solid rgb(244, 12, 66);
	color: white;
}*/


.view-content-post-editor .sidebar .settings {
}

.view-content-post-editor .sidebar .settings .setting {
	.display-flex();
	.flex-direction(column);
	width: 100%;
	
	color: #999;
	border-bottom: 1px solid rgba(208, 208, 208, 0.24);
}

.view-content-post-editor .sidebar .settings .setting:last-child:not(:first-child) {
	border-bottom: none;
}

.view-content-post-editor .sidebar .settings .setting > .header {
	.display-flex();
	.flex-direction(row);	
	
	color: #777;
	transition: color 0.25s, background 0.25s;
}

.view-content-post-editor .sidebar .settings .setting > .header .content {
	.flex-grow(1);
	.flex-basis(0);
	padding-top: 15px;
	padding-right: 16px;
	padding-bottom: 16px;

	font-size: 14px;
	font-family: Rubik;
	line-height: 1.5;
	font-weight: 500;
}

.view-content-post-editor .sidebar .settings .setting > .expanded-content {
	padding-left: 54px;
}

.view-content-post-editor .sidebar .settings .setting > .header .icon {
	.display-flex();
	.justify-content(center);
	.flex-shrink(0);
	/*.align-items(center);*/
	
	width: 46px;
	min-height: 46px;
	font-size: 16px;
	padding-top: 17px;
}

.view-content-post-editor .sidebar .settings .setting > .header .content span {
	color: rgb(41, 41, 41);
	font-weight: 500;
}

.view-content-post-editor .sidebar .settings .setting .right {
	.display-flex();
	.flex-direction(column);
	
	padding-right: 16px;
	padding-bottom: 16px;
	padding-top: 15px;
}

.view-content-post-editor .sidebar .settings .setting .right .content {
	padding-top: 0;
}

.view-content-post-editor .sidebar .settings .setting .right .sub-content .input {
	.display-flex();
}

.view-content-post-editor .sidebar .settings button.setting {
	transition: background 0.4s;
}

.view-content-post-editor .sidebar .settings button.setting:hover {
	background: rgba(255,255,255,0.4);
}

.view-content-post-editor .sidebar .settings button.setting:hover .header {
	color: rgb(34, 34, 34);
	background: rgba(238, 238, 238, 0.3);
}

.view-content-post-editor .sidebar .settings button.setting:hover .content span {
	color: @link-highlight-color;	
}

.view-content-post-editor .sidebar .settings .setting.tags .current {
	.display-flex();
	.flex-wrap(wrap);
}

.view-content-post-editor .sidebar .settings .setting.tags .current .tag {
	.display-flex();
	.align-items(center);
	
	position: relative;
	margin-top: 8px;
	border: 1px solid rgb(208, 208, 208);
	background: rgba(255, 255, 255, 0.82);
	border-radius: 3px;
	margin-right: 10px;
}

.view-content-post-editor .sidebar .settings .setting.tags .current .tag span {
	padding: 6px 8px;
	font-size: 14px;
	font-weight: 500;
	color: rgb(41, 41, 41);
}

.view-content-post-editor .sidebar .settings .setting.tags .current .tag button {
	height: 100%;
}

.view-content-post-editor .sidebar .settings .setting.tags .current .tag button > div  {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	
	height: 100%;
	width: 30px;
	border-left: 1px solid rgb(208, 208, 208);
	background: rgba(208, 208, 208, 0.48);
}

.view-content-post-editor .sidebar .settings .cover-image {
	.align-items(center);
	.justify-content(center);
	
	background: linear-gradient(45deg, #f6b600 0%, #e100a7 100%);
	height: 200px;
	
	position: relative;
}

.view-content-post-editor .sidebar .settings .cover-image .hover {
	.display-flex();
	.flex-direction(column);
	.align-items(center);
	.justify-content(center);
	
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: rgba(0,0,0,0.6);
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s;
	
	color: white;
	font-weight: 500;
	font-size: 14px;
}

.view-content-post-editor .sidebar .settings .cover-image:hover:not(.empty):not(.uploading) .hover {
	opacity: 1;
}

.view-content-post-editor .sidebar .settings .cover-image .hover .default,
.view-content-post-editor .sidebar .settings .cover-image .hover .drag-over {
	display: none;
	.align-items(center);
	.justify-content(center);
}

.view-content-post-editor .sidebar .settings .cover-image .hover .default svg,
.view-content-post-editor .sidebar .settings .cover-image .hover .drag-over svg {
	font-size: 28px;
	margin-bottom: 6px;
}

.view-content-post-editor .sidebar .settings .cover-image:hover:not(.empty):not(.uploading) .hover .default {
	.display-flex();
	.flex-direction(column);
}

.view-content-post-editor .sidebar .settings .cover-image.uploading {
	
}

.view-content-post-editor .sidebar .settings .cover-image.file-dragover:not(.empty):not(.uploading) .hover {
	opacity: 1;
}

.view-content-post-editor .sidebar .settings .cover-image.file-dragover:not(.empty) .hover .drag-over {
	.display-flex();
	.flex-direction(column);
}


.view-content-post-editor .sidebar .settings .cover-image .ui-progress {
	display: none;
}

.view-content-post-editor .sidebar .settings .cover-image.file-dragover {
	
}

.view-content-post-editor .sidebar .settings .cover-image.uploading button {
	display: none;
}

.view-content-post-editor .sidebar .settings .cover-image.uploading .ui-progress {
	.display-inline-flex();
}

.view-content-post-editor .sidebar .settings .cover-image button {
	.align-self(stretch);
	.justify-self(stretch);
	
	height: 100%;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.view-content-post-editor .sidebar .settings .cover-image button > div {
	.display-flex();
	.flex-direction(column);
	.justify-content(center);
	.align-items(center);
	
	opacity: 0;
	color: rgba(255,255,255,0.6);
	
	transition: opacity 0.4s;
}

.view-content-post-editor .sidebar .settings .cover-image.empty button > div {
	opacity: 1;
}

.view-content-post-editor .sidebar .settings .cover-image button > div span {
	margin-top: 6px;
	color: white;
	font-size: 14px;
	font-weight: 500;
}

.view-content-post-editor .sidebar .settings .cover-image button > div svg {
	font-size: 28px;
}

.view-content-post-editor .sidebar .settings .cover-image.empty button:hover > div svg,
.view-content-post-editor .sidebar .settings .cover-image.empty button:hover > div span {
	color: @link-highlight-color;	
}


.view-content-post-editor.busy .sidebar button,
.view-content-post-editor.busy .main .title input,
.view-content-post-editor.busy .main .summary textarea {
	opacity: 0.5;
	pointer-events: none;
	cursor: default;
}

.view-content-post-editor.type-page .sidebar .settings .setting.channel,
.view-content-post-editor.type-page .sidebar .settings .setting.social-updates {
	display: none;
}

.view-content-post-editor .sidebar .setting.tags .input input {
  width: 100%;
}
.view-content-update-editor-actions {
	
}
.view-content-update-editor-actions button {
	margin-left: 10px;
}


.view-content-update-editor-actions button:not(:first-child)::before  {
	position: absolute;
	left: -6px;
	width: 1px;
	top: 4px;
	bottom: 4px;
	background: rgba(54, 54, 54, 0.1);
	display: block;
	content: '';
}


.view-content-update-editor-actions .publication {
	.display-flex();
}

.view-content-update-editor-actions .ui-button.special {
	min-width: 144px;
}

.view-content-update-editor-actions .publication p {
	color: rgb(153, 153, 153);
	padding: 14px 10px;
	font-size: 13px;
	line-height: 1.5;
	color: rgb(119, 119, 119);
}

.view-content-update-editor-actions .publication p em,
.view-content-update-editor-actions .publication p span {
	font-style: normal;
	color: rgb(85, 85, 85);
	font-weight: 500;
}

.view-content-update-editor-actions .publication .mode {
	display: none;
}

.view-content-update-editor-actions .publication[data-publication-mode="publish"] .mode[data-mode="publish"] {
	.display-flex();
}

.view-content-update-editor-actions .publication[data-publication-mode="schedule"] .mode[data-mode="schedule"] {
	.display-flex();
}

.view-content-update-editor-actions .publication[data-publication-mode="unpublish"] .mode[data-mode="unpublish"] {
	.display-flex();
}

.view-content-update-editor-actions .publication[data-publication-mode="unschedule"] .mode[data-mode="unschedule"] {
	.display-flex();
}

.view-content-update-editor-actions .publication[data-publication-mode="published"] .mode[data-mode="published"] {
	.display-flex();
}

.view-content-update-editor .main .message > * {
	display: none;
}

.view-content-update-editor .main .message[data-publish-type="shareLink"] .type-shareLink,
.view-content-update-editor .main .message[data-publish-type="uploadMedia"] .type-uploadMedia,
.view-content-update-editor .main .message[data-publish-type="statusUpdate"] .type-statusUpdate {
	display: flex;
}

.view-content-update-editor .main .message .type-uploadMedia {
	justify-content: center;
	align-items: center;
	background: rgb(242, 242, 242);
}

.view-content-update-editor .main .message .type-uploadMedia > .content {
	width: 500px;
	padding: 0;
	background: rgb(255, 255, 255);
	margin: 20px;
	border-radius: 3px;
}

.view-content-update-editor .main .message .type-uploadMedia .content .ui-mediapicker {
	margin: 8px;
}

.view-content-update-editor .main .message .type-uploadMedia .content textarea {
	width: ~'calc(100% - 16px)';
	max-width: ~'calc(100% - 16px)';
	margin: 8px;
	height: 90px;
}

.view-content-update-editor .main .message .type-shareLink {
	justify-content: center;
	align-items: center;
	background: rgb(242, 242, 242);
}

.view-content-update-editor .main .message .type-shareLink > .content {
	width: 500px;
	padding: 0;
	background: rgb(255, 255, 255);
	margin: 20px;
	border-radius: 3px;
}

.view-content-update-editor .main .message .type-shareLink .content .link {
	height: 280px;
	margin: 8px;
	display: flex;
	background: rgb(246, 246, 246);
	align-items: center;
	justify-content: center;
	flex-direction: row;
}

.view-content-update-editor .main .message .type-shareLink .content .link input {
	flex-grow: 1;
	margin-left: 30px;
	margin-right: 30px;
}

.view-content-update-editor .main .message .type-shareLink .content textarea {
	width: ~'calc(100% - 16px)';
	max-width: ~'calc(100% - 16px)';
	margin: 8px;
	height: 90px;
}

.view-content-update-editor .main .message .type-statusUpdate {
	justify-content: center;
	align-items: center;
	background: rgb(242, 242, 242);
}

.view-content-update-editor .main .message .type-statusUpdate > .content {
	width: 500px;
	padding: 0;
	background: rgb(255, 255, 255);
	margin: 20px;
	border-radius: 3px;
}

.view-content-update-editor .main .message .type-statusUpdate .content textarea {
	width: ~'calc(100% - 16px)';
	max-width: ~'calc(100% - 16px)';
	margin: 8px;
	height: 160px;
}

.view-content-update-editor .main .destinations .item {
	display: none;
}

.view-content-update-editor .main .destinations[data-supported-type="uploadMedia"] .item[data-support-media="1"],
.view-content-update-editor .main .destinations[data-supported-type="statusUpdate"] .item[data-support-status="1"],
.view-content-update-editor .main .destinations[data-supported-type="shareLink"] .item[data-support-link="1"] {
	display: flex;
}

.view-content-update-editor .main .destinations .item {
	padding: 4px;
	background: white;
	margin-right: 4px;
	margin-bottom: 4px;
}

.view-content-update-editor .main .destinations .item .avatar {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	width: 48px;
	height: 48px;
}

.view-content-update-editor .main .destinations .item .avatar .img {
	width: 38px;
	height: 38px;
	background-size: cover;
	border-radius: 38px;
}

.view-content-update-editor .main .destinations .item .info .account {
	font-weight: bold;
}

.view-content-update-editor .main .destinations .item .info .type {
	font-size: 13px;
}

.view-content-update-editor .sidebar .setting.destinations-published  {
	display: none;
}

.view-content-update-editor .sidebar .setting.destinations-published.show  {
	.display-flex();
}

.view-content-update-editor .sidebar .setting.destinations  {
	display: none;
}

.view-content-update-editor .sidebar .setting.destinations.show  {
	.display-flex();
}

.view-content-update-editor .sidebar .setting.destinations .groups-list {
	padding: 8px 0 0 0;	
}



.view-content-update-editor .sidebar .setting.destinations .group {
	display: none;
	margin-bottom: 8px;
}

.view-content-update-editor .sidebar .setting.destinations .groups-list[data-supported-type="uploadMedia"] .group[data-support-media="1"],
.view-content-update-editor .sidebar .setting.destinations .groups-list[data-supported-type="statusUpdate"] .group[data-support-status="1"],
.view-content-update-editor .sidebar .setting.destinations .groups-list[data-supported-type="shareLink"] .group[data-support-link="1"] {
	.display-flex();
	.flex-direction(column);
}


.view-content-update-editor .sidebar .setting.destinations .group-label {
	padding-top: 5px;
	padding-bottom: 5px;
}

.view-content-update-editor .sidebar .setting.destinations .group-label svg {
	width: 20px;
	font-size: 20px;
	margin-right: 6px;
}

.view-content-update-editor .sidebar .setting.destinations .destinations-list {
	padding-left: 26px;
}

.view-content-update-editor .sidebar .setting.destinations .destination {
	.display-flex();
}

.view-content-update-editor .sidebar .setting.destinations .destination .account {
	margin-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.view-content-update-editor .sidebar .setting.destinations .destination .account label {
	cursor: pointer;
	color: rgb(41, 41, 41);
	font-weight: 500;
}
.view-list-common {
	.display-flex();
	.flex-direction(row);
}

.view-list-common > .main {
	.display-flex();
	.flex-direction(column);
	.flex-basis(0);
	.flex-grow(1);
}

.view-list-common > .sidebar {
	.display-flex();
	.flex-direction(column);
	.flex-shrink(0);
	.align-self(flex-start);
	width: 320px;
	margin-left: 78px;
	background: white;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
}

.view-list-common-title {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 500;
	color: rgb(0, 0, 0);
}

.view-list-common .body .image,
.view-list-common-body-image {
	width: 48px;
	height: 48px;
	overflow: hidden;
	margin: 10px 0 10px 10px;
}

.view-list-common .body .main .meta-line,
.view-list-common-meta-line {
    vertical-align: middle;
    color: rgb(119, 119, 119);
    font-size: 13px;
}

.view-list-common .body .main .meta-line span,
.view-list-common-meta-line span {
    font-weight: 500;
}

.view-list-common .body .main,
.view-list-common-main {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	.justify-content(center);
	padding: 16px;
}
.view-dataset-data {
	.flex-grow(1);
	.display-flex();
}

.view-dataset-data .dataset-data-container {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	overflow: hidden;
}

.view-dataset-data .dataset-data-header {
	.display-flex();
	margin-bottom: 48px;
}

.view-dataset-data .dataset-toolbar {
	.flex-grow(1);
	margin-bottom: 16px;
}

.view-dataset-data .dataset-toolbar.bottom {
	margin-top: 16px;
	margin-bottom: 64px;
}

.view-dataset-data .dataset-toolbar button > div {
	.display-flex();
	.align-items(center);
	padding: 4px 16px;
}

.view-dataset-data .dataset-toolbar button > div svg {
	margin-right: 8px;
}

.view-dataset-data .dataset-data {

}

.view-dataset-data .dataset-data table {
	width: 100%;
    border-spacing: 0px;
    border-collapse: separate;
}

.view-dataset-data .dataset-data table {
	white-space: nowrap;
	width: auto;
	min-width: 100%;
}

.view-dataset-data .dataset-data table thead {

}

.view-dataset-data .dataset-data table thead th,
.view-dataset-data .dataset-data table tbody td {
	padding: 8px 10px;
	text-align: left;
}

.view-dataset-data .dataset-data table thead th {
	color: #666;
	font-size: 14px;
	font-weight: 500;
	border-bottom: 2px solid rgb(226, 226, 226);
}

.view-dataset-data .dataset-data table tbody td {
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}


.view-dataset-data .dataset-data table thead th.actions,
.view-dataset-data .dataset-data table tbody td.actions {
	min-width: 140px;
	max-width: 140px;
	width: 140px;
}

.view-dataset-data .dataset-data table tbody td.actions .ui-button {
	display: inline-flex;
}

.view-dataset-data .sidebar {
	.flex-shrink(0);
	.flex-basis(320px);
	
	margin-right: 48px;
	
	background: white;
}

.view-dataset-data .sidebar ul li label {
	.display-flex();
	
	padding: 8px;
}

.view-dataset-data .sidebar ul li {
	border-bottom: 1px solid #eee;
}

.view-dataset-record-edit {
	margin: 0 auto;
	margin-bottom: 64px;
}

.view-dataset-record-edit .field {
	.display-flex();
	
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #e0e0e0;
}

.view-dataset-record-edit .field-single-image-upload-preview {
	display: none;
	max-width: 180px;
	max-height: 180px;
	align-self: center;
	margin-bottom: 16px;
	
}

.view-dataset-record-edit .field-single-image-upload-preview.show {
	display: inline;
}


.view-dataset-record-edit .field .label {
	width: 240px;
	.display-flex();
	.flex-shrink(0);
	align-items: center;
	justify-content: flex-end;
	padding-right: 20px;
}

.view-dataset-record-edit .field .input-comment {
	margin-top: 14px;
	padding-bottom: 8px;
	color: #aaa;
	font-size: 14px;
}

.view-dataset-record-edit .field .input {
	.flex-grow(1); 
	padding: 8px;
	overflow: hidden;
	
	.table-link {
		.values {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			
			.foreign-record {
				padding: 8px;
				background: white;
				
				button {
					margin-left: 10px;
				}
			}
		}
	}
}

.view-dataset-record-edit .field .input input,
.view-dataset-record-edit .field .input textarea {
	cursor: pointer;
	width: 100%;
	border-radius: 3px;
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
	border: none;
	padding: 12px;
	font-weight: 500;
}

.view-dataset-record-edit .field .input textarea {
	height: 120px;
}

.view-dataset-record-edit .renderer-fragments .fragment .fragment-add-button {
	display: none;
}

.view-dataset-record-edit .field[data-type="default"][data-value-type="fragments"]{
	
	.label {
		align-items: flex-start;
		padding-top: 14px;
		padding-bottom: 14px;
	}
	
	.input {
		overflow: visible;
	}
}



.view-dataset-record-edit .fragment-selection {
	margin-top: 12px;
	align-items: center;
	
	button {
		margin-right: 8px;
	}
		
	button > div {
		padding: 10px 18px;
		border: 1px solid transparent;
		background: rgb(249, 249, 249);
		box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.08);
		border-radius: 3px;
		
		svg {
			margin-right: 6px;
		}
	}
}

.view-dataset-record-edit .fragment-selection::before {
    content: 'Add content:';
    font-size: 15px;
    color: #888;
    margin-right: 22px;
    margin-left: 8px;
}



.view-dataset-record-edit .fragments-footer {

	> h3 {
		display: none;
	}
	
	> .quick-embed-header, > .quick-embed {
		display: none;
	}
	
	> .fragment-selection {
		li {
			display: none;
		}
		
		li[data-widget-type="CMSTextWidget"],
		li[data-widget-type="CMSImageWidget"] {
			display: block;
		}
	}
}



.view-datetime-picker {
	
}


.view-datetime-picker  {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
}


.view-datetime-picker-nav {
	.display-flex();
	.flex-direction(row);
	.align-items(center);

	/*background: linear-gradient(to bottom, #f2f2f2, #e6e6e6);
	background: linear-gradient(to bottom, #949494, #4440);
	
	border-bottom: 1px solid #dadada;*/
	
	border-radius: 3px 3px 0 0;
}

.view-datetime-picker-nav span.date {
	.flex-grow(1);
	
	margin-left: 14px;
	font-size: 14px;
	font-weight: bold;
	color: #484848;
	text-align: center;
}


.view-datetime-picker-nav .view-mode label {
	cursor: pointer;
}


.view-datetime-picker > .view-month {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
}

.view-datetime-picker > .view-month .header {
	.display-flex();
	.flex-direction(row);

	border-bottom: 1px solid #ccc;
	background: linear-gradient(to bottom, #ffffffb3, #e6e6e6);
}

.view-datetime-picker > .view-month .header .day-name {
	.flex-grow(1);
	.flex-basis(0);
	padding: 8px;
	text-align: center;
	color: #545252CC;
	font-weight: bold;
	font-size: 13px;
}

.view-datetime-picker > .view-month .row {
	.display-flex();
	.flex-direction(row);
	.flex-grow(1);
	.flex-basis(0);
	.flex-shrink(0);

	border-bottom: 1px solid #ccc;
}

.view-datetime-picker > .view-month .row > .row-wrapper {
	.display-flex();
	.flex-direction(row);
	.flex-grow(1);
	.flex-basis(0);
	.flex-shrink(0);
	
}

.view-datetime-picker > .view-month .row:last-child {
	border-bottom: none;
}

.view-datetime-picker > .view-month .row .day {
	.flex-grow(1);
	.flex-basis(0);
	.flex-shrink(0);
	
	border-right: 1px solid rgb(204, 204, 204);
}

.view-datetime-picker > .view-month .row .day:last-child {
	border-right: none;
}

.view-datetime-picker > .view-month .row .day .number {
	padding: 6px 8px;
	font-size: 12px;
	color: #555;
}

.view-datetime-picker > .view-month .row .day .number span {
	padding: 0;
}

.view-datetime-picker > .view-month .row .day.previous-month .number,
.view-datetime-picker > .view-month .row .day.next-month .number {
	color: #969696;
}

.view-datetime-picker > .view-month .row .day.previous-month,
.view-datetime-picker > .view-month .row .day.next-month {
	background: rgba(230,230,230,0.6);
	background: rgba(243, 243, 243, 0.73);
	background: rgba(200, 200, 200, 0.7);
}


.view-file-list {
    .display-flex();
    .flex-direction(column);
    .flex-grow(1);
    position: relative;
    height: 100%;


    .files[data-mode="drag-over"] * {
           pointer-events: none;
   }

    &.type-folders .toolbar .add-file {
            display: none;
    }

    .toolbar {
            .display-flex();
            .align-items(center);

            padding: 2px 16px;

            margin-bottom: 16px;
    }


    .item {
            margin-right: 4px;

            &.type-folder {
                
                color: black;
                
                .name a {
                    padding-left: 16px;
                    
                    svg {
                        font-size: 16px;
                        margin-right: 12px;
                        color: #ccc;
                    }
                }
                
            }
    }
}




.view-file-list .files  {
	.display-flex();
	.flex-direction(column);
	overflow-y: auto;
	background: rgb(255, 255, 255);
	border-radius: 2px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
}

.view-file-list .files .item {
	.display-flex();
	border-bottom: 1px solid #eee;
	align-items: center;
	min-height: 38px;
}

.view-file-list .files .item .check {
	width: 48px;
	
	label {
		padding-top: 8px;
		padding-bottom: 8px;
	}
}

.view-file-list .files .item .name, 
.view-file-list .files .item .name a {
	.flex-grow(1);
	color: rgb(51, 51, 51);
	font-weight: 500;
	font-size: 15px;
        display: flex;
        align-items: center;
        height: 100%;
}

.view-file-list .files .item .name a:hover {
	color: #f40c42 !important;
}

.view-file-list .drag-over {
	display: none;
}

.view-file-list .files[data-mode="drag-over"] + .drag-over {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.4);
	pointer-events: none;
}

.view-javascript-editor {
	.display-flex();
	overflow: hidden;
}

.view-javascript-editor .sidebar {
	.flex-shrink(0);
	width: 320px;
	margin-right: 32px;
	background: white;
}

.view-javascript-editor .main {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	overflow: hidden;
}

.view-javascript-editor .main .actions {
	height: 48px;
	background: #ddd;
}

.view-javascript-editor .main #javascript-editor {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
}

.view-javascript-editor .main #javascript-editor .CodeMirror {
	.flex-grow(1);
	font-size: 13px;
}

.view-javascript-editor .sidebar .javascripts {
	
}

.view-javascript-editor .sidebar .javascripts ul {
	border-top: 1px solid #eee;
}

.view-javascript-editor .sidebar .javascripts ul li {
	.display-flex();
}

.view-javascript-editor .sidebar .javascripts ul li .check {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	width: 32px;

}

.view-javascript-editor .sidebar .javascripts ul li .info {
	.display-flex();
	.flex-grow(1);
	overflow: hidden;
	
	.actions {
		display: flex;
		align-items: center;
		flex-shrink: 0;
		
		button {
			div {
				display: inline-flex;
				width: 42px;
				height: 32px;
				align-items: center;
				justify-content: center;
			}
		}
	}
}

.view-javascript-editor .sidebar .javascripts ul li input[type="radio"] {
	width: 40px;
	height: 40px;
	margin-left: -40px;
	margin-top: -40px;
	margin-right: 0;
	margin-bottom: 0;
}

.view-javascript-editor .sidebar .javascripts ul li input[type="radio"]:checked + label {
	background: rgb(237, 237, 237);
}

.view-javascript-editor .sidebar .javascripts ul li label {
	.display-flex();
	width: 100%;
	padding: 10px;
}

.view-list-common {
	.display-flex();
	.flex-direction(column);
	
	padding-bottom: 90px;
}
.view-list-common .list-container {
	position: relative;
}

.view-list-common.with-sidebar {
	.flex-direction(row);
}

.view-list-common > .main {
	.display-flex();
	.flex-direction(column);
	.flex-basis(0);
	.flex-grow(1);
}

.view-list-common > .sidebar {
	.display-flex();
	.flex-direction(column);
	.flex-shrink(0);
	.align-self(flex-start);
	width: 320px;
	margin-left: 78px;
	
}

.view-list-common > .sidebar .filter[data-filter-name="status"] .undelete {
	padding-top: 12px;
}

.view-list-common > .sidebar .filter[data-filter-name="status"] .undelete a {
	color: rgb(85, 85, 85);
	text-align: right;
	font-size: 13px;
}

.view-list-common > .sidebar > .wrapper {
	/*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
	background: rgba(255, 255, 255, 0.7);
 border-radius: 2px;
	*/
	
}

.view-list-common > .sidebar .filter {
	.display-flex();
	
	padding: 8px 10px 10px 10px;
	
	border-bottom: 1px solid rgba(243, 243, 243, 1);
}

.view-list-common > .sidebar .filter:last-child {
	border-bottom: none;
}

.view-list-common > .sidebar .filter .icon {
	.display-flex();
	.align-items(center);
	.justify-content(center);

	width: 46px;
	height: 40px;
	margin-right: 10px;
}

.view-list-common > .sidebar .filter .icon svg {
	font-size: 16px;
	color: rgb(136, 136, 136);
}

.view-list-common > .sidebar .filter .input {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	.justify-content(center);
}

.view-list-common > .sidebar .filter .input .label {
	.display-flex();
	.align-items(center);
	height: 40px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.38);
	font-size: 14px;
}

.view-list-common > .sidebar .filter .input label {
	cursor: pointer;
}

.view-list-common > .sidebar .filter[data-type="query"] .input {
	padding-right: 16px;
}

.view-list-common > .sidebar .filter[data-type="query"] .input input {
	width: 100%;
}


.view-list-common > .sidebar .filter[data-type="multi-select"] .input .item,
.view-list-common > .sidebar .filter[data-type="radio"] .input .item {
	.display-flex();
	.align-items(center);	
	padding: 4px;
	
	font-size: 13px;
	font-weight: 500;
	color: rgb(66, 66, 66);
	
}
.view-list-common > .sidebar .filter[data-type="multi-select"] .input .item .check,
.view-list-common > .sidebar .filter[data-type="radio"] .input .item .check {
	padding-right: 8px;
}

.view-list-common-title {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 500;
	color: rgb(0, 0, 0);
}

.view-list-common .body .image,
.view-list-common-body-image {
	width: 48px;
	height: 48px;
	overflow: hidden;
	margin: 10px 0 10px 10px;
}

.view-list-common .body .main .meta-line,
.view-list-common-meta-line {
    vertical-align: middle;
    color: rgb(119, 119, 119);
    font-size: 13px;
}

.view-list-common .body .main .meta-line span,
.view-list-common-meta-line span {
    font-weight: 500;
}

.view-list-common .body .main,
.view-list-common-main {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	.justify-content(center);
	padding: 16px;
}

.view-list-common-media {
	.flex-shrink(0);
	.align-self(center);
	
	width: 100px;
	height: 70px;
	overflow: hidden;
	margin: 8px 10px 8px 10px;
	border-radius: 2px;
	border: 1px solid rgba(51, 51, 51, 0.07);
	padding: 5px;
	background: rgba(153, 153, 153, 0.07);
}

.view-list-common-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}
.view-location-picker {
	.display-flex();
	
	width: 100%;
	min-height: 300px;
}

.view-location-picker .map {
	.flex-grow(1);
	.flex-basis(0);
}

.view-location-picker .address {
	.flex-grow(1);
	.flex-basis(0);
	
	margin-left: 20px;
}

.view-location-picker .address label {
	.display-flex();
	.align-items(center);
	
	margin-bottom: 16px;
	cursor: pointer;
}

.view-location-picker .address label .text {
	.flex-grow(1);
	.flex-basis(0);
}

.view-location-picker .address label .input {
	.flex-grow(1);
	.flex-basis(0);
}

.view-location-picker .address label .input input[type="text"], 
.view-location-picker .address label .input select, 
.view-location-picker .address label .input textarea { 
	width: 100%;
}

.view-pagination {
	.display-flex();
	.align-items(center);
}

.view-pagination .button-group {
}
.view-pagination .button-group,
.view-pagination .button-group .page-buttons {
	.display-flex();
	.align-items(center);
	margin: 0 12px;
}

.view-pagination .button-group .page-buttons {
	
}

.view-pagination .button-group .page-buttons .ui-button {
	margin: 0 2px;
}

.view-pagination a.ui-button > div, 
.view-pagination button.ui-button > div {
	font-size: 12px;
	border-radius: 2px;
	padding: 0;
	width: 46px;
	height: 38px;
	/*border: 1px solid rgba(221, 221, 221, 0.69);*/
	margin-right: 2px;
}

.view-pagination .page-buttons a.ui-button > div, 
.view-pagination .page-buttons button.ui-button > div {

}

.view-pagination button.selected > div {
	background: #f40c42;
	color: white;
	font-weight: 500;
	border-color: #f40c42 !important;
}

.view-pagination .page-buttons a.ui-button > div svg, 
.view-pagination .page-buttons button.ui-button > div svg {
	margin-right: 0;
}

.view-pagination a.ui-button > div svg:first-child, 
.view-pagination button.ui-button > div svg:first-child {
	margin-right: 0;
}

.view-pagination .page-buttons a.ui-button:last-child > div, 
.view-pagination .page-buttons button.ui-button:last-child > div {
	margin-right: 0;
}

.view-pagination .page-buttons {
	
}

.view-pagination .page-buttons a.ui-button.selected > div, 
.view-pagination .page-buttons button.ui-button.selected > div {
	
}

.view-pagination .button-group > button.ui-button > div {
	border: none;
	margin-right: 0;
}

.view-pagination .button-group > button.ui-button:hover > div {
	border: none;
	background: none;
	box-shadow: none;
}
.renderer-form {
	
}

.renderer-form .panel {
	margin-bottom: 48px;
	
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
    padding: 30px 36px 20px 36px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.renderer-form .panel .header {
	.display-flex();
}

.renderer-form .panel .header .label {
	.flex-grow(1);
}

.renderer-form .panel .fields {
	background: white;
}

.renderer-form .panel .fields > .add-field {
	background: #ddd;
	padding: 18px;
}

.renderer-form .panel .field  {
	.display-flex();
	
	margin-bottom: 18px;
}

.renderer-form .panel .field .left {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	.flex-basis(0);
	
	margin-right: 8px;
}

.renderer-form .panel .field .right {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	.flex-basis(0);
}

.renderer-form .panel .field .right .comment {
	width: 100%;
}


.renderer-form .panel .field .actions {
	.display-flex();
	.flex-direction(column);
	.flex-shrink(0);
	
	width: 48px;
}

.renderer-form .panel .field .right .input {
	.display-flex();
}

.renderer-form .panel .field .right .input select {
	.flex-grow(1);
}

.renderer-form .panel .field .right .input button {
	display: none;
}

.renderer-form .panel .field .right .input button.show {
	display: block;
}
.view-stylesheet-editor {
	.display-flex();
	overflow: hidden;
}

.view-stylesheet-editor .sidebar {
	.flex-shrink(0);
	width: 320px;
	margin-right: 32px;
	background: white;
}

.view-stylesheet-editor .main {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	overflow: hidden;
}

.view-stylesheet-editor .main .actions {
	height: 48px;
	background: #ddd;
}

.view-stylesheet-editor .main #css-editor {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
}

.view-stylesheet-editor .main #css-editor .CodeMirror {
	.flex-grow(1);
	font-size: 13px;
}

.view-stylesheet-editor .sidebar .stylesheets {
	
}

.view-stylesheet-editor .sidebar .stylesheets ul {
	border-top: 1px solid #eee;
}

.view-stylesheet-editor .sidebar .stylesheets ul li {
	.display-flex();
}

.view-stylesheet-editor .sidebar .stylesheets ul li .check {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	width: 32px;

}

.view-stylesheet-editor .sidebar .stylesheets ul li .info {
	.display-flex();
	.flex-grow(1);
	overflow: hidden;
	
	.actions {
		display: flex;
		align-items: center;
		flex-shrink: 0;
		
		button {
			div {
				display: inline-flex;
				width: 42px;
				height: 32px;
				align-items: center;
				justify-content: center;
			}
		}
	}
}

.view-stylesheet-editor .sidebar .stylesheets ul li input[type="radio"] {
	width: 40px;
	height: 40px;
	margin-left: -40px;
	margin-top: -40px;
	margin-right: 0;
	margin-bottom: 0;
}

.view-stylesheet-editor .sidebar .stylesheets ul li input[type="radio"]:checked + label {
	background: rgb(237, 237, 237);
}

.view-stylesheet-editor .sidebar .stylesheets ul li label {
	.display-flex();
	width: 100%;
	padding: 10px;
}

.view-content-template-editor {
	
}

.view-content-template-editor > .stage > .main {
	.display-flex();
	.flex-direction(column);
	
	margin-right: 0;
}

.view-content-template-editor > .stage > .main iframe {
	.flex-grow(1);
	background: white;
	width: 100%;
	border: 1px solid #e0dcd6;
}

.view-content-template-editor > .stage > .main .renderer-wrapper {
	.display-flex();
	.flex-direction(column);
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.view-content-template-editor > .stage > .main .renderer-wrapper .fake-browser-header {
	display: none;
}

.view-content-template-editor .sidebar .settings {
	.display-flex();
	.flex-direction(column);
	
	height: 100%;
	
	overflow-y: scroll;
	
	border: 1px solid #e0dcd6;
	border-radius: 6px;
	background: #b2b4bc;

}

.view-content-template-editor .sidebar .settings button.mini-button > div {
	.display-flex();
	.justify-content(center);
	.align-items(center);
	
	width: 36px;
	height: 36px;
	
	border-radius: 0;
	
	border-left: none;

	border-radius: 4px 0 0 4px;
	border: 1px solid rgba(210, 210, 210, 0.48);
	background: linear-gradient(to bottom, #fff, #e7e8f0);
}

.view-content-template-editor .sidebar .settings button.mini-button:last-child:first-child > div {
	border-radius: 4px;
}

.view-content-editor .sidebar .settings .setting .config button > div svg {
	font-size: 16px;
}

.view-content-template-editor .sidebar .theme-body {
	background: #404351;
	padding: 16px 18px;
}

.view-content-template-editor .sidebar .description {
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	
	margin-bottom: 8px;
	color: white;
	
}

.view-content-template-editor .sidebar .setting.type-layouts .description {
	color: #6c7083;
}

.view-content-template-editor .sidebar .setting.type-layouts .layouts  {
	
}

.view-content-template-editor .sidebar .setting.type-layouts .layouts .layout {
	margin-bottom: 12px;
	background: white;
	border-radius: 4px;
}

.view-content-template-editor .sidebar .theme-body .bottom {
	.display-flex();
	.align-items(center);
}

.view-content-template-editor .body-settings {
	
}

.view-content-template-editor .body-settings .type-block {
	
}

.view-content-template-editor .body-settings .type-layouts .layout > .info {
	.display-flex();
	background: #eee;
	padding: 10px 12px;
}

.view-content-template-editor .body-settings .type-layouts .layout > .info .title {
	.flex-grow(1);
	font-weight: 500;
	font-size: 14px;
}

.view-content-template-editor .body-settings .type-layouts .widget-settings .widget-setting .info {
	.display-flex();
	padding: 8px;
}

.view-content-template-editor .body-settings .type-layouts .widget-settings .widget-setting .info .title {
	.flex-grow(1);
}

.view-content-template-editor .body-settings .type-layouts .widget-settings .widget {
	.display-flex();
	padding: 8px;
}

.view-content-template-editor .body-settings .type-layouts .widget-settings .widget .title {
	.flex-grow(1);
}

.view-content-editor .sidebar .settings .setting.type-block {
	background: #6c7083;
}
.view-text-editor-toolbar {
	padding: 2px;
    background: rgb(119, 119, 119);
}
.view-text-editor-toolbar header {
	.display-flex();
	
}

.view-text-editor-toolbar button {

}

.view-text-editor-toolbar button div {
	.display-inline-flex();
	.align-items(center);
	.justify-content(center);
	color: rgb(255, 255, 255);
	width: 40px;
	height: 40px;
	border-radius: 3px;
}

.view-text-editor-toolbar button:hover {
	background: rgba(255,255,255,0.15);
}
.view-text-editor {
	.flex-grow(1);
	
	outline: none;
}

.view-text-editor p {
	color: black !important;
	margin-bottom: 24px !important;
	line-height: 1.45 !important;
	
	margin-top: 16px !important;
	margin-bottom: 16px !important;
}

.view-text-editor h1 {
	color: black !important;
	font-size: 22px !important;
	text-align: left !important;	
	margin-top: 0 !important;
	margin-bottom: 16px !important;
}

.view-text-editor h2 {
	color: black !important;
	font-size: 18px !important;
	text-align: left !important;	
	margin-top: 0 !important;
	margin-bottom: 16px !important;
}

.view-text-editor h3 {
	color: black !important;
	font-size: 16px !important;
	text-align: left !important;	
	margin-top: 0 !important;
	margin-bottom: 16px !important;
}

.view-text-editor p:last-child {
	margin-bottom: 0;
}


.view-text-editor ol, 
.view-text-editor ul {
	padding-left: 18px;
	margin-left: 12px;
	margin-top: 14px;
	margin-bottom: 16px;
};

.view-text-editor ol li, 
.view-text-editor ul li {
	padding-left: 8px;
};

.view-text-editor ol {
	list-style: decimal;
};

.view-text-editor ul {
	list-style: disc;
};



#modal-configure-template-entity .setting .input .view-text-editor {
  border: 1px solid rgb(221, 221, 221);
  padding: 6px 8px;
  border-radius: 3px;
  width: 100%;
  background: white;
}



.view-time-picker {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	.justify-content(center);
}

.view-time-picker .input {
	.display-flex();
	.flex-direction(row);
}

.view-time-picker .input .hours,
.view-time-picker .input .minutes {
	.display-flex();
	.flex-direction(column);
	.align-items(center);
}

.view-time-picker .input .separator {
	.display-flex();
	.flex-direction(column);
	.align-items(center);
	.justify-content(center);
	
	padding: 0 30px;
	font-size: 20px;
}

.view-time-picker .input .hours button > div,
.view-time-picker .input .minutes button > div {
	padding: 14px;
}

.view-time-picker .input .hours input,
.view-time-picker .input .minutes input {
	padding: 14px;
	text-align: center;
	font-size: 36px;
	font-weight: 500;
	width: 100%;
}

.view-time-picker .input .hours input[type="number"],
.view-time-picker .input .minutes input[type="number"] {
    -moz-appearance:textfield;
}

.view-time-picker .input .hours input::-webkit-outer-spin-button,
.view-time-picker .input .hours input::-webkit-inner-spin-button,
.view-time-picker .input .minutes input::-webkit-outer-spin-button,
.view-time-picker .input .minutes input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.list.list-connections {
	
}

.list.list-connections .item {
	.display-flex();
	.flex-direction(column);

	padding-bottom: 14px;
	padding-top: 14px;
	background: white;
	margin-bottom: 4px;
	border-radius: 2px;
}

.list.list-connections .item .body {
	.display-flex();
}

.list.list-connections .item .body .check {
	width: 72px;
}

.list.list-connections .item .body .type {
	.display-flex();
	.align-items(center);
	
	font-size: 13px;
	font-weight: 500;
	color: rgb(159, 159, 159);
	
	margin-right: 18px;
	width: 150px;
}

.list.list-connections .item .body .type svg {
	font-size: 22px;
	text-align: center;
	margin-right: 8px;
}

.list.list-connections .item .body .type svg.fa-slack {
	color: #444;
}

.list.list-connections .item .body .type svg.fa-facebook {
	color: #3b5998;
}

.list.list-connections .item .body .type svg.fa-twitter {
	color: #1da1f2;
}


.list.list-connections .item .body .avatar {
	width: 48px;
	height: 48px;
	
	margin-right: 14px;
}

.list.list-connections .item .body .avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 9999px;
}

.list.list-connections .item .body .destination {
	.display-flex();
	.flex-direction(column);
	.justify-content(center);
	.flex-grow(1);
}

.list.list-connections .item .body .destination .account {
	margin-bottom: 6px;
	color: rgb(51, 51, 51);
	font-size: 14px;
	font-weight: 500;
}


.list.list-connections .item .body .connection {
	.display-flex();
	.align-items(Center);
	
	font-size: 13px;
	padding-right: 20px;
	font-weight: 500;
	color: #aaa;
}

.list.list-connections .item .status {
	padding-left: 48px;
}
.list.list-destinations {
	
}

.list.list-destinations .item {
	.display-flex();
	.flex-direction(column);

	padding-bottom: 14px;
	padding-top: 14px;
	background: white;
	margin-bottom: 4px;
	border-radius: 2px;
}

.list.list-destinations .item .body {
	.display-flex();
}

.list.list-destinations .item .body .check {
	width: 72px;
}

.list.list-destinations .item .body .avatar {
	width: 48px;
	height: 48px;
	
	margin-right: 14px;
}

.list.list-destinations .item .body .avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 9999px;
}

.list.list-destinations .item .body .destination {
	.display-flex();
	.flex-direction(column);
	.justify-content(center);
	.flex-grow(1);
}

.list.list-destinations .item .body .destination .account {
	margin-bottom: 6px;
	color: rgb(51, 51, 51);
	font-size: 14px;
	font-weight: 500;
}

.list.list-destinations .item .body .destination .type {
	.display-flex();
	.align-items(center);
	
	font-size: 13px;
	font-weight: 500;
	color: rgb(159, 159, 159);
}

.list.list-destinations .item .body .destination .type svg {
	font-size: 22px;
	text-align: center;
	margin-right: 8px;
}

.list.list-destinations .item .body .destination .type.facebook-user svg,
.list.list-destinations .item .body .destination .type.facebook-page svg {
	color: rgb(52, 114, 207);
	color: #3b5998;
}

.list.list-destinations .item .body .destination .type.twitter-user svg {
	color: #1da1f2;
}

.list.list-destinations .item .body .connection {
	.display-flex();
	.align-items(Center);
	
	font-size: 13px;
	padding-right: 20px;
	font-weight: 500;
	color: #aaa;
}

.list.list-destinations .item .status {
	padding-left: 48px;
}
.list.list-entities-create {
	font-size: 15px;
}

.list.list-entities-create li a {
	.display-flex();
	.align-items(center);
	color: rgb(85, 85, 85);
	padding: 8px;
	font-size: 14px;
	font-weight: 500;
	border-bottom: 1px solid #eee;
}

.list.list-entities-create li:first-child a {
	border-radius: 3px 3px 0 0;
}

.list.list-entities-create li:last-child a {
	border-radius: 0 0 3px 3px;
}

.list.list-entities-create li a svg,
.list.list-entities-create li a i {
	margin-right: 8px;
	width: 16px;
	font-size: 16px;
	color: rgb(85, 85, 85);
}

.list.list-entities-create li a:hover {
	color: rgb(244, 12, 66);
	background: rgb(249, 249, 249);
}

.list.list-entities-create li a:hover svg,
.list.list-entities-create li a:hover i {
	color: rgb(244, 12, 66);
}

.list.list-font-configs {
	
}

.list.list-font-configs li {
	.display-flex();
}

.list.list-font-configs li .description {
	.flex-shrink(0);
	width: 240px;
}

.list.list-font-configs li .font-config {
	.flex-grow(1);
	.flex-basis(0);
}

.list.list-latest-news {
	overflow: hidden;
	
	margin-top: 8px;
	padding-bottom: 8px;	/* So that the box-shadow of the last item wont get cut off */
}

.list.list-latest-news li {
	.display-flex();
	.flex-direction(column);
	overflow: hidden;

	margin-left: 8px;
	margin-right: 8px;
}

.list.list-latest-news li .body {
	.display-flex();
	.flex-direction(row);
	
	overflow: hidden;
	
	transition: background 0.4s;
}

.list.list-latest-news li .body .image {
	.flex-shrink(0);
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 12px 0 12px 10px;
	border-radius: 2px;
	border: 1px solid rgba(51, 51, 51, 0.31);
	background: rgba(153, 153, 153, 0.07);
}

.list.list-latest-news li .body .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.list.list-latest-news li .body .main {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	.justify-content(center);
	
	padding: 8px 10px;
	
	font-family: Rubik;
	overflow: hidden;
}

.list.list-latest-news li .body .main .ui-list-item-header {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;

	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	
	margin-bottom:4px;
}


.list.list-latest-news li .body .main .title {
	margin-bottom: 12px;
	
	font-size: 16px;
	font-weight: 500;
	color: black;
}

.list.list-latest-news li .body .main .summary {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 13px;
	color: rgb(119, 119, 119);
	font-weight: 500;
}

.list.list-latest-news li:hover .body {
	background: rgb(234, 234, 234);
}

.list.list-latest-news li.empty {
	pointer-events: none;
}

.list.list-latest-news li.empty .body .main .title,
.list.list-latest-news li.empty .body .main .meta-line,
.list.list-latest-news li.empty .body .image {
	background: rgb(240, 240, 240);
	color: rgba(0,0,0,0);
}

.list.list-latest-news li.empty .body .main .title *,
.list.list-latest-news li.empty .body .main .meta-line *,
.list.list-latest-news li.empty .body .image * {
	opacity: 0;
}

.list.list-fontscolors-settings {
	margin-top: 48px;
}

.list.list-fontscolors-settings li {
	margin-bottom: 16px;
}

.list.list-fontscolors-settings li > .label {
	font-weight: 500;
	margin-bottom: 8px;
}

.list.list-fontscolors-settings li .sub-settings {
	
}

.list.list-fontscolors-settings li .sub-setting {
	.display-flex();
	.align-items(center);
	
	border-bottom: 1px solid #eee;
	padding-bottom: 6px;
	padding-top: 6px;
}

.list.list-fontscolors-settings li .sub-setting:last-child {
	border-bottom: none;
}

.list.list-fontscolors-settings li .sub-setting > .label {
	.flex-shrink(0);
	width: 180px;
}

.list.list-fontscolors-settings li .sub-setting > .input {
	.flex-grow(1);
}

.list.list-fontscolors-settings li .sub-setting .input .ui-fontpicker > div {
	margin-bottom: 0;
}

.list-page-versions {
	
}

.list-page-versions .page-version {
	.display-flex();
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid black;
}
.list.list-profile-sections {
	.display-flex();
	.flex-wrap(wrap);
}

.list.list-profile-sections a {
	.display-flex();
	.flex-direction(column);
	.align-items(center);
	.justify-content(center);
	
	min-width: 180px;
	background: rgb(255, 255, 255);
	margin-right: 12px;
	margin-bottom: 12px;
	padding: 16px;

	color: rgb(110, 110, 110);
	font-weight: 500;
	
	border-radius: 3px;
}

.list.list-profile-sections a svg {
	font-size: 26px;
	margin-bottom: 8px;
}
.configuration .setting {
    display: flex;
    border-bottom: 1px solid rgb(204, 204, 204);
    padding: 7px;
}

.configuration .setting .description {
    width: 320px;
    padding-top: 6px;
}

.configuration .setting .input {
    width: 280px;
}

.configuration .setting .input input[type="text"],
.configuration .setting .input textarea {
    border: 1px solid rgb(221, 221, 221);
    padding: 10px 10px;
    border-radius: 3px;
    width: 100%;
}

.configuration .setting .input textarea {
	height: 140px;
}
.list.list-profile-menu-items {
	.display-flex();
	.flex-direction(column);
}

.list.list-profile-menu-items li {
	.display-flex();
	.flex-direction(row);
}

.list.list-profile-menu-items li .check {
	.display-flex();
	.flex-shrink(0);
	width: 40px;
	overflow: hidden;
	margin-right: 10px;
}

.list.list-profile-menu-items li .main,
.list.list-profile-menu-items li .extra {
	.display-flex();
	.flex-direction(column);
	.flex-shrink(0);
	.flex-basis(0);
	.flex-grow(1);
	padding: 8px 16px;
}

.list.list-profile-menu-items li .main > div,
.list.list-profile-menu-items li .extra > div {
	.display-flex();
	.align-items(center);
	margin-bottom: 4px;
}

.list.list-profile-menu-items li .main > div span,
.list.list-profile-menu-items li .extra > div span {
	width: 180px;
}

.list.list-profile-menu-items li .actions {
	.display-flex();
	.flex-direction(column);
	
	width: 48px;
}
.list.list-profile-menus {
	.display-flex();
	.flex-direction(column);
	
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	
	overflow: hidden;
}

.list.list-profile-menus li {
  .display-flex();
}


.list.list-profile-menus li a {
	.display-flex();
	.flex-direction(row);
	.flex-grow(1);

	background: rgb(255, 255, 255);
	color: rgb(51, 51, 51);
	
	border-bottom: 1px solid #eee;
}

.list.list-profile-menus li > .header {
	.flex-grow(1);
}

.list.list-profile-menus li:last-child a {
	border-bottom: none;
}

.list.list-profile-menus li a:hover {
	background: #f0f0f0;
}

.list.list-profile-menus li a > * {
	border-right: 1px solid #eee;
}

.list.list-profile-menus li .check {
	width: 64px;
}

.list.list-profile-menus li .id {
	padding: 8px;
	width: 64px;
}
.list.list-profile-menus li .type {
	padding: 8px;
	.flex-grow(1);
	border-right: none;
}
.list.list-profile-menus li .title {
	padding: 8px;
	width: 180px;
}

.list-header {
	.display-flex();
	.align-items(center);
	
	height: 48px;
}

.list-header button {
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.43);

}
.list-header button:hover {
    color: rgb(244, 12, 66);
}

.list-header-profile-pages {
	border-radius: 3px 3px 0 0;
	padding: 0 8px;
	padding-right: 32px;
}

.list-header-profile-pages .check { margin-left: 8px; width: 58px; }
.list-header-profile-pages .path { .flex-grow(1); .flex-basis(0); }
.list-header-profile-pages .type { width: 220px; }
.list-header-profile-pages .language { width: 160px; }
.list-header-profile-pages .title { margin-left: 16px; .flex-grow(1); .flex-basis(0); }
.list-header-profile-pages .creation-date { width: 180px; }

.list.list-profile-pages {
	padding: 8px;
	background: white;
	border-radius: 3px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
}

.list.list-profile-pages li {
	border-bottom: 1px solid #eee;
	padding-left: 8px;
	padding-right: 8px;
	
	background: none;
	border-radius: 0;
	margin-bottom: 0;
	box-shadow: none;
	
	width: 100%;
}

.list.list-profile-pages li .body {
	.flex-grow(1);
}

.list.list-profile-pages li .body .main {
	.flex-direction(row);
}


.list.list-profile-pages {
	.display-flex();
	.flex-direction(column);	
	
	border-radius: 3px;
	overflow: hidden;
	
}

.list.list-profile-pages li {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	
	.flex-grow(1);
	/*.flex-basis(0);*/
	
	background: white;
	
	
	color: #333;
	
}

.list.list-profile-pages li:not(.header) {
	border-bottom: 1px solid #eee;
}

.list.list-profile-pages li:not(.header):last-child {
	border-bottom: none;
}

.list.list-profile-pages li > a {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	
	.flex-grow(1);
	.flex-basis(0);
	
	padding: 8px 10px;
	
	color: #333;
	
	transition: background 0.4s;
}

.list.list-profile-pages li > .header {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	
	.flex-grow(1);
	.flex-basis(0);
	
	
	padding: 8px 10px;
}

.list.list-profile-pages li:hover:not(.header) {
	background: #f4f4f4;
}

.list.list-profile-pages li .check {
	width: 48px;
}

.list.list-profile-pages li .id {
	width: 64px;
}

.list.list-profile-pages li a > .id {
	color: #999;
}

.list.list-profile-pages li .language {
	width: 160px;
}

.list.list-profile-pages li .type {
	width: 220px;
}

.list.list-profile-pages li .type svg {
	margin-right: 6px;
	width: 16px;
	font-size: 16xp;
	text-align: center;
}

.list.list-profile-pages li .path {
	.flex-grow(1);
	.flex-basis(0);
	width: 180px;
	font-weight: 400;
}

.list.list-profile-pages li .creation-date {
	width: 180px;
	font-weight: 400;
	font-size: 12px;
}

.list.list-profile-pages li .title {
	.flex-grow(1);
	.flex-basis(0);
	width: 280px;
}

.list.list-profile-templates {
	.display-flex();
	.flex-direction(column);	
}

.list.list-profile-templates li {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	
	.flex-grow(1);
	
	background: white;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
	
	color: #333;
	
}

.list.list-profile-templates li > a {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	
	.flex-grow(1);
	.flex-basis(0);
	
	background: white;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
	
	padding: 8px 10px;
	
	color: #333;
	
	transition: background 0.4s;
}

.list.list-profile-templates li:hover > a {
	background: #f4f4f4;
}

.list.list-profile-templates li .id {
	width: 64px;
	color: #999;
}

.list.list-profile-templates li .type {
	width: 160px;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	color: #666;
}

.list.list-profile-templates li .path {
	width: 180px;
}

.list.list-profile-templates li .title {
	width: 280px;
}

.list.list-site-profile-templates .ui-list-item {
  margin-left: 54px;
}

.list.list-site-profile-templates .ui-list-item .body .check {
  height: 52px;
  position: absolute;
  width: 46px;
  left: 0;
}
.list.list-profile-theme-fonts {
	.display-flex();
	.flex-direction(column);
}

.list-profile-theme-fonts-header {
	color: rgb(185, 182, 182);
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
	padding-left: 14px;
}

.list-profile-theme-fonts-header,
.list.list-profile-theme-fonts li {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	
	.flex-grow(1);
	.flex-basis(0);
	margin-bottom: 6px;
}


.list.list-profile-theme-fonts li .input {

}

.list.list-profile-theme-fonts li button > div {
	.display-flex();
	.flex-direction(row);
	padding: 8px 12px;
	border: 1px solid rgb(222, 222, 222);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.44), rgb(240, 240, 240));
	border-radius: 3px;
	font-size: 14px;
	font-weight: 500;
	color: rgb(125, 125, 125);
	
	transition: color 0.3s;
}

.list.list-profile-theme-fonts li button:hover > div {
	color: rgb(244, 12, 66);
}

.list-profile-theme-fonts-header .title,
.list.list-profile-theme-fonts li .title {
	width: 180px;
}
.list-profile-theme-fonts-header .font-family-source,
.list.list-profile-theme-fonts li button > div .font-family-source {
	width: 18px;
	margin-right: 8px;
}

.list-profile-theme-fonts-header .font-family,
.list.list-profile-theme-fonts li button > div .font-family {
	margin-right: 8px;
	width: 160px;
}

.list-profile-theme-fonts-header .font-size,
.list.list-profile-theme-fonts li button > div .font-size {
	width: 110px;
}
 
.list-profile-theme-fonts-header .font-style,
.list.list-profile-theme-fonts li button > div .font-style {
	width: 130px;
}

.list-profile-theme-fonts-header .text-transform,
.list.list-profile-theme-fonts li button > div .text-transform {
	width: 120px;
}

.ui-fonts-preview {
	width: 100%;
	padding: 40px 70px;
	background: white;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}
.list-site-activity {
	width: 100%;
}
.list-site-activity .activity-item {
	.display-flex();
	
	padding: 8px 8px 8px 0;
	background: rgb(255, 255, 255);
	width: 100%;
	border-bottom: 1px solid #eee;
}

.list-site-activity .activity-item .icon {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	.flex-shrink(0);
	
	width: 56px;
	
	opacity: 0.6;
	font-size: 16px;
}

.list-site-activity .activity-item .icon.event-created {
	color: rgb(86, 32, 207);
}

.list-site-activity .activity-item .icon.event-saved {
	color: rgb(248, 161, 11);
}

.list-site-activity .activity-item .icon.event-deleted {
	color: red;
}

.list-site-activity .activity-item .icon.event-published {
	color: rgb(49, 182, 35);
}

.list-site-activity .activity-item .main {
	font-size: 13px;
	font-weight: 500;
	
	.flex-grow(1);
	.display-flex();
}

.list-site-activity .activity-item .header {
	.display-flex();
	margin-bottom: 4px;
}

.list-site-activity .activity-item .time {
	padding-bottom: 6px;
	color: rgb(156, 156, 156);
	font-size: 11px;
	width: 120px;
	.flex-shrink(0);
	
	.display-flex();
	.align-items(center);
	.justify-content(flex-end);
}

.list-site-activity .activity-item .account {
	.flex-grow(1);
	padding-bottom: 6px;
	color: rgb(156, 156, 156);
	height: 24px;
	line-height: 24px;
	display: inline-block;
}

.list-site-activity .activity-item .content {
	.flex-grow(1);
}

.list-site-activity .activity-item .content a {
	color: rgb(244, 12, 66);
	font-weight: bold;
}

/*.list-site-activity .activity-item .header .account img {
	width: 24px;
	height: 24px;
	border-radius: 4px;
	margin-right: 6px;
}*/

.list.list-site-posts {
	
}

.list.list-site-posts li {
	.display-flex();
	.flex-direction(column);
}

.list.list-site-posts li .body {
	.display-flex();
	.flex-direction(row);
}

.list.list-site-posts li .body .check {
	width: 48px;
	overflow: hidden;
	margin: 10px 0 10px 10px;
}

.list.list-site-posts li .body .image {
	width: 100px;
	height: 70px;
	overflow: hidden;
	margin: 12px 0 12px 10px;
	border-radius: 2px;
	border: 1px solid rgba(51, 51, 51, 0.07);
	padding: 5px;
	background: rgba(153, 153, 153, 0.07);
	.flex-shrink(0);
}

.list.list-site-posts li .body .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.list.list-site-posts li .body .main {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	.justify-content(center);
	
	padding: 8px 16px;
}

.list.list-site-posts li .body .main .title {
	margin-bottom: 10px;
	
	font-size: 16px;
	font-weight: 500;
	color: black;
}

.list.list-site-posts li .body .main .meta-line {
	vertical-align: middle;
	color: #777;
	font-size: 13px;
	font-weight: 400;
}

.list.list-site-posts li .body .main .meta-line span {
	font-weight: 400;
}

.list.list-site-posts li .body .main .meta-line .stats {
	display: inline-block;
	margin-left: 12px;
}

.list.list-site-posts li .body .main .meta-line .stats .stat {
	display: inline-block;
	margin-right: 6px;
}

.list.list-site-posts li .body .main .meta-line .stats .stat i,
.list.list-site-posts li .body .main .meta-line .stats .stat svg {
	width: 16px;
	font-size: 16px;
	margin-right: 6px;
}


.list.list-site-posts li.empty {
	pointer-events: none;
}

.list.list-site-posts li.empty .body .main .title,
.list.list-site-posts li.empty .body .main .meta-line,
.list.list-site-posts li.empty .body .image {
	background: rgb(240, 240, 240);
	color: rgba(0,0,0,0);
}

.list.list-site-posts li.empty .body .main .title *,
.list.list-site-posts li.empty .body .main .meta-line *,
.list.list-site-posts li.empty .body .image * {
	opacity: 0;
}


.list.list-site-updates {
	
}

.list.list-site-updates li {
	.display-flex();
	.flex-direction(column);
}

.list.list-site-updates li .body {
	.display-flex();
	.flex-direction(row);
}

.list.list-site-updates li .body .check {
	width: 48px;
	overflow: hidden;
	margin: 10px 0 10px 10px;
}

.list.list-site-updates li .body .image {
	width: 100px;
	height: 70px;
	overflow: hidden;
	margin: 12px 0 12px 10px;
	border-radius: 2px;
	border: 1px solid rgba(51, 51, 51, 0.07);
	padding: 5px;
	background: rgba(153, 153, 153, 0.07);
}

.list.list-site-updates li .body .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.list.list-site-updates li .body .main {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	.justify-content(center);
	
	padding: 8px 16px;
	
	font-family: Rubik;
}

.list.list-site-updates li .body .main .title {
	margin-bottom: 12px;
	
	font-size: 16px;
	font-weight: 500;
	color: black;
}

.list.list-site-updates li .body .main .meta-line {
	vertical-align: middle;
	color: #777;
	font-size: 13px;
}

.list.list-site-updates li .body .main .meta-line span {
	font-weight: 500;
}

.list.list-site-updates li .body .main .meta-line .stats {
	display: inline-block;
	margin-left: 12px;
}

.list.list-site-updates li .body .main .meta-line .stats .stat {
	display: inline-block;
	margin-right: 6px;
}

.list.list-site-updates li .body .main .meta-line .stats .stat i,
.list.list-site-updates li .body .main .meta-line .stats .stat svg {
	width: 16px;
	font-size: 16px;
	margin-right: 6px;
}


.list.list-site-updates li.empty {
	pointer-events: none;
}

.list.list-site-updates li.empty .body .main .title,
.list.list-site-updates li.empty .body .main .meta-line,
.list.list-site-updates li.empty .body .image {
	background: rgb(240, 240, 240);
	color: rgba(0,0,0,0);
}

.list.list-site-updates li.empty .body .main .title *,
.list.list-site-updates li.empty .body .main .meta-line *,
.list.list-site-updates li.empty .body .image * {
	opacity: 0;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 10, 2019, 10:48:54 AM
    Author     : bram
*/


.list.list-sites {
	.display-flex();
	.flex-wrap(wrap);
	
	margin-right: -30px;
}

.list.list-sites li {
	.flex-grow(1);
	.flex-basis(0);
	
	min-width: 300px;
	background: white;
	box-shadow: 0 2px 7px #0000000d;
	margin: 0 auto 20px auto;
	
	margin-right: 30px;
	margin-bottom: 30px;
	
	border-radius: 3px;
}

.list.list-sites.grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	grid-gap: 20px;
}

.list.list-sites.grid li {
	width: 100%;
	
	margin-right: 0;
	margin-bottom: 0;
}

.list.list-sites li a {
	.display-flex();
	.flex-direction(column);
	position: relative;
	
	padding: 6px;
	
    border-radius: 3px;
	overflow: hidden;
	
	transition: all 0.2s ease-in-out;
}

.list.list-sites li a:hover {
	background: #f7f7f7;
}

.list.list-sites li a .background {
	display: none;
}
 
.list.list-sites li a .logo {
	.display-flex();
	.flex-shrink(0);
	
	width: 100%;
	height: 222px;
	
    background: #f2f2f2;
    border-radius: 3px 3px 0 0;
	filter: brightness(0.93);
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

.list.list-sites li a .info {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	.justify-content(center);
	
	overflow: hidden;
	
	padding: 18px 20px;
}

.list.list-sites li a .info h2 {
	margin-bottom: 6px;
	
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	
	font-size: 16px;
	line-height: 1.4;
	font-weight: 500;
	color: #444;
}

.list.list-sites li a .info .url {
	font-size: 13px;
	color: rgb(195, 195, 195);
	font-weight: 500;
}

.list.list-sites li .actions {
	height: 32px;
}

.list.list-sites li:empty {
  height: 0;
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}


@media (max-width: 768px) {
	.list.list-sites li {
		width: 100%;
	}
}
.list.list-template-editor-body-settings {
	.display-flex();
	.flex-direction(column);
	
}

.list.list-template-editor-body-settings li {
	.display-flex();
	.flex-direction(row);
	
	.flex-grow(1);
	.flex-basis(0);
	
	background: white;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}

.list.list-template-editor-body-settings .type-block {
	.display-flex();
	
	border-bottom: 1px solid rgb(224, 224, 224);
}

.list.list-template-editor-body-settings .type-block button {
	.flex-grow(1);
}

.list.list-template-editor-body-settings .type-block button > div {
	.display-flex();
	.align-items(center);
	
	transition: background 0.3s;
}

.list.list-template-editor-body-settings .type-block button:hover > div {
	background: #f0f0f0;
}

.list.list-template-editor-body-settings .type-block button .middle {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	padding: 8px 12px;
}

.list.list-template-editor-body-settings .type-block button .caret {
	width: 32px;
	text-align: center;
}

.list.list-template-editor-body-settings .type-layouts {
	.display-flex();
	.flex-direction(column);
	
	border-bottom: 1px solid rgb(224, 224, 224);
}

.list.list-template-editor-body-settings .type-layouts .input .actions {
	padding: 0 12px;
	margin-bottom: 12px;
}
 
.list.list-template-editor-body-settings .type-layouts .input .actions button > div {
	padding: 6px 9px;
	background: rgb(244, 12, 66);
	color: white;
	font-size: 13px;
	font-weight: bold;
	border-radius: 3px;
}

.list.list-template-editor-body-settings .type-block .info {
	color: rgb(186, 186, 186);
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 4px;
}


.list.list-template-editor-body-settings .type-layouts .description {
	color: rgb(186, 186, 186);
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 4px;
	padding: 8px 12px;
	margin-top: 10px;
}


/*button.ui-button > .wrapper,
a.ui-button,
div.ui-button,
input[type="button"].ui-button,
input[type="submit"].ui-button {
	padding: 11px 18px;
	box-shadow: 0 1px 0 0px rgba(255, 255, 255, 0.37);
	border-radius: 999px;

	display: inline-flex;
	flex-direction: row;
	align-items: center;
	position: relative;

	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	
	cursor: pointer;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	user-drag: none;
	-webkit-user-drag: none;
}*/

/*
button.ui-button.special > .wrapper,
a.ui-button.special,
div.ui-button.special,
input[type="button"].ui-button.special,
input[type="submit"].ui-button.special {
	.gradient(#E02B58, #CA1743);
	
	border: 1px solid #BD0D3F;
	transition: box-shadow 0.3s;
	color: white;
}*/

/*button.ui-button.action > .wrapper,
a.ui-button.action,
div.ui-button.action,
input[type="button"].ui-button.action,
input[type="submit"].ui-button.action {
	.gradient(#7D7D7D, #565656);
	
	border: 1px solid #666;
	transition: box-shadow 0.3s;
	color: white;
}*/

/*button.ui-button.transparent > .wrapper,
a.ui-button.transparent,
div.ui-button.transparent,
input[type="button"].ui-button.transparent,
input[type="submit"].ui-button.transparent {
	background: none;
	border: none;
	box-shadow: none;
}*/

button.ui-button.disabled,
a.ui-button.disabled,
div.ui-button.disabled,
input.ui-button.disabled {
	opacity: 0.3;
	pointer-events: none;
}

button.ui-button.icon > div i,
a.ui-button.icon i,
div.ui-button.icon i {
	font-size: 14px;
	height: 13px;
	line-height: 14px;
	width: 14px;
	text-align: center;
}

button.ui-button.icon-left > div i,
a.ui-button.icon-left i,
div.ui-button.icon-left i {
	margin-right: 12px;
	margin-left: 0;
}

button.ui-button.icon-right > .wrapper i,
a.ui-button.icon-right i,
div.ui-button.icon-right i {
	margin-left: 12px;
	margin-right: 0;
}

button.ui-button input[type="file"],
a.ui-button input[type="file"],
div.ui-button input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

button.ui-button.hidden,
a.ui-button.hidden,
div.ui-button.hidden {
	display: none;
}





a.ui-button,
div.ui-button > div,
button.ui-button > div {
	.display-flex();
	.justify-content(center);
	.align-items(center);
	
    padding: 0 22px;
	height: 42px;
    border-radius: 3px;
	/*background: rgb(237, 237, 237);*/
    color: rgb(165, 165, 165);
    font-size: 14px;
    font-family: Rubik;
    font-weight: 500;
    text-transform: none;
    transition: background 0.4s, box-shadow 0.4s, color 0.4s, border-color 0.4s;
    box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.13);
	
	box-shadow: none;
	
	border: 1px solid rgb(212, 212, 212);
	border: 1px solid transparent;
	
	background: rgb(249, 249, 249);
	box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.08);
}

a.ui-button:hover,
div.ui-button:hover > div,
button.ui-button:hover > div {
	color: rgb(106,106,106);
}


a.ui-button,
div.ui-button > div,
button.ui-button > div {
	position: relative;
}

/*button.ui-button.icon-only > div::after {
	transition: opacity 0.3s;
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 46px;
	height: 46px;
	background: rgb(222, 222, 222);
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: -1;
	border-radius: 46px;
	opacity: 0;
}*/

/*a.ui-button:hover::after,*/
button.ui-button.icon-only:hover > div::after {
	opacity: 1;
}


/*a.ui-button:hover,
button.ui-button:hover > div {
	background-color: white;
	border-color: white;
	box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.13);
	color: #f40c42;
}*/

a.ui-button.special,
div.ui-button.special > div,
button.ui-button.special > div {
	background-color: rgb(244, 12, 66);
	border-color: rgb(244, 12, 66);
	color: white;
}

a.ui-button.large,
div.ui-button.large > div,
button.ui-button.large > div {
	padding: 14px 20px;
}

a.ui-button.transparent-white,
div.ui-button.transparent-white > div,
button.ui-button.transparent-white > div {
	background-color: transparent;
	color: rgba(255,255,255,0.7);
	box-shadow: none;
}

a.ui-button.alt-text,
div.ui-button.alt-text > div,
button.ui-button.alt-text > div {
	font-weight: 500;
	font-size: 13px;
	text-transform: uppercase;
}

a.ui-button.dark,
div.ui-button.dark > div,
button.ui-button.dark > div {
	background-color: rgba(0, 0, 0, 0.4);
	color: rgba(255,255,255, 0.7);
}

a.ui-button.dark:hover,
div.ui-button.dark:hover > div,
button.ui-button.dark:hover > div {
	background-color: rgba(0, 0, 0, 0.6);
	color: rgba(255,255,255, 1);
}

a.ui-button.special:hover,
div.ui-button.special:hover > div,
button.ui-button.special:hover > div {
	background-color: rgb(211, 10, 56);
}

a.ui-button.transparent-white:hover,
div.ui-button.transparent-white:hover > div,
button.ui-button.transparent-white:hover > div {
	background-color: rgba(255,255,255,0.1);
	color: rgba(255,255,255, 1);
}

a.ui-button svg:first-child,
button.ui-button > div svg:first-child,
button.ui-button > div svg:first-child {
	margin-right: 8px;
	font-size: 16px;
	min-width: 16px;
}

a.ui-button.square,
div.ui-button.square > div,
button.ui-button.square > div {
	.align-items(center);
	
	width: 38px;
	padding-left: 0;
	padding-right: 0;
}

a.ui-button.square svg,
div.ui-button.square > div svg,
button.ui-button.square > div svg {
	margin-right: 0;
}

a.ui-button.square.large,
div.ui-button.square.large > div,
button.ui-button.square.large > div {
	width: 54px;
	height: 54px;
	padding-left: 0;
	padding-right: 0;
}

a.ui-button.square.large svg,
div.ui-button.square.large > div svg,
button.ui-button.square.large > div svg {
	font-size: 24px;
}


a.ui-button.icon-only,
div.ui-button.icon-only > div,
button.ui-button.icon-only > div {
	width: 52px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

a.ui-button.icon-only svg,
div.ui-button.icon-only > div svg,
button.ui-button.icon-only > div svg {
	margin-right: 0;
}

a.ui-button.icon-only svg:first-child,
div.ui-button.icon-only > div svg:first-child,
button.ui-button.icon-only > div svg:first-child {
	font-size: 16px;
	width: 20px;
}

a.ui-button.icon-double,
div.ui-button.icon-double > div,
button.ui-button.icon-double > div {
	width: 52px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}


.ui-calendar  {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	overflow: hidden;
}

.ui-calendar-nav {
	.display-flex();
	.flex-direction(row);
	.align-items(center);

	padding: 10px;
	padding: 0;
	
	/*background: linear-gradient(to bottom, #f2f2f2, #e6e6e6);
	background: linear-gradient(to bottom, #949494, #4440);*/
	
	border-radius: 3px 3px 0 0;
	
	margin-left: 60px;
	margin-bottom: 32px;
	
	background: none;
}

.ui-calendar-nav .ui-button-group {
	margin-left: auto;
}

.ui-calendar-nav .ui-input-radiogroup-button {
	height: 38px;
}

.ui-calendar-nav .ui-input-radiogroup-button .item {
	.display-flex();
}

.ui-calendar-nav .ui-input-radiogroup-button .item > .wrapper {
	.display-flex();
}

.ui-calendar-nav span.date {
	font-size: 22px;
	text-transform: none;
	
	/*margin-left: 14px;*/
	/*
	font-weight: bold;*/
	/*color: #484848;*/
	
	
	font-weight: 500;
	color: rgba(0, 0, 0, 0.14);
}

.ui-calendar-nav .view-mode {
	.display-flex();
	.align-items(stretch);
}


.ui-calendar-nav .view-mode label {
	cursor: pointer;
}


.ui-calendar-nav .ui-input-radiogroup-button .item label {
	color: rgb(137, 137, 137);
	
	transition: background 0.4s, color 0.4s;
}
.ui-calendar-nav .ui-input-radiogroup-button .item label:hover {
	background: none;
	color: rgb(244, 12, 66);
}

.ui-calendar .ui-calendar-items > .ui-inline-busy {
	left: 60px;
	z-index: 9999;
}

.ui-calendar .ui-calendar-items > .view-month {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
}

.ui-calendar .ui-calendar-items > .view-week {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
}

.ui-calendar .ui-calendar-items > .view-day {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
}

.ui-calendar .ui-calendar-items > .view-month {
	display: none;
}

.ui-calendar .ui-calendar-items > .view-week {
	display: none;
}

.ui-calendar .ui-calendar-items > .view-day {
	display: none;
}

.ui-calendar .ui-calendar-items > .view-week .time-picker,
.ui-calendar .ui-calendar-items > .view-day .time-picker {
	height: 2px;
	background: rgb(244, 12, 66);
	position: absolute;
	z-index: 99;
	margin-top: -2px;
	pointer-events: none;
	display: none;
}

.ui-calendar .ui-calendar-items > .view-week .time-picker .thumb,
.ui-calendar .ui-calendar-items > .view-day .time-picker .thumb {
	width: 14px;
	height: 14px;
	text-align: center;
	line-height: 14px;
	margin-left: -14px;
	margin-top: -6px;
	font-size: 10px;
	background: rgb(244, 12, 66);
	color: white;
	border-radius: 3px;
}

.ui-calendar .ui-calendar-items > .view-week .time-picker .thumb svg,
.ui-calendar .ui-calendar-items > .view-day .time-picker .thumb svg {
	font-size: 10px;
}

.ui-calendar[data-view-mode="month"] .ui-calendar-items > .view-month {
	.display-flex();
	
	padding-left: 60px;
	padding-left: 0;
}

.ui-calendar[data-view-mode="week"] .ui-calendar-items > .view-week {
	.display-flex();
}

.ui-calendar[data-view-mode="day"] .ui-calendar-items > .view-day {
	.display-flex();
}

.ui-calendar .ui-calendar-items {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	position: relative;
	
	margin-top: 0;
	border-radius: 0 0 3px 3px;
}
.ui-calendar .ui-calendar-items > .view-day > .header,
.ui-calendar .ui-calendar-items > .view-week > .header,
.ui-calendar .ui-calendar-items > .view-month > .header {
	.display-flex();
	.flex-direction(row);

	padding-right: var(--ua-scrollbar-width);
	height: 56px;
}

.ui-calendar .ui-calendar-items > .view-week > .all-day-events {
	.display-flex();
	.flex-direction(row);

	background: rgba(255, 255, 255, 0.84);
	border-bottom: 1px solid rgb(204, 204, 204);
	
	margin-left: 60px;
	padding-right: var(--ua-scrollbar-width);
	position: relative;

	/*transition: height 0.4s;*/
	height: 0;
	overflow: hidden;
}

.ui-calendar .ui-calendar-items > .view-week > .all-day-events .items-container {
	position: absolute;
	left: 0;
	right: var(--ua-scrollbar-width);
	top: 0;
}

.ui-calendar .ui-calendar-items > .view-week > .all-day-events .items-container .items {
	.display-flex();
	.align-items(center);
	position: relative;
	width: 100%;
	height: 35px;
}

.ui-calendar .ui-calendar-items > .view-week > .all-day-events .items-container .items .item-container {
	top: 50%;
	transform: translateY(-50%);
	height: 24px;
}



.ui-calendar .ui-calendar-items > .view-day > .header .day-name,
.ui-calendar .ui-calendar-items > .view-week > .header .day-name,
.ui-calendar .ui-calendar-items > .view-week > .all-day-events .day-container,
.ui-calendar .ui-calendar-items > .view-month > .header .day-name {
	.flex-grow(1);
	.flex-basis(0);
	.display-flex();
	.justify-content(center);
	.align-items(center);
	padding: 8px;
	text-align: center;
	color: rgba(60, 60, 60, 0.8);
	font-weight: 500;
	font-size: 13px;
	padding-top: 0;
	padding-bottom: 0;
}

.ui-calendar .ui-calendar-items > .view-week > .header .day-name {
	.display-flex();
	.flex-direction(column);
	
	text-align: left;
	padding-left: 16px;
	padding-right: 24px;
}

.ui-calendar .ui-calendar-items > .view-week > .header .day-name > span {
	color: rgba(0, 0, 0, 0.44);
	order: 2;
}

.ui-calendar .ui-calendar-items > .view-week > .header .day-name .number {
	font-size: 22px;
	margin-bottom: 4px;
}

.ui-calendar .ui-calendar-items > .view-week > .all-day-events .day-container {
	/*border-right: 2px solid rgb(204, 204, 204);*/
	border-left: 1px solid rgb(204, 204, 204);
}
 
.ui-calendar .ui-calendar-items > .view-day .row,
.ui-calendar .ui-calendar-items > .view-week .row,
.ui-calendar .ui-calendar-items > .view-month .row {
	.display-flex();
	.flex-direction(row);
	.flex-grow(1);
	.flex-basis(0);
	.flex-shrink(0);
	
	.user-select(none);
}
.ui-calendar .ui-calendar-items > .view-day .row:last-child,
.ui-calendar .ui-calendar-items > .view-week .row:last-child,
.ui-calendar .ui-calendar-items > .view-month .row:last-child {
	margin-bottom: 0;
}

.ui-calendar .ui-calendar-items > .view-day .row .day,
.ui-calendar .ui-calendar-items > .view-week .row .day,
.ui-calendar .ui-calendar-items > .view-month .row .day {
	.flex-grow(1);
	.flex-basis(0);
	.flex-shrink(0);
	
}

.ui-calendar .ui-calendar-items > .view-day .row .days,
.ui-calendar .ui-calendar-items > .view-week .row .days {
	.display-flex();
	.flex-grow(1);
	position: relative;
}

.ui-calendar .ui-calendar-items > .view-day .row .day:last-child,
.ui-calendar .ui-calendar-items > .view-week .row .day:last-child,
.ui-calendar .ui-calendar-items > .view-month .row .day:last-child {
	margin-right: 0;
}

.ui-calendar .ui-calendar-items > .view-day .row .day .number,
.ui-calendar .ui-calendar-items > .view-week .row .day .number,
.ui-calendar .ui-calendar-items > .view-month .row .day .number {
	padding: 6px 8px;
	font-size: 12px;
	color: #555;
}

.ui-calendar .ui-calendar-items > .view-month .row .day .number {
	.flex-shrink(0);
	.flex-grow(0);
	.flex-basis(38px);
	
	margin-left: auto;
	
	padding: 0px;
	font-size: 16px;
	color: #555;
	width: 38px;
	text-align: center;
	font-weight: 500;
}

.ui-calendar .ui-calendar-items > .view-month .row .day .header {
	.display-flex();
}

.ui-calendar .ui-calendar-items > .view-month .row .day .external {
	.flex-shrink(0);
	.flex-grow(0);
	.display-flex();
	.align-items(center);
	.justify-content(center);
	
	padding: 0px;
	font-size: 13px;
	color: rgb(85, 85, 85);
	padding-top: 0;
	font-weight: 500;
	margin-left: 6px;
	margin-top: 4px;
	background: rgba(238, 238, 238, 0.62);
	border-radius: 3px;
	padding-left: 7px;
	padding-right: 9px;
}


.ui-calendar .ui-calendar-items > .view-month .row .day .external span {
	width: 28px;
	height: 28px;
	line-height: 28px;
	display: inline-block;
}


.ui-calendar .ui-calendar-items > .view-month .row .day .number span {
	width: 28px;
	height: 28px;
	line-height: 28px;
	display: inline-block;
}

.ui-calendar .ui-calendar-items > .view-month .row .day.today .number span {
	background: #f40c42;
	border-radius: 100%;
	color: white;
}

.ui-calendar .ui-calendar-items .row .day .content {
	
}

.ui-calendar .ui-calendar-items .item {
	font-size: 12px;
	padding: 0 7px;
	margin-left: 1px;
	margin-right: 1px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	.flex-shrink(0);
	margin-bottom: 1px;
	border-radius: 2px;
	height: var(--ui-calendar-month-item-height);
	font-weight: 500;
	
	
}

.ui-calendar .ui-calendar-items .item > div {
	.display-flex();
}

.ui-calendar .ui-calendar-items .item i,
.ui-calendar .ui-calendar-items .item svg {
	min-width: 12px;
	font-size: 12px;
	text-align: center;
	margin-right: 6px;
}

.ui-calendar .ui-calendar-items .item span {
	display: block;
	flex-grow: 1;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ui-calendar .ui-calendar-items .item.content-type-scheduledcontent--,
.ui-calendar .ui-calendar-items .item.content-type-scheduledcontent-uploadMedia- {
	background-color: @calendar-background-color-type-scheduledcontent;
	color: @calendar-text-color-type-scheduledcontent;
}


.ui-calendar .ui-calendar-items .item.content-type-cmscontent-- {
	background-color: @calendar-background-color-type-cmscontent;
	color: @calendar-text-color-type-cmscontent;
}

.ui-calendar .ui-calendar-items .item.content-type-cmscontent--:hover {
	background-color: @calendar-background-color-type-cmscontent-hover;
	color: @calendar-text-color-type-cmscontent-hover;
}
.ui-calendar .ui-calendar-items .item-wrapper.content-type-cmscontent--:hover::after {
    border-right-color: @calendar-background-color-type-cmscontent-hover;
    border-left-color: @calendar-background-color-type-cmscontent-hover;
}

.ui-calendar .ui-calendar-items .item.content-type-event-- {
	border: none;
	
	background-color: @calendar-background-color-type-event;
	color: @calendar-text-color-type-event;
}

.ui-calendar .ui-calendar-items .item.content-type-media-mobypicture-photo,
.ui-calendar .ui-calendar-items .item.content-type-media-mobypicture-video,
.ui-calendar .ui-calendar-items .item.content-type-media-mobypicture-audio {
	background-color: @calendar-background-color-type-mobypicture;
	color: @calendar-text-color-type-mobypicture;
}

.ui-calendar .ui-calendar-items .item.content-type-scheduledcontent-unknown-shareLink,
.ui-calendar .ui-calendar-items .item.content-type-scheduledcontent-unknown-statusUpdate {
	background-color: @calendar-background-color-type-scheduledsocial;
	color: @calendar-text-color-type-scheduledsocial;
}

.ui-calendar .ui-calendar-items .item.content-type-media-twitter-,
.ui-calendar .ui-calendar-items .item.content-type-media-twitter-photo,
.ui-calendar .ui-calendar-items .item.content-type-media-twitter-video {
	background-color: @calendar-background-color-type-twitter;
	color: @calendar-text-color-type-twitter;
}

.ui-calendar .ui-calendar-items .item.content-type-google-googlecalendar-event {
	background-color: rgb(224, 224, 224);
	color: rgb(122, 118, 118);
}
.ui-calendar .ui-calendar-items .item.content-type-google-googlecalendar-event > div {
	.display-flex();
	height: 100%;
	.justify-content(flex-start);
	.align-items(flex-start);
	padding-top: 5px;
}

/*
Temp*/

.ui-calendar .ui-calendar-items .item-wrapper::after {
	content: "";
	width: 0;
	height: 0px;
	border-top: 6px solid rgba(33, 255, 0, 0);
	border-right: 8px solid rgb(109, 136, 196);
	position: absolute;
	left: 1px;
	top: 50%;
	border-bottom: 6px solid rgba(33, 255, 0, 0);
	border-left: 0 solid rgb(109, 136, 196);
	transform: translateY(-50%);
}

.ui-calendar .ui-calendar-items .item-wrapper.content-type-event--::after,
.ui-calendar .ui-calendar-items .item-wrapper.content-type-google-googlecalendar-event::after {
	display: none;
}

.ui-calendar .ui-calendar-items .item-wrapper.content-type-cmscontent::after {
	border-right-color: rgb(235, 109, 121);
	border-left-color: rgb(235, 109, 121);
}

.ui-calendar .ui-calendar-items .item-wrapper.content-type-scheduledcontent-uploadMedia-::after {
	border-right-color: @calendar-background-color-type-scheduledcontent;
	border-left-color: @calendar-background-color-type-scheduledcontent;
}

.ui-calendar .ui-calendar-items .item-wrapper.content-type-media-mobypicture-photo::after,
.ui-calendar .ui-calendar-items .item-wrapper.content-type-media-mobypicture-video::after,
.ui-calendar .ui-calendar-items .item-wrapper.content-type-media-mobypicture-audio::after {
	border-right-color: rgb(109, 136, 196);
	border-left-color: rgb(109, 136, 196);
}

.ui-calendar .ui-calendar-items .item-wrapper.content-type-media-twitter-::after,
.ui-calendar .ui-calendar-items .item-wrapper.content-type-media-twitter-photo::after,
.ui-calendar .ui-calendar-items .item-wrapper.content-type-media-twitter-video::after {
	border-right-color: rgb(98, 201, 222);
	border-left-color: rgb(98, 201, 222);
}

.ui-calendar .ui-calendar-items .item-wrapper.content-type-cmscontent--::after {
	border-right-color: rgb(235, 109, 121);
	border-left-color: rgb(235, 109, 121);
}

.ui-calendar .ui-calendar-items .item-wrapper.content-type-google-googlecalendar-event::after {
	border-right-color: rgb(224, 224, 224);
	border-left-color: rgb(224, 224, 224);
}

/*
	UI Calendar - Month view
*/

.ui-calendar .ui-calendar-items > .view-month  {
	border-bottom: 1px solid #ccc;
	--ui-calendar-month-item-height: 24px;
}

.ui-calendar .ui-calendar-items > .view-month .row {
	overflow: hidden;
	
	margin-bottom: 1px;
}

.ui-calendar .ui-calendar-items > .view-month .row > .row-wrapper {
	.display-flex();
	.flex-grow(1);
	
	width: 100%;
}

.ui-calendar .ui-calendar-items > .view-month .row .day {
	.display-flex();
	.flex-direction(column);
	
	overflow: hidden;
	
	margin-right: 1px;
	background: white;
}

.ui-calendar .ui-calendar-items > .view-month .row .day .content {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	overflow: hidden;

	padding: 5px 8px;
}

.ui-calendar .ui-calendar-items > .view-month .row .day .more {
	.display-flex();
	.flex-shrink(0);
	.align-items(center);
	.justify-content(center);
	height: 30px;
	cursor: pointer;

	background: rgb(243, 243, 243);
	color: #777;
	font-size: 13px;
	font-weight: 500;
	
	transition: background 0.4s;
}

.ui-calendar .ui-calendar-items > .view-month .row .day .more span {
	margin-right: 4px;
	width: 20px;
	border-radius: 20px;
	text-align: center;
	background: rgb(162, 162, 162);
	height: 20px;
	color: white;
}

.ui-calendar .ui-calendar-items > .view-month .row .day:not(.has-more) .more {
	display: none;
}

.ui-calendar .ui-calendar-items > .view-month .row .day:not(.has-external) .external {
	display: none;
}

.ui-calendar .ui-calendar-items > .view-month .row .day .more:hover {
	background: rgb(230, 230, 230);
}

.ui-calendar .ui-calendar-items > .view-month .row .day.previous-month .number,
.ui-calendar .ui-calendar-items > .view-month .row .day.next-month .number {
	color: #969696;
}

.ui-calendar .ui-calendar-items > .view-month .row .day.previous-month,
.ui-calendar .ui-calendar-items > .view-month .row .day.next-month {
	/*background: rgba(230,230,230,0.6);*/
	background: rgba(243, 243, 243, 0.73);
	/*background: rgba(200, 200, 200, 0.7);*/
}

.ui-calendar .ui-calendar-items > .view-month .row .day.previous-month .content,
.ui-calendar .ui-calendar-items > .view-month .row .day.next-month .content {
	opacity: 0.5;
	transition: opacity 0.4s;
}

.ui-calendar .ui-calendar-items > .view-month .row .day.previous-month:hover .content,
.ui-calendar .ui-calendar-items > .view-month .row .day.next-month:hover .content {
	opacity: 1;
}

/*
	UI Calendar - Week view
*/

.ui-calendar .ui-calendar-items > .view-week {
	--ui-calendar-week-hour-height: 48px;
}

.ui-calendar .ui-calendar-items > .view-week .header {
	margin-left: 60px;
	background: none;
	height: 48px;
	margin-bottom: 12px;
}

.ui-calendar .ui-calendar-items > .view-week .hour-labels {
	margin-left: -60px;
	width: 60px;
}

.ui-calendar .ui-calendar-items > .view-week .hour-labels .hour-label {
	height: ~"calc(var(--ui-calendar-week-hour-height) + 10px)";
}

.ui-calendar .ui-calendar-items > .view-week .hour-labels .hour-label span {
	display: block;
	height: 20px;
	line-height: 20px;
	margin-top: -10px;
	text-align: right;
	padding-right: 16px;
	
	color: #999;
	font-size: 14px;
	font-family: Arial;
	font-variant-numeric: tabular-nums;
}

.ui-calendar .ui-calendar-items > .view-week .hour-labels .hour-label:first-child {
	height: var(--ui-calendar-week-hour-height);
}

.ui-calendar .ui-calendar-items > .view-week .hour-labels .hour-label:first-child span {
	height: auto;
	line-height: initial;
	margin-top: 0;
}

.ui-calendar .ui-calendar-items > .view-week .row  {
	padding-left: 60px;
	overflow-y: scroll;
}

.ui-calendar .ui-calendar-items > .view-week .row .day {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	background: none;
}

.ui-calendar .ui-calendar-items > .view-week .row .day .content {
	border-left: 1px solid #ccc;
}

.ui-calendar .ui-calendar-items > .view-week .row .day .hours {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	/*border-right: 2px solid #ccc;*/
	position: relative;
	overflow: hidden;
}

.ui-calendar .ui-calendar-items > .view-week .row .day .hours .hour {
	position: relative;
	
	height: var(--ui-calendar-week-hour-height);
	border-bottom: 2px dotted #e3e3e3;
	background: rgba(245, 245, 245, 1);
}

.ui-calendar .ui-calendar-items > .view-week .row .day .hours .hour:nth-child(24) {
	border-bottom: none;
}

.ui-calendar .ui-calendar-items > .view-week .row .day[data-day-index="5"] .hours .hour,
.ui-calendar .ui-calendar-items > .view-week .row .day[data-day-index="6"] .hours .hour {
	
}

/*
	UI Calendar - Day view
*/

.ui-calendar .ui-calendar-items > .view-day {
	--ui-calendar-day-hour-height: 48px;
}

.ui-calendar .ui-calendar-items > .view-day .header {
	margin-left: 60px;
}

.ui-calendar .ui-calendar-items > .view-day .hour-labels {
	margin-left: -60px;
	width: 60px;
}

.ui-calendar .ui-calendar-items > .view-day .hour-labels .hour-label {
	height: ~"calc(var(--ui-calendar-day-hour-height) + 10px)";
}

.ui-calendar .ui-calendar-items > .view-day .hour-labels .hour-label span {
	display: block;
	height: 20px;
	line-height: 20px;
	margin-top: -10px;
	text-align: right;
	padding-right: 20px;
	
	color: #999;
	font-size: 15px;
}

.ui-calendar .ui-calendar-items > .view-day .hour-labels .hour-label:first-child {
	height: var(--ui-calendar-day-hour-height);
}

.ui-calendar .ui-calendar-items > .view-day .hour-labels .hour-label:first-child span {
	height: auto;
	line-height: initial;
	margin-top: 0;
}

.ui-calendar .ui-calendar-items > .view-day .row  {
	padding-left: 60px;
	overflow-y: scroll;
}

.ui-calendar .ui-calendar-items > .view-day .row .day {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	background: none;
}

.ui-calendar .ui-calendar-items > .view-day .row .day.google-calendar .hours {
	background: rgb(144, 144, 144);
}


.ui-calendar .ui-calendar-items > .view-day .row .day .content {
	border-left: 1px solid #ccc;
	position: relative;
}

.ui-calendar .ui-calendar-items > .view-day .item-container,
.ui-calendar .ui-calendar-items > .view-week .item-container {
	position: absolute;
	left: 0;
	padding: 0 1px;
	overflow: hidden;
}

.ui-calendar .ui-calendar-items > .view-day .item-wrapper,
.ui-calendar .ui-calendar-items > .view-week .item-wrapper {
	width: 100%;
	height: 100%;
	padding-left: 8px;
}

.ui-calendar .ui-calendar-items > .view-week .item-wrapper.content-type-event--,
.ui-calendar .ui-calendar-items > .view-week .item-wrapper.content-type-google-googlecalendar-event {
	padding-left: 0;
}

.ui-calendar .ui-calendar-items > .view-day .item,
.ui-calendar .ui-calendar-items > .view-week .item {
	margin: 0;
	width: 100%;
	height: 100%;
}

.ui-calendar .ui-calendar-items > .view-day .row .day .hours {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);
	
	position: relative;
	
	border-right: 2px solid #ccc;
}

.ui-calendar .ui-calendar-items > .view-day .row .day .hours .hour {
	position: relative;
	
	height: var(--ui-calendar-day-hour-height);
	border-bottom: 2px dotted #e3e3e3;
	background: rgba(255, 255, 255, 0.84);
}

.ui-calendar .ui-calendar-items > .view-day .row .day[data-day-index="5"] .hours .hour,
.ui-calendar .ui-calendar-items > .view-day .row .day[data-day-index="6"] .hours .hour {
	background: #f3f9fc;
}


.ui-calendar .ui-calendar-items .time-indicator {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	
	height: 60px;
	width: 120px;
	background: white;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999;
	box-shadow: 0 2px 4px 2px rgba(26, 26, 26, 0.13);
	left: 20px;

	pointer-events: none;
	font-size: 28px;
	font-weight: 500;
	
	opacity: 0;
	
	transition: opacity 0.4s;
}

.ui-calendar[data-view-mode="week"] .ui-calendar-items .time-indicator.show,
.ui-calendar[data-view-mode="day"] .ui-calendar-items .time-indicator.show {
	opacity: 1;
}

.ui-checkbox {
	.display-flex();
}

.ui-checkbox input {
	margin: 0;
	padding: 0;
	height: 20px;
	display: block;
	width: 20px;
	opacity: 0;
	pointer-events: none;
}

.ui-checkbox label {
	.display-flex();
	.justify-content(center);
	
	margin-left: -20px;
	cursor: pointer;
}

.ui-checkbox label > span {
	.display-inline-flex();
	.justify-content(center);
	.align-items(center);
	
	width: 24px;
	height: 24px;
	border: 1px solid rgba(219, 219, 219, 0.61);
	border-radius: 2px;
	transition: border-color 0.4s, background 0.4s;
	background: rgba(255, 255, 255, 0.59);
	color: white;
}

.ui-checkbox label > span i,
.ui-checkbox label > span svg {
	opacity: 0;
	transition: opacity 0.4s;
	color: white;
}

.ui-checkbox input:checked + label > span {
	border-color: #111;
	border-color: #999;
	border-color: rgb(173, 173, 173);
	border-color: rgb(244, 12, 66);
	background-color: rgb(244, 12, 66);
	
}

.ui-checkbox input:checked + label > span svg {
	opacity: 1;
	color: rgb(128, 127, 127);
	color: white;
}

.ui-checkbox input:active + label > span {
	background: rgb(230, 230, 230);
}

.ui-checkbox input:indeterminate + label > span {
	background: rgb(194, 194, 194);
	border-color: rgb(153, 153, 153);
}

.ui-checkbox input:indeterminate + label > span svg {
	opacity: 1;
	color: #666;

}

.ui-checkbox.ui-checkbox-grow > label {
	.flex-grow(1);
}

.ui-checkbox.center > label {
	.justify-content(center);
	.align-items(center);
}

.ui-checkbox.small > label > span {
	width: 20px;
	height: 20px;
}

.ui-checkbox.small > label > span svg {
	font-size: 13px;
}

.ui-checkbox.floating > label > span {
	border-color: rgba(174, 174, 174, 0.44);
}





.ui-dialog-checkbox {
	.display-flex();
}

.ui-dialog-checkbox input {
	margin: 0;
	padding: 0;
	height: 20px;
	display: block;
	width: 20px;
	opacity: 0;
	pointer-events: none;
}

.ui-dialog-checkbox label {
	.display-flex();
	.justify-content(center);
	
	margin-left: -20px;
	cursor: pointer;
}

.ui-dialog-checkbox label > span {
	.display-inline-flex();
	.justify-content(center);
	.align-items(center);
	
	width: 24px;
	height: 24px;
	border: 1px solid rgb(219, 219, 219);
	border-radius: 2px;
	transition: border-color 0.4s;
	
}

.ui-dialog-checkbox label > span i,
.ui-dialog-checkbox label > span svg {
	opacity: 0;
	transition: opacity 0.4s;
}

.ui-dialog-checkbox input:checked + label > span {
	border-color: #111;
}

.ui-dialog-checkbox input:checked + label > span svg {
	opacity: 1;
}


.ui-datepicker {
	display: flex;
	flex-direction: column;
	border: 1px solid #ddd;
}


.ui-datepicker .ui-datepicker-items {
	.display-flex();
	.flex-direction(column);
	.flex-grow(1);

	margin-top: 0;
	border-radius: 0 0 3px 3px;
}
.ui-datepicker .ui-datepicker-items > .header {
	.display-flex();
	.flex-direction(row);

	border-bottom: 1px solid #ccc;
	background: linear-gradient(to bottom, #ffffffb3, #e6e6e6);
}
.ui-datepicker .ui-datepicker-items > .header .day-name {
	.flex-grow(1);
	.flex-basis(0);
	padding: 8px 0;
	text-align: center;
	color: #B0B0B0;
	font-weight: bold;
	font-size: 13px;
}

.ui-datepicker .ui-datepicker-items .row {
	.display-flex();
	.flex-direction(row);
	.flex-grow(1);
	.flex-basis(0);
	.flex-shrink(0);
	
	.user-select(none);

	border-bottom: 1px solid #ccc;
}
.ui-datepicker .ui-datepicker-items .row:last-child {
	border-bottom: none;
}
.ui-datepicker .ui-datepicker-items .row .day {
	.display-flex();
	.flex-direction(column);
	.justify-content(center);
	.flex-grow(1);
	.flex-basis(0);
	.flex-shrink(0);

	/*height: 100%;*/
	overflow: hidden;
	
	border-right: 1px solid #ccc;
	background: rgba(255, 255, 255, 0.84);
}


.ui-datepicker .ui-datepicker-items .row .day:hover {
	background-color: #ffe9ed;
}

.ui-datepicker .ui-datepicker-items .row .day .number {
	padding: 6px 8px;
	font-size: 12px;
	color: #555;
	text-align: center;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-items .row .day.previous-month .number,
.ui-datepicker .ui-datepicker-items .row .day.next-month .number {
	color: #aaa;
}

.ui-datepicker .ui-datepicker-items .row .day.previous-month,
.ui-datepicker .ui-datepicker-items .row .day.next-month {
	background: rgba(230,230,230,0.6);
}

.ui-datepicker .ui-datepicker-items .row .day.selected {
	.gradient(#E02B58, #CA1743);
	
	box-shadow: 0 0 3px 1px #E7C6CE;
	z-index: 90;
	border-right: 1px solid #E02B58;
}

.ui-datepicker .ui-datepicker-items .row .day.selected .number {
	color: white;
	font-weight: bold;
}

.ui-datepicker .ui-datepicker-items .row .day:last-child {
	border-right: none;
}

.ui-datepicker .ui-datepicker-items .row .day.disabled {
	opacity: 0.4;
	pointer-events: none;
}

.ui-datepicker .ui-datepicker-items .row .day.disabled .number {
	color: #eee;
}

.ui-datepicker .ui-datepicker-items .row .day .content {
	
}

.ui-datepicker .ui-datepicker-items .row .day .content .item {
	font-size: 12px;
	padding: 4px 7px;
	border: 1px solid #ddd;
	margin-left: 1px;
	margin-right: 1px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ui-datepicker .ui-datepicker-items .row .day .content .item i {
	width: 16px;
	text-align: center;
	margin-right: 4px;
}

.ui-datepicker .ui-datepicker-items .row .day .content .item.post-type-blog {
	background: #c9f6c9;
	color: #333;
}

.ui-datepicker-nav {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	

	padding: 8px 0;

	background: linear-gradient(to bottom, #f2f2f2, #e6e6e6);
	border-bottom: 1px solid #dadada;
	border-radius: 3px 3px 0 0;
}

.ui-datepicker-nav > .ui-spacer {
	.flex-grow(1);
}

.ui-datepicker-nav span.date,
.ui-datepicker-nav span.year {
	display: inline-block;
	text-align: center;

	font-size: 15px;
	font-weight: bold;
	color: #484848;
}

.ui-datepicker-nav span.year {
	width: 44px;
}


.ui-toolbar .ui-dropdown-button > div {
	padding: 0 12px;
	font-weight: 500;
	font-size: 14px;
	color: rgb(128, 128, 128);
}


.ui-toolbar .ui-dropdown-button > div svg {
	margin-left: 10px;
}

.ui-file-input-area {
	position: relative;
}

.ui-file-input-area {
	.display-flex();
	.flex-direction(column);
	
	background-color: rgb(241, 241, 241);
	color: rgb(119, 119, 119);
	border: 2px dashed rgb(208, 208, 208);
	
	font-weight: 500;
	
	cursor: pointer;
	padding: 24px;
	
	&:hover {
		color: rgb(244, 12, 66);
		border-color: rgb(244, 12, 66);
	}
}

.ui-file-input-area .drag-idle,
.ui-file-input-area .drag-over,
.ui-file-input-area .uploading {
	.display-flex();
	.flex-grow(1);
	.flex-direction(column);
	.align-items(center);
	.justify-content(center);
}

.ui-file-input-area .drag-over,
.ui-file-input-area .drag-idle,
.ui-file-input-area .uploading {
	display: none;
}

.ui-file-input-area[data-mode="drag-over"] .drag-over,
.ui-file-input-area[data-mode="drag-idle"] .drag-idle,
.ui-file-input-area[data-mode="uploading"] .uploading {
	.display-flex();
	.flex-direction(column);
}

.ui-file-input-area .drag-area {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
}

.ui-file-input-area .drag-idle svg {
	font-size: 44px;
	opacity: 0.4;
	margin-bottom: 12px;
	transition: color 0.4s, opacity 0.4s;
}

.ui-file-input-area .drag-idle input[type="file"] {
	display: none;
}

.ui-file-input-area .uploading ui-progress {
	width: 75%;
	margin-top: 8px;
}

.ui-file-input-area[data-mode="drag-over"] {
	
}

.ui-file-input-area[data-mode="drag-idle"] {
	
}

.ui-fontpicker > div {
	.display-flex();
	.flex-direction(row);
	
	border: 1px solid rgb(222, 222, 222);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.44), rgb(240, 240, 240));
	border-radius: 3px;
	font-size: 14px;
	font-weight: 500;
	color: rgb(125, 125, 125);
	transition: color 0.3s;
	overflow: hidden;
	
	height: 34px;
}

.ui-fontpicker > div .group {
	.display-flex();
	.align-items(center);
	
	padding: 0 6px 0 12px;
	border-right: 1px solid #ddd;
	cursor: pointer;
	
	transition: background 0.4s;
	
	.flex-grow(1);
	.flex-basis(0);
	overflow: hidden;
}

.ui-fontpicker > div .group:last-child {
	border-right: 0;
}

.ui-fontpicker > div .group:hover {
	background: white;
}

.ui-fontpicker > div .label {
	.display-flex();
	.flex-direction(row);
	.flex-basis(0);
}

.ui-fontpicker > div .caret {
	.flex-shrink(0);
	width: 18px;
	text-align: center;
	margin-left: 4px;
}

.ui-fontpicker > div .icon {
	.flex-shrink(0);
	width: 18px;
	text-align: center;
	margin-right: 8px;
	opacity: 0.5;
}

.ui-fontpicker > div .font-family-group .font-family-source {
	width: 18px;
	text-align: center;
	margin-right: 8px;
}

.ui-fontpicker > div .font-family .font-family {
	margin-right: 8px;
}

.ui-fontpicker > div .unset {
	color: rgb(176, 176, 176);
}


.ui-fontpicker > div {
	.display-flex();
	.flex-direction(row);
	
	.flex-grow(1);
	.flex-basis(0);
	margin-bottom: 6px;
}

.ui-fontpicker > div .input {

}

.ui-fontpicker > div button > div {
	.display-flex();
	.flex-direction(row);
	padding: 8px 12px;
	border: 1px solid rgb(222, 222, 222);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.44), rgb(240, 240, 240));
	border-radius: 3px;
	font-size: 14px;
	font-weight: 500;
	color: rgb(125, 125, 125);
	
	transition: color 0.3s;
}

.ui-fontpicker > div button:hover > div {
	color: rgb(244, 12, 66);
}

.ui-fontpicker > div .group.color-group {
	padding-top: 0;
	padding-bottom: 0;
	.flex-grow(unset);
	.flex-basis(unset);
}

.ui-fontpicker > div .group.color-group .color-preview {
	width: 18px;
	height: 18px;
	background: black;
	border-radius: 3px;
}


.ui-fontpicker > div .group.font-family-group  {
	/*width: 180px;*/
}

.ui-fontpicker > div .group.font-family-group .label {
	.flex-grow(1);
	overflow: hidden;
}

.ui-fontpicker > div .group.font-family-group .font-family {
	.flex-grow(1);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ui-fontpicker > div .group.font-style-group  {
	/*width: 180px;*/
}

.ui-fontpicker > div .group.font-style-group .label {
	.flex-grow(1);
	overflow: hidden;
}

.ui-fontpicker > div .group.font-style-group .font-style {
	.flex-grow(1);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}


.ui-fontpicker > div .group.font-size-group .label {
	.flex-grow(1);
	overflow: hidden;
}


.ui-fontpicker > div .group.font-size-group .label .font-size {
	.flex-grow(1);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}


.ui-fonts-preview h1 {
	font-family: var(--h1-font-family) !important; 
	color: var(--h1-font-color) !important; 
	font-size: var(--h1-font-size) !important; 
	text-transform: var(--h1-text-transform) !important; 
	line-height: var(--h1-line-height) !important; 
	font-weight: var(--h1-font-weight) !important; 
	font-style: var(--h1-font-style) !important;
}

.ui-fonts-preview h2 {
	font-family: var(--h2-font-family) !important; 
	color: var(--h2-font-color) !important; 
	font-size: var(--h2-font-size) !important; 
	text-transform: var(--h2-text-transform) !important; 
	line-height: var(--h2-line-height) !important; 
	font-weight: var(--h2-font-weight) !important; 
	font-style: var(--h2-font-style) !important;
}

.ui-fonts-preview p {
	font-family: var(--body-font-family) !important; 
	color: var(--body-font-color) !important; 
	font-size: var(--body-font-size) !important; 
	text-transform: var(--body-text-transform) !important; 
	line-height: var(--body-line-height) !important; 
	font-weight: var(--body-font-weight) !important; 
	font-style: var(--body-font-style) !important;
}

.ui-fonts-preview a {
	font-family: var(--link-font-family) !important; 
	color: var(--link-font-color) !important; 
	font-size: var(--link-font-size) !important; text-transform: var(--link-text-transform) !important;
	line-height: var(--link-line-height) !important;
	font-weight: var(--link-font-weight) !important;
	font-style: var(--link-font-style) !important; 
}

.ui-fonts-preview a:hover {
	/* Fallback to normal link */
	font-family: var(--link-font-family) !important; 
	color: var(--link-font-color) !important; 
	font-size: var(--link-font-size) !important; text-transform: var(--link-text-transform) !important;
	line-height: var(--link-line-height) !important;
	font-weight: var(--link-font-weight) !important;
	font-style: var(--link-font-style) !important; 
	
	font-family: var(--link-hover-font-family) !important; 
	color: var(--link-hover-font-color) !important; 
	font-size: var(--link-hover-font-size) !important; text-transform: var(--link-hover-text-transform) !important;
	line-height: var(--link-hover-line-height) !important;
	font-weight: var(--link-hover-font-weight) !important;
	font-style: var(--link-hover-font-style) !important;
}

.ui-fonts-preview h1,
.ui-fonts-preview h2,
.ui-fonts-preview p {
	margin: 0 !important;
	padding: 0 !important;
	margin-top: 8px !important;
	margin-bottom: 14px !important;
}

.ui-fonts-preview h1 {
	margin-top: 8px !important;
	margin-bottom: 14px !important;
}

.ui-fonts-preview h2 {
	margin-top: 8px !important;
	margin-bottom: 14px !important;
}

.ui-fonts-preview p {
	margin-top: 8px !important;
	margin-bottom: 14px !important;
}
.ui-form {
	
}

.ui-form .ui-form-field {
	.display-flex();
	width: 100%;
	
	margin-bottom: 10px;
}

.ui-form .ui-form-actions {
	.display-flex();
	.justify-content(center);
	
	width: 100%;
	margin-top: 16px;
}

.ui-form .ui-form-actions button,
.ui-form .ui-form-actions .ui-button {
	min-width: 110px;
	margin: 0 8px;
}





.ui-form-old .field {
	margin-bottom: 18px;
	padding: 0 20px;
}

.ui-form-old .field.hidden {
	display: none;
}

.ui-form-old .field.extra-spacing {
	padding-top: 12px;
	padding-bottom: 12px;
}

.ui-form-old .field .input {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
}

.ui-form-old .field .input.vertical {
	.flex-direction(column);
	.align-items(normal);
}

.ui-form-old .field > .input > .label {
	.flex-grow(1);
	.flex-shrink(0);
	.flex-basis(0);
	
	color: #505050;
	font-weight: bold;
	
	margin-right: 14px;
	
}

.ui-form-old .field > .input.vertical > .label {
	margin-right: 0;
	margin-bottom: 14px;
	
	color: #505050;
	font-weight: bold;
}

.ui-form-old .field > .input > .label.center {
	text-align: center;
}

.ui-form-old .field .feedback {
	display: none;
}
.ui-form-old .field .feedback.show {
	display: block;
}

.ui-form-old .fieldset .field {
	
}

.input-text-padding() {
	padding: 12px 38px 12px 12px;
}

.style-input() {
	.display-flex();
	.flex-direction(row);
	.flex-grow(1);

	position: relative;
	min-width: 40px;
	
	.input-text-padding();
	
	line-height: normal;
	font-size: 14px;
	
	background: #fdfdfd;
	/*border: 1px solid rgba(201, 201, 201, 0.4);*/
	border: none;
	border-radius: 3px;
	box-shadow: 0 2px 7px #0000000d;
	
	transition: box-shadow 0.2s;
}

.style-input-disabled() {
	background: rgb(239, 239, 239);
	color: #999;
}

.style-input-focus() {
    outline: 0;
    box-shadow: 0 2px 7px 2px rgba(206, 206, 206, 0.55);
}

.ui-form-old input[type="text"],
.ui-form-old input[type="number"],
.ui-form-old input[type="email"],
.ui-form-old input[type="password"],
.ui-form-old select,
.ui-form-old textarea,
.ui-form-input {
	.style-input();
}

.ui-form-old input[type="number"] {
	padding: 11px 6px 11px 12px;
}


.ui-form-old input[type="text"]::-webkit-input-placeholder,
.ui-form-old input[type="number"]::-webkit-input-placeholder,
.ui-form-old input[type="email"]::-webkit-input-placeholder,
.ui-form-old input[type="password"]::-webkit-input-placeholder,
.ui-form-old select::-webkit-input-placeholder,
.ui-form-old textarea::-webkit-input-placeholder,
.ui-form-input::-webkit-input-placeholder {
	color: #999;
}

.ui-form-old input[type="text"]::-moz-placeholder,
.ui-form-old input[type="number"]::-moz-placeholder,
.ui-form-old input[type="email"]::-moz-placeholder,
.ui-form-old input[type="password"]::-moz-placeholder,
.ui-form-old select::-moz-placeholder,
.ui-form-old textarea::-moz-placeholder,
.ui-form-input::-moz-placeholder {
	color: #999;
}

.ui-form-old input[type="text"]:-ms-input-placeholder,
.ui-form-old input[type="number"]:-ms-input-placeholder,
.ui-form-old input[type="email"]:-ms-input-placeholder,
.ui-form-old input[type="password"]:-ms-input-placeholder,
.ui-form-old select:-ms-input-placeholder,
.ui-form-old textarea:-ms-input-placeholder,
.ui-form-input:-ms-input-placeholder {
	color: #999;
}

.ui-form-old input[type="text"]:-moz-placeholder,
.ui-form-old input[type="number"]:-moz-placeholder,
.ui-form-old input[type="email"]:-moz-placeholder,
.ui-form-old input[type="password"]:-moz-placeholder,
.ui-form-old select:-moz-placeholder,
.ui-form-old textarea:-moz-placeholder,
.ui-form-input:-moz-placeholder {
	color: #999;
}

.ui-form-old input[type="text"]:focus,
.ui-form-old input[type="number"]:focus,
.ui-form-old input[type="email"]:focus,
.ui-form-old input[type="password"]:focus,
.ui-form-old select:focus,
.ui-form-old textarea:focus,
.ui-form-input:focus {
	.style-input-focus();
}

.ui-form-old input[type="text"]:disabled,
.ui-form-old input[type="number"]:disabled,
.ui-form-old input[type="email"]:disabled,
.ui-form-old input[type="password"]:disabled,
.ui-form-old select:disabled,
.ui-form-old textarea:disabled,
.ui-form-input:disabled {
	.style-input-disabled();
}

.ui-form-old select {
	border: 1px solid #ddd;
	padding: 7px 8px;
	border-radius: 3px;
	box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.1) inset;
	background: #efefef;
}

.ui-form-old .input-wrapper {
	.display-flex();
	.flex-direction(row);
	.flex-grow(1);
	.align-items(center);
	
	position: relative;
	min-width: 40px;
	
	font-size: 15px;
	line-height: normal;
	
	background: #fdfdfd;
	border: 1px solid #e6e6e6;
	border-radius: 3px;

	box-shadow: 0 1px 0 0px rgba(255, 255, 255, 0.3);

	.flex-grow(1);
	.flex-shrink(0);
	.flex-basis(0);
}

.ui-form-old .field.big input[type="text"],
.ui-form-old .field.big input[type="password"],
.ui-form-old .field.big select,
.ui-form-old .field.big textarea {
	.display-flex();
	.flex-direction(row);
	.flex-grow(1);

	position: relative;
	min-width: 40px;
	padding: 12px 38px 12px 12px;
	
	line-height: normal;
	font-size: 18px;
}

.ui-form-old .form-actions {
	border-top: 1px solid #ddd;
	padding: 20px;
	text-align: center;
}

.ui-form-old .input-wrapper label {
	color: #999;
}

.ui-form-old .input-wrapper.label-right {
	padding-right: 38px;
}

.ui-form-old .input-wrapper.label-right {
	
}

.ui-form-old .input-wrapper.label-right input {
	padding-right: 6px;
	text-align: right;
}

.ui-form-old .input-wrapper input[type="text"],
.ui-form-old .input-wrapper input[type="email"],
.ui-form-old .input-wrapper input[type="password"],
.ui-form-old .input-wrapper select {
	margin: 0;
	background: none;
	border: none;
	box-shadow: none;
}

.ui-form-old p.comment {
	padding: 4px 12px 16px 12px;
	font-size: 13px;
	color: #777;
	margin-top: 7px;
}

.ui-form-old .actions {
	text-align: center;
	position: relative;
	padding: 0 20px 20px 20px;
}

.ui-form-old .actions .loader {
	.flex-direction(column);
	.align-items(center);
	.justify-content(center);
	
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
}

.ui-form-old .actions .loader.show {
	.display-flex();
}

.ui-image-input {
	.display-flex();
	.flex-direction(column);
	
	background-color: rgb(241, 241, 241);
	color: rgb(119, 119, 119);
	border: 2px dashed rgb(208, 208, 208);
	
	font-weight: 500;
}

.ui-image-input .drag-idle,
.ui-image-input .drag-over,
.ui-image-input .uploading {
	.display-flex();
	.flex-grow(1);
	.flex-direction(column);
	.align-items(center);
	.justify-content(center);
}

.ui-image-input .drag-over,
.ui-image-input .drag-idle,
.ui-image-input .uploading {
	display: none;
}

.ui-image-input[data-mode="drag-over"] .drag-over,
.ui-image-input[data-mode="drag-idle"] .drag-idle,
.ui-image-input[data-mode="uploading"] .uploading {
	.display-flex();
	.flex-direction(column);
}

.ui-image-input .drag-area {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
}

.ui-image-input .drag-idle svg {
	font-size: 44px;
	opacity: 0.4;
	margin-bottom: 12px;
	transition: color 0.4s, opacity 0.4s;
}

.ui-image-input .drag-idle input[type="file"] {
	display: none;
}

.ui-image-input .uploading ui-progress {
	width: 75%;
	margin-top: 8px;
}

.ui-image-input[data-mode="drag-over"] {
	
}

.ui-image-input[data-mode="drag-idle"] {
	
}

/*
	Usage:
	<div class="ui-inline-busy"><div><img src="/static/img/loading-animated-red.gif" /></div></div>
*/

.ui-inline-busy {
	.display-flex();
	
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	opacity: 0;
	pointer-events: none;
	
	background: rgba(255, 255, 255, 0.5);
	
	transition: opacity 0.4s;
}

.ui-inline-busy > div {
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
}

.ui-inline-busy img {
	top: ~"calc(180px + var(--ui-page-scroll-y))";
	position: absolute;
	
	width: 140px;
	transform: translateY(-150px);
	opacity: 0;
	transition: opacity 0.7s, transform 0.3s, top 0.2s;
}

.ui-inline-busy.show {
	opacity: 1;
	pointer-events: none;
}

.ui-inline-busy.show img {
	opacity: 1;
	transform: translateY(0);
}

.ui-inline-datepicker {
	.display-inline-flex();
	
}
.ui-inline-datepicker > div {
	.display-inline-flex();
	.align-items(center);
	
	padding: 10px 10px;
	margin: 0 10px;
	
	border: 1px solid rgb(230, 230, 230);
	background: rgb(253, 253, 253);
	color: rgb(119, 119, 119);
	font-weight: 500;
	font-size: 13px;
	border-radius: 3px;
	
	transition: color 0.4s, background 0.4s, border 0.4s;
}

.ui-inline-datepicker > div i,
.ui-inline-datepicker > div svg {
	font-size: 16px;
	margin-right: 6px;
}

.ui-inline-datepicker > div span {
	color: rgb(41, 41, 41);
	font-weight: 500;
	font-size: 13px;
	
	transition: color 0.4s;
}

.ui-inline-datepicker:hover > div {
	color: rgb(34, 34, 34);
}


.ui-inline-datepicker:hover > div span {
	color: rgb(244, 12, 66);
}


.ui-button-group {
	.display-inline-flex();
	.align-items(center);
}

.ui-button-group .ui-button > .wrapper {
	border-radius: 0;
}

.ui-button-group .ui-button.ui-button-group-first > .wrapper {
	border-radius: 99px 0 0 99px;
	padding-left: 16px;
}

.ui-button-group .ui-button.ui-button-group-last > .wrapper {
	border-left: none;
	border-radius: 0 99px 99px 0;
	padding-right: 16px;
}

.ui-button-group.wide .ui-button > .wrapper {
	width: 140px;
	text-align: center;
	justify-content: center;
}



.ui-input-file-button {
	position: relative;
	cursor: pointer;
}

.ui-input-file-button input {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}

.ui-input-radiogroup {
	.display-flex();
	
	width: 100%;
}

.ui-input-radiogroup .item {
	.display-flex();
	.flex-grow(1);
	.flex-basis(0);
	.flex-shrink(0);
	
    margin-right: 8px;
}

.ui-input-radiogroup .item:last-child {
	margin-right: 0;
}

.ui-input-radiogroup .item input[type="radio"] {
    width: 20px;
    height: 0px;
    margin: 0;
    padding: 0;
	
	pointer-events: none;
	
    font-size: 1px;
    
    opacity: 0;
}

.ui-input-radiogroup .item label {
	.display-inline-flex;
	.flex-direction(column);
	.align-items(center);

    width: 100%;
    padding: 13px;
    margin-left: -20px;
    
	cursor: pointer;

	font-size: 13px;
	font-weight: 500;
	
    border: 1px solid rgba(221, 221, 221, 0.4);
    border-radius: 4px;
	
	color: #777;
}

.ui-input-radiogroup .item input[type="radio"]:not(old) + label .icon i,
.ui-input-radiogroup .item input[type="radio"]:not(old) + label .icon svg {
    font-size: 28px;
}

.ui-input-radiogroup .item input[type="radio"]:not(old) + label .icon {
    margin-bottom: 16px;
    color: #777;
}

.ui-input-radiogroup .item input[type="radio"]:not(old) + label .text {
    color: #666;
}

.ui-input-radiogroup .item input[type="radio"]:checked:not(old) + label {
	.gradient(#E02B58, #B00E36);
    box-shadow: 0 0 40px 6px rgba(230, 188, 210, 0.69);
    border: 1px solid #BD0D3F;
    color: white;
}

.ui-input-radiogroup .item input[type="radio"]:checked:not(old) + label .icon {
    color: white;
}

.ui-input-radiogroup .item input[type="radio"]:checked:not(old) + label .text {
    color: white;
}

.ui-input-radiogroup-button .item input[type="radio"] {
    width: 20px;
    height: 0px;
    margin: 0;
    padding: 0;
	pointer-events: none;
    font-size: 1px;
    opacity: 0;
}

.ui-input-radiogroup-button .item label {
	.display-flex();
	.align-items(center);
    margin-left: -20px;
	padding: 0 14px;
	
	
}

.ui-input-radiogroup-button .item input[type="radio"]:checked:not(old) + label {
	color: rgb(255, 255, 255);
	background: rgb(244, 12, 66);
}


.ui-input-search {
	.display-inline-flex();
	
	.style-input();
	
	padding: 0;
	
	margin-left: 16px;
	width: 260px;
}

.ui-input-search > label {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	.flex-shrink(0);
	width: 38px;
	
	color: #999;
}

.ui-input-search > input {
	.reset-styles();
	.input-text-padding();
	.flex-grow(1);
	min-width: 0;
	
	padding-left: 0;
	padding-right: 0;
}

.ui-input-search > input:focus {
	outline: none;
}

.ui-input-search > button {
	transition: opacity 0.4s;
	.flex-shrink(0);
}

.ui-input-search > button > div {
	.display-flex();
	.align-items(center);
	.justify-content(center);
	
	height: ~"calc(100% - 16px)";
	width: 24px;
	color: rgb(105, 105, 105);
	margin: 8px;
	border-radius: 99px;
	
	transition: color 0.4s, background 0.4s;
}

.ui-input-search > button:hover > div {
	color: rgb(120, 120, 120);
	background: rgb(228, 228, 228);
}

.ui-input-search > button > div svg {
	
}

.ui-input-search.empty > button {
	opacity: 0;
	pointer-events: none;
}

.ui-input-search.focus {
	.style-input-focus();
}
.ui-select-input {
	background: none;
	border: none;
	font-weight: 500;
	border-radius: 4px;
	position: relative;
}

.ui-select-input .value {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	border-radius: 4px;
	pointer-events: none;
	position: relative;
	overflow: hidden;
	.display-flex();
	flex-basis: 0;
	flex-grow: 1;
	background: linear-gradient(to bottom, #fff, #e7e8f0);
	font-size: 14px;
	align-items: center;
	color: #43415a;
}

.ui-select-input .value span {
	.flex-grow(1);
	padding: 10px 12px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ui-select-input .value .caret {
	.display-flex();
	.justify-content(center);
	.align-items(center);
	
	width: 32px;
}

.ui-select-input .value .caret svg {
	font-size: 14px;
	margin-top: 1px;
}

.ui-select-input select {
	width: 100%;
	background: none;
	border: none;
	padding: 0;
	font-weight: 500;
	border-radius: 4px;
	border: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 4;
}

.ui-select-input select:focus {
	border: 0;
	padding: 0;
	margin: 0;
	outline: none;
}

.ui-select-input select:-moz-focusring {
	border: 0;
	padding: 0;
	margin: 0;
	outline: none;
	color: transparent;
	text-shadow: none;
}

.ui-select-input select::-moz-focusring {
	border: 0;
	padding: 0;
	margin: 0;
	outline: none;
	color: transparent;
	text-shadow: none;
}

.ui-select-input select::-moz-focus-inner {
	border: 0;
	padding: 0;
	margin: 0;
	outline: none;
}

.ui-select-input select:focus::-moz-focus-inner {
	border: 0;
	padding: 0;
	margin: 0;
	outline: none;
}

.ui-select-input select:focus + div {
	outline: 1px dotted rgb(72, 72, 72);
	background: rgb(248, 248, 248);
	outline-offset: -3px;
}


.ui-list-toolbar {
	.display-flex();
	.align-items(center);

	/*background: rgba(246, 246, 246, 0.75);*/
	padding: 6px;
	border-radius: 2px;
}

.ui-list-toolbar.top {
	margin-bottom: 20px;
}

.ui-list-toolbar.bottom {
	margin-top: 20px;
}


.ui-list-toolbar > .actions {
	.display-flex();
	.align-items(center);
	.flex-shrink(0);
	
	text-transform: uppercase;
}

.ui-list-toolbar > .actions .buttons {
	.display-flex();
	.align-items(center);
}

.ui-list-toolbar > .navigation {
	.display-flex();
	.align-items(center);
	.flex-grow(1);
	.flex-basis(0);
	.justify-content(flex-end);
}

.ui-list-toolbar > .navigation > .paging,
.ui-list-toolbar > .navigation > .settings {
	.display-flex();
	.align-items(center);
}

.ui-list-toolbar > .actions .select-all {
	.display-flex();
	.align-items(center);
	.justify-content(center);

	width: 48px;
	height: 100%;
}

.ui-mediapicker {
	
	background: rgb(246, 246, 246);
	position: relative;
	
	cursor: pointer;
}

.ui-mediapicker .select {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.ui-mediapicker.inline {
	
}

.ui-mediapicker svg {
	font-size: 28px;
}

.ui-mediapicker span {
	margin-top: 6px;
	color: rgb(153, 153, 153);
	font-size: 14px;
	font-weight: 500;
}

.ui-mediapicker:hover span,
.ui-mediapicker:hover svg {
	color: rgb(244, 12, 66);
}

.ui-mediapicker .preview {
	position: relative;
	padding-top: 100%;
}

.ui-mediapicker .preview .photo {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	
	height: 100%;
	width: 100%;
	text-align: center;

	.display-flex();
	.align-items(center);
	.justify-content(center);
	
	transform-origin: 50% 50%;
}

.ui-mediapicker .preview .photo img {
	max-height: 100%;
	max-width: 100%;
	margin: 0 auto;
}


.ui-mediapicker .preview .photo[data-image-orientation="1"] {
	
}

.ui-mediapicker .preview .photo[data-image-orientation="2"] {
	transform: scaleX(-1);
}

.ui-mediapicker .preview .photo[data-image-orientation="3"] {
	transform: scaleY(-1) scaleX(-1);
}

.ui-mediapicker .preview .photo[data-image-orientation="4"] {
	transform: scaleY(-1);
}

.ui-mediapicker .preview .photo[data-image-orientation="5"] {
	transform: rotate(-90deg) scaleY(1) scaleX(-1);
}

.ui-mediapicker .preview .photo[data-image-orientation="6"] {
	transform: rotate(90deg);
}

.ui-mediapicker .preview .photo[data-image-orientation="7"] {
	transform: rotate(-90deg) scaleY(-1);
}

.ui-mediapicker .preview .photo[data-image-orientation="8"] {
	transform: rotate(-90deg);
}
.ui-progress {
	.display-inline-flex();
	height: 18px;
	width: 50%;
	border-radius: 999px;
	
	--ui-progress: 50%;
	
	background-color: rgb(241, 241, 241);
	border: 1px solid rgb(208, 208, 208);
}

.ui-progress span {
	border-radius: 999px;
	background: rgba(244, 12, 66, 0.57);
	width: var(--ui-progress);
	margin: 3px;
	transition: width 0.2s, background 0.2s;
}

.ui-progress.waiting span {
   -webkit-animation: animation-fade-in-out 1s infinite;
   -moz-animation: animation-fade-in-out 1s infinite;
   -o-animation: animation-fade-in-out 1s infinite;
    animation: animation-fade-in-out 1s infinite;
	
	background: #ccc;
}
.ui-radio {
	.display-flex();
}

.ui-radio input {
	margin: 0;
	padding: 0;
	height: 20px;
	display: block;
	width: 20px;
	opacity: 0;
	pointer-events: none;
}

.ui-radio label {
	.display-flex();
	.justify-content(center);
	
	margin-left: -20px;
	cursor: pointer;
}

.ui-radio label > span {
	.display-inline-flex();
	.justify-content(center);
	.align-items(center);
	
	width: 24px;
	height: 24px;
	border: 2px solid rgba(219, 219, 219, 0.61);
	border-radius: 9999px;
	transition: border-color 0.4s, background 0.4s;
	background: rgba(255, 255, 255, 0.59);
}

.ui-radio label > span > span {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: rgb(120, 119, 119);
	opacity: 0;
}

.ui-radio label > span i,
.ui-radio label > span svg {
	opacity: 0;
	transition: opacity 0.4s;
}

.ui-radio input:checked + label > span {
	border-color: #111;
	border-color: #999;
	border-color: rgb(173, 173, 173);
}

.ui-radio input:checked + label > span > span {
	opacity: 1;
}

.ui-radio input:active + label > span {
	background: rgb(230, 230, 230);
}

.ui-radio input:indeterminate + label > span {
	background: rgb(194, 194, 194);
	border-color: rgb(153, 153, 153);
}

.ui-radio input:indeterminate + label > span svg {
	opacity: 1;
	color: #666;

}

.ui-radio.grow > label {
	.flex-grow(1);
}

.ui-radio.center > label {
	.justify-content(center);
	.align-items(center);
}

.ui-radio.small > label > span {
	width: 20px;
	height: 20px;
}

.ui-radio.small > label > span svg {
	font-size: 13px;
}

.ui-radio.floating > label > span {
	border-color: rgb(174, 174, 174);
}





.ui-dialog-checkbox {
	.display-flex();
}

.ui-dialog-checkbox input {
	margin: 0;
	padding: 0;
	height: 20px;
	display: block;
	width: 20px;
	opacity: 0;
	pointer-events: none;
}

.ui-dialog-checkbox label {
	.display-flex();
	.justify-content(center);
	
	margin-left: -20px;
	cursor: pointer;
}

.ui-dialog-checkbox label > span {
	.display-inline-flex();
	.justify-content(center);
	.align-items(center);
	
	width: 24px;
	height: 24px;
	border: 2px solid rgb(219, 219, 219);
	border-radius: 2px;
	transition: border-color 0.4s;
}

.ui-dialog-checkbox label > span i,
.ui-dialog-checkbox label > span svg {
	opacity: 0;
	transition: opacity 0.4s;
}

.ui-dialog-checkbox input:checked + label > span {
	border-color: #111;
}

.ui-dialog-checkbox input:checked + label > span svg {
	opacity: 1;
}

.ui-simple-form {
	.display-flex();
	.flex-direction(column);
}

.ui-simple-form .form-row {
	.display-flex();
	.flex-direction(row);
	.align-items(center);
	margin-bottom: 4px;
}

.ui-simple-form .form-row .label {
	.flex-grow(1);
	.flex-basis(0);
}

.ui-simple-form .form-row .input {
	.flex-grow(1);
	.flex-basis(0);
}

.ui-simple-form .form-row .input input[type="text"],
.ui-simple-form .form-row .input input[type="password"],
.ui-simple-form .form-row .input select {
	width: 100%;
	border: 1px solid #eee;
	padding: 8px 12px;
}

.ui-status-colored {
	
}

.ui-status-colored.published {
	color: rgb(0, 128, 0);
}

.ui-status-colored.scheduled {
	color: rgb(255, 165, 0);
}

.ui-status-colored.draft {
	color: rgb(255, 0, 0);
}

.ui-tabstrip {
	.display-flex();
	.flex-direction(column);
}

.ui-tabstrip > .header {
	.display-inline-flex();
	.align-self(center);

	/*padding: 4px;
	box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.13);
	background: rgba(248, 248, 248, 0.7);*/
	border-radius: 2px;
}


.ui-tabstrip > .header .ui-tabstrip-button > div {
	.display-flex();
	.justify-content(center);
	.align-items(center);
	
	padding: 13px 26px;
	margin-right: 0;
	border-radius: 0;
	background: rgb(243, 243, 243);
	color: #bbb;
	font-size: 14px;
	font-family: Rubik;
	font-weight: 500;
	text-transform: none;
	transition: background 0.4s, box-shadow 0.4s, color 0.4s;
	box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.13);
}

.ui-tabstrip > .header .ui-tabstrip-button > div svg {
	font-size: 20px;
	margin-right: 8px;
}


.ui-tabstrip > .header .ui-tabstrip-button:hover > div {
	color: #888;
}

.ui-tabstrip > .header .ui-tabstrip-button.selected > div {
	color: rgb(44, 44, 44);
}

.ui-tabstrip > .header .ui-tabstrip-button:first-child > div {
	border-radius: 2px 0 0 2px;
}

.ui-tabstrip > .header .ui-tabstrip-button:last-child > div {
	border-radius: 0 2px 2px 0;
}


.ui-tabstrip > .content {
	.display-flex();
	.flex-direction(column);
	
	background: rgba(255, 255, 255, 0.7);
	margin-top: 12px;
	border-radius: 2px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}

.ui-tabstrip > .content > .tab {
	display: none;
	
	.flex-grow(1);
	
	padding: 30px;
}

.ui-tabstrip > .content > .tab.selected {
	display: block;
	
}

.ui-tabstrip > .content > .tab h2 {
	color: rgb(85, 85, 85);
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 28px;
	margin-top: 4px;
}

.ui-tabstrip > .content > .tab h3 {
	color: rgb(141, 141, 141);
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 16px;
	margin-top: 24px;
}



.ui-tabstrip.horizontal {
	.flex-direction(row);
}

.ui-tabstrip.horizontal > .header {
	.align-self(flex-start);
	.flex-direction(column);
	width: 220px;
}

.ui-tabstrip.horizontal > .content {
	.flex-grow(1);
	margin-top: 0;
}

.ui-tabstrip.horizontal  > .header .ui-tabstrip-button > div {
	.justify-content(flex-end);
	background: none;
	box-shadow: none;
	padding: 13px 20px;
}


.ui-tabstrip.horizontal > .header .ui-tabstrip-button > div span {
margin-right: auto;
width: 24px;
height: 24px;
font-size: 11px;
background: red;
color: white;
border-radius: 24px;
text-align: center;
line-height: 23px;
}

.ui-tabstrip.horizontal > .header .ui-tabstrip-button > div svg {
	margin-left: 8px;
	margin-right: 0;
	order: 1;
	width: 20px;
}




.ui-tabstrip.vertical > .header {
	.align-self(flex-start);
	padding-left: 30px;
}

.ui-tabstrip.vertical > .header .ui-tabstrip-button > div svg {
	font-size: 16px;
}

.ui-tabstrip.vertical > .header .ui-tabstrip-button > div {
	margin: 0 4px;
	clip-path: polygon(-10% -10%, 110% -10%, 110% 100%, -10% 100%);
	box-shadow: none;
	background: rgb(231, 230, 230);
	font-size: 13px;
}

.ui-tabstrip.vertical > .header .ui-tabstrip-button:first-child > div,
.ui-tabstrip.vertical > .header .ui-tabstrip-button:last-child > div {
	border-radius: 4px 4px 0 0;
}




.ui-tabstrip.vertical > .header .ui-tabstrip-button.selected > div {
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.21);
	height: ~"calc(100% + 2px)";
	margin-top: -2px;
}


.ui-tabstrip.vertical > .content {
	margin-top: 0;
}



.ui-text-editor-selection {
	background: lightblue;
	color: white;
}

.ui-text-editor-link-focus {
	background: lightblue;
}
.ui-text-input {
	background: white;
	border-radius: 4px;
	color: white;
	position: relative;

	--height: 54px;
	height: var(--height, 52px);
	
	box-shadow: 0 2px 7px #0000000d;
}

.ui-text-input input {
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	
	padding: 0 0 0 12px;
	font-size: 14px;
}

.ui-text-input .placeholder  {
	color: #bbb;
	display: flex;

	position: absolute;
	height: 100%;
	z-index: 999;
	top: 0;
	pointer-events: none;
	left: 0;
	right: 0;
	transition: line-height 0.2s, font-size 0.2s, transform 0.2s;
	
	font-size: 15px;
	line-height: var(--height, 52px);
	margin-left: 12px;
	
	transform-origin: 0 0;
}

.ui-text-input input:focus,
.ui-text-input input:not(.empty) {
	height: 100%;
	padding-top: 19px;
}

.ui-text-input input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.ui-text-input input:focus {
	outline: none;
}

.ui-text-input input:focus + .placeholder,
.ui-text-input input.focus + .placeholder,
.ui-text-input input:not(.empty) + .placeholder {
	transform: scale(0.70) translateY(-5px);
}

.ui-text-input span {
	position: absolute;
	pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 3px;
    display: none;
    /*border: 2px solid #6ba6f3;*/
}

.ui-text-input input:focus + .placeholder + span {
	display: block;
}

.ui-timepicker {
	.display-flex();
	.flex-direction(column);
}

.ui-timepicker .time {
	.display-flex();
	.flex-direction(row);
}

.ui-timepicker .options {
	margin-top: 20px;
	overflow: hidden;
}

.ui-timepicker .options select.timezone {
	width: 100%;
}

.ui-timepicker input {
	.flex-grow(1);
	.flex-shrink(1);
	
	overflow: hidden;
	
	border: none;
	padding: 0;
	margin: 0;
	background: none;
}

.ui-timepicker .up-down { 
	.display-flex();
	.flex-direction(column);

	width: 70px;
	border-left: 1px solid #eee;
	background: #f6f6f6;
}

.ui-timepicker .up-down button {
	.flex-grow(1);
	.flex-shrink(1);
	.flex-basis(0);
	
	padding: 0 14px;
	text-align: center;
}

.ui-timepicker .hour,
.ui-timepicker .minutes {
	.display-flex();
	.flex-direction(row);
	.flex-grow(1);
	

	overflow: hidden;
	
	box-shadow: 0 1px 0 0px rgba(255, 255, 255, 0.8);
	background: #fdfdfd;
	border: 1px solid #ececec;
	padding: 8px 12px;
	margin: 0;
	border-radius: 5px;
}

.ui-timepicker .hour {

}

.ui-timepicker .minutes {

}

.ui-timepicker .time-separator {
	align-self: center;
	padding: 0 10px;
	font-size: 26px;
}


.ui-toggle-input {
	.user-select(none);

	display: inline-flex;
	width: 100%;
	height: 40px;
	border-radius: 99px;
	overflow: hidden;
	background: linear-gradient(to bottom, rgb(198, 198, 198), rgb(211, 211, 211));
	padding: 3px;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.31) inset;
}

.ui-toggle-input input {
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	opacity: 0;
	pointer-events: none;
}

.ui-toggle-input .labels {
	.display-inline-flex();
	.flex-grow(1);
	margin-left: -20px;
	position: relative;
}

.ui-toggle-input .labels label {
	.display-flex();
	.align-items(center);
	.justify-content(center);
width: 50%;
cursor: pointer;
z-index: 50;

transition: color 0.4s, opacity 0.4s;
}

.ui-toggle-input input + .labels::before {
	.flex-grow(1);
	
	content: ' ';
	display: block;
	position: absolute;
	background: white;
	width: 50%;
	left: 50%;
	height: 100%;
	
	transition: left 0.4s;
	border-radius: 99px;
	top: 0;
	bottom: 0;
}

.ui-toggle-input input:checked + .labels::before {
content: ' ';
display: block;
position: absolute;
width: 50%;
left: 0;
}

.ui-toggle-input input:checked + .labels label:first-child, 
.ui-toggle-input input:not(checked) + .labels label:last-child {
	color: rgb(244, 12, 66);
	opacity: 1;
}

.ui-toggle-input input:checked + .labels label:last-child,
.ui-toggle-input input:not(checked) + .labels label:first-child {
	color: black;
	opacity: 0.5;
}

.ui-toggle-input input:checked + .labels label:last-child:hover,
.ui-toggle-input input:not(checked) + .labels label:first-child:hover {
	color: rgb(244, 12, 66);
	opacity: 1;
}



.ui-toolbar {
	
}

.ui-toolbar button > div {
	/*.display-flex();
	.align-items(center);
	.justify-content(center);
	
    padding: 8px 14px;
	margin-right: 6px;
    
    border: 1px solid #d0d0d0;
	border-radius: 1px;
	
    background: none;
    color: #777777;
	
    font-size: 12px;
	font-family: Rubik;
	font-weight: 300;
	text-transform: none;
	
	transition: background 0.4s, box-shadow 0.4s, color 0.4s;*/
}

/*.ui-toolbar button > div i,
.ui-toolbar button > div svg {
	width: 16px;
	font-size: 16px;
	margin-right: 6px;
}*/

.ui-toolbar button:hover > div {
	/*background: rgba(255, 255, 255, 0.47);
	box-shadow: 0 2px 2px 0px rgba(164, 164, 164, 0.18);
	color: black;*/
}

.ui-toolbar .button-group button > div {
	/*border-right: none;
	margin-right: 0;*/
}