@charset "utf-8";
@import url("https://assets.isolsend.com/fonts/Open+Sans.css");
@import url("https://assets.isolsend.com/sol_forms.css");
@import url("https://assets.isolsend.com/sol_icons.css");

:root {
	--black: #222;
	--blue: #148bab;
	--darkgrey: #535353;
	--green: #b8cb21;
	--grey: #cacaca;
	--lightgrey: #eee;
	--orange: #f18e22;
	--pink: #8c53a1;
	--red: #cc4b31;
	--white: #fff;
	--yellow: #fd0;

	--closebutton_image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDEzLjIyOTE2NiAxMy4yMjkxNjciPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI4My43NzA4MikiPjxwYXRoIGQ9Im0gMy45Njg3NSwyOTMuMDMxMjQgNS4yOTE2NjY3LC01LjI5MTY3IG0gLTUuMjkxNjY2NywwIDUuMjkxNjY2Nyw1LjI5MTY3IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDoyLjY0NTgzMzI1O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiAvPjwvZz48L3N2Zz4=);
	--moon_image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M144.7 98.7c-21 34.1-33.1 74.3-33.1 117.3c0 98 62.8 181.4 150.4 211.7c-12.4 2.8-25.3 4.3-38.6 4.3C126.6 432 48 353.3 48 256c0-68.9 39.4-128.4 96.8-157.3zm62.1-66C91.1 41.2 0 137.9 0 256C0 379.7 100 480 223.5 480c47.8 0 92-15 128.4-40.6c1.9-1.3 3.7-2.7 5.5-4c4.8-3.6 9.4-7.4 13.9-11.4c2.7-2.4 5.3-4.8 7.9-7.3c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-3.7 .6-7.4 1.2-11.1 1.6c-5 .5-10.1 .9-15.3 1c-1.2 0-2.5 0-3.7 0c-.1 0-.2 0-.3 0c-96.8-.2-175.2-78.9-175.2-176c0-54.8 24.9-103.7 64.1-136c1-.9 2.1-1.7 3.2-2.6c4-3.2 8.2-6.2 12.5-9c3.1-2 6.3-4 9.6-5.8c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-3.6-.3-7.1-.5-10.7-.6c-2.7-.1-5.5-.1-8.2-.1c-3.3 0-6.5 .1-9.8 .2c-2.3 .1-4.6 .2-6.9 .4z"/></svg>');
	--sun_image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M375.7 19.7c-1.5-8-6.9-14.7-14.4-17.8s-16.1-2.2-22.8 2.4L256 61.1 173.5 4.2c-6.7-4.6-15.3-5.5-22.8-2.4s-12.9 9.8-14.4 17.8l-18.1 98.5L19.7 136.3c-8 1.5-14.7 6.9-17.8 14.4s-2.2 16.1 2.4 22.8L61.1 256 4.2 338.5c-4.6 6.7-5.5 15.3-2.4 22.8s9.8 13 17.8 14.4l98.5 18.1 18.1 98.5c1.5 8 6.9 14.7 14.4 17.8s16.1 2.2 22.8-2.4L256 450.9l82.5 56.9c6.7 4.6 15.3 5.5 22.8 2.4s12.9-9.8 14.4-17.8l18.1-98.5 98.5-18.1c8-1.5 14.7-6.9 17.8-14.4s2.2-16.1-2.4-22.8L450.9 256l56.9-82.5c4.6-6.7 5.5-15.3 2.4-22.8s-9.8-12.9-17.8-14.4l-98.5-18.1L375.7 19.7zM269.6 110l65.6-45.2 14.4 78.3c1.8 9.8 9.5 17.5 19.3 19.3l78.3 14.4L402 242.4c-5.7 8.2-5.7 19 0 27.2l45.2 65.6-78.3 14.4c-9.8 1.8-17.5 9.5-19.3 19.3l-14.4 78.3L269.6 402c-8.2-5.7-19-5.7-27.2 0l-65.6 45.2-14.4-78.3c-1.8-9.8-9.5-17.5-19.3-19.3L64.8 335.2 110 269.6c5.7-8.2 5.7-19 0-27.2L64.8 176.8l78.3-14.4c9.8-1.8 17.5-9.5 19.3-19.3l14.4-78.3L242.4 110c8.2 5.7 19 5.7 27.2 0zM256 368a112 112 0 1 0 0-224 112 112 0 1 0 0 224zM192 256a64 64 0 1 1 128 0 64 64 0 1 1 -128 0z"/></svg>');
	--shadow: #cacaca;
}


.black {
	color: var(--black);
}
.blue {
	color: var(--blue);
}
.darkgrey {
	color: var(--darkgrey);
}
.green {
	color: var(--green);
}
.gray, .grey {
	color: var(--grey);
}
.hilite {
	background-color: var(--yellow);
	padding: 1px 2px;
}
.lightgrey {
	color: var(--lightgrey);
}
.orange {
	color: var(--orange);
}
.pink {
	color: var(--pink);
}
.red {
	color: var(--red);
}
.white {
	color: var(--white);
}
.yellow {
	color: var(--yellow);
}


.bold {
	font-weight: bold;
}

* {
	box-sizing: border-box;
	max-width: 100%;
}

html {
	height: 100%;
}
body {
	background-color: var(--white);
	color: var(--black);
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0.5em 0;
	position: relative;
	width: 100%;
}
body.fixed {
	overflow: hidden;
	/*height: 100%;*/
}

button:disabled {
	cursor: not-allowed;
}
button.button {
	border: none;
	border-radius: 0;
	padding: 0.5em 1em;
}
button.blue, .button.blue {
	background-color: var(--blue);
	color: var(--white);
}
button.grey, .button.grey {
	background-color: var(--grey);
	color: var(--white);
}
button.green, .button.green {
	background-color: var(--green);
	color: var(--white);
}
button.white {
	background-color: var(--white);
	color: var(--black);
}

ul.flat, ul.toolbar, ul.sol-explorer, ul#sol-group_campaigns, ul#sol-menu, div#sticky-header > ul, .sol-tree ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	color: var(--blue);
}
a.blue:hover {
	color: var(--green);
}

a#sol-scheme_toggle {
	color: transparent;
	display: block;
	position: fixed;
	left: 5px;
	bottom: 5px;
	z-index: 100;
}

a.arr-link:before {
	border-color: transparent transparent transparent var(--orange);
	border-style: solid;
	border-width: 0.4em 0 0.4em 0.4em;
	content: ' ';
	display: inline-block;
	margin: 0 0.25em 0.05em 0;
}

a.button {
	padding: 0.5em 1em;
}

div.center, h1.center, h2.center, h3.center, h4.center, h5.center, h6.center, p.center {
	text-align: center;
}

.sol-backdrop {
	background-color: transparent;
	height: 100%;
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 200;
}
.sol-close_button {
	background: var(--grey) var(--closebutton_image) no-repeat center/contain;
	color: var(--white);
	cursor: pointer;
	display: block;
	height: 30px;
	width: 30px;
	z-index: 202;
	position: absolute;
	right: 0;
	top: 0;
}
.sol-close_button:hover {
	background-color: var(--red);
}

.sol-modal {
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 201;
}
.sol-window {
	background-color: var(--white);
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
	left: 50%;

	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 550px;
}

.sol-window .sol-title_bar {
	background-color: var(--grey);
	color: var(--white);
	font-size: 1em;
	height: 30px;
	line-height: 30px;
	padding-left: 0.5em;
}
.sol-backdrop.sol-modal .sol-window .sol-title_bar {
	background-color: var(--blue);
}
.sol-window > div {
	width: 100%;
}
.sol-window p {
	padding: 0.5em 1em;
}

.sol-breadcrumb {
	margin: 0.75em 0;
}

.sol-button_bar {
	border-top: 1px solid var(--grey);
	display: flex;
	justify-content: flex-end;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}
.sol-button_bar > li {
	margin: 0 0.25em 0 0;
	min-width: 1em;
}
.sol-button_bar button {
	background-color: var(--grey);
	border: 1px solid var(--darkgrey);
	/*box-sizing: border-box;*/
	color: var(--black);
	cursor: pointer;
	display: block;
	height: inherit;
	margin: 5px 5px 5px 0;
	padding: 0.5em 2em !important;
	width: inherit;
}
.sol-button_bar button:not(.sol-button):hover {
	background-color: var(--lightgrey);
}
.sol-button_bar button:disabled {
	border-color: grey;
	color: var(--darkgrey);
}
.sol-button_bar button.disabled:hover {
	background-color: var(--grey);
	color: var(--white);
}

ul.sol-explorer {
	display: flex;
}
ul.sol-explorer > li > a.icon {
	background-position: center top;
	background-size: 5em;
	display: block;
	font-size: 1em;
	line-height: 1em;
	margin: 1em 2em;
	padding: 5.1em 0 0 0;
	position: relative;
	text-align: center;
	width: 5em;
}
ul.sol-explorer > li > a.icon.folder > span {
	color: rgba(255, 255, 255, 0.7);
	font-size: 1.8em;
	font-weight: bold;
	left: 0;
	position: absolute;
	text-shadow: 0 0 2px rgba(255, 255, 255, 0.35);
	top: 1.4em;
	width: 100%;
}
.sol-eye {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="grey" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"/></svg>');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	/*box-sizing: border-box;*/
	display: inline-block;
	height: 1.5em;
	line-height: 1.5em;
	width: 1.5em;
	margin-left: -30px; 
	padding-top: 20px; 
	position: relative;
	right: 6px;
	top: 6px;
	cursor: pointer;
	z-index: 100;
}
.sol-eye.slash {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="grey" d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"/></svg>');
}
input:has(+.sol-eye) {
	padding-right: 2.5em !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

ul.sol-table, ul.sol-table ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}
ul.sol-table {
	border: 1px solid var(--black);
	display: table;
	font-size: 1.1em;
	margin: 1em 0;
}
ul.sol-table > li {
	background-color: var(--white);
	display: table-row;
}
ul.sol-table > li:first-child {
	background-color: var(--darkgrey);
	color: var(--white);
	display: table-header-group;
	font-weight: bold;
}
ul.sol-table > li:nth-child(2n) {
	background-color: var(--lightgrey);
}
ul.sol-table > li > ul > li {
	box-sizing: border-box;
	display: table-cell;
	padding: 0.5em 1em;
}


ul.sol-tabs {
	box-sizing: border-box;
	display: flex;
	gap: 0.25em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.sol-tabs > li {
	background-color: var(--blue);
	border: 1px solid var(--blue);
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	color: var(--white);
	flex: 1 1 0px;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}
ul.sol-tabs > li.open {
	background-color: var(--white);
	border-bottom-color: var(--white);
	color: var(--blue);
	z-index: 101;
}
/*ul.sol-tabs + */div.sol-tab_content {
	border: 1px solid var(--blue);
	box-sizing: border-box;
	display: inline-block;
	margin-bottom: 1em;
	margin-top: -1px;
	min-height: 30em;
	padding: 0.5em 1em;
	position: relative;
	width: 100%;
	z-index: 100;
}
ul.sol-tabs > li > a {
	color: inherit;
	display: inline-block;
	padding: 0.5em 1em;
	width: 100%;

}
ul.sol-tabs > li > a:hover {
	color: var(--orange);
}


ul.sol-taglist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}
ul.sol-taglist:after {
	clear: left;
	content: '';
	display: block;
}
ul.sol-taglist > li {
	float: left;
}
ul.sol-taglist > li:not(:last-child):after {
	content: '|';
	margin: 0 0.25em;
}
ul.sol-taglist a:hover {
	color: var(--blue) !important;
}
ul.sol-taglist a.active {
	color: var(--black);
}
ul.sol-taglist a.active:not(.bold) {
	font-weight: normal;
}


.sol-tooltip {
	background-color: var(--lightgrey);
	border: 1px solid var(--green);
	border-radius: 5px;
	bottom: 10px;
	/*box-sizing: border-box;*/
	display: none;
	font-size: 12px;
	min-width: 200px;
	padding: 0.5em;
	position: absolute;
	right: 10px;
	text-align: left !important;
	width: fit-content;
}

.sol-tree .folder.open {
	font-weight: bold;
}

#sol-growl {
	/*box-sizing: border-box;*/
}
#sol-growl.tl, #sol-growl.tr, #sol-growl.bl, #sol-growl.br, #sol-growl.tc, #sol-growl.bc, #sol-growl.cc, #sol-growl.cl, #sol-growl.cr {
	position: fixed;
	z-index: 300;
}
#sol-growl.tl {
	left: 10px;
	top: 10px;
}
#sol-growl.tr {
	right: 10px;
	top: 10px;
}
#sol-growl.bl {
	bottom: 10px;
	left: 10px;
}
#sol-growl.br {
	bottom: 10px;
	right: 10px;
}
#sol-growl.tc {
	left: 10px;
	right: 10px;
	top: 10px;
}
#sol-growl.bc {
	bottom: 10px;
	left: 10px;
	right: 10px;
}
#sol-growl.cc {
	left: 50%;
	margin-left: -125px;
	top: 50%;
}
#sol-growl.cl {
	left: 10px;
	top: 50%;
}
#sol-growl.cr {
	right: 10px;
	top: 50%;
}
#sol-growl.tc > div, #sol-growl.bc > div {
	margin-left: auto;
	margin-right: auto;
}
#sol-growl > div {
	border-radius: 3px;
	/*box-sizing: border-box;*/
	color: var(--white);
	filter: alpha(opacity=80);
	font: 400 14px/18px 'Open-Sans', sans-serif;
	opacity: 0.8;
	position: relative;
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
}
#sol-growl > div.small {
	margin: 5px;
	padding: 5px;
	width: 200px;
}
#sol-growl > div.medium {
	margin: 10px;
	padding: 10px;
	width: 250px;
}
#sol-growl > div.large {
	margin: 15px;
	padding: 15px;
	width: 300px;
}

#sol-growl > div.info {
	background-color: #7f8c8d;
}
#sol-growl > div.error {
	background-color: #c0392b;
}
#sol-growl > div.notice, #sol-growl > div.success {
	background-color: #2ecc71;
}
#sol-growl > div.warning {
	background-color: #f39c12;
}

#sol-growl > div > a.close {
	display: none;
	float: right;
	text-align: center;
	width: 1em;
}
#sol-growl > div > a.close:hover {
	color: var(--white);
	text-decoration: none;
}
#sol-growl > div > h1.title {
	font: 400 18px/24px Open-Sans, sans-serif;
	margin: 0;
}

#sol-growl > div.closable {
	cursor: pointer;
}
#sol-growl > div.closable:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
#sol-growl > div.closable > a.close {
	display: inline;
}

div#sol-header {
	background-color: var(--blue);
	height: 2.5em;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
}
div#sol-header a.icon {
	background-size: contain;
	float: left;
	font-size: unset;
	height: 40px;
	margin: unset;
	padding: unset;
	width: 40px;
}

a#sol-app_menu_trigger, a#sol-mobile_menu_trigger, a#sol-sticky_menu_trigger {
	display: none;
}

ul#sol-menu {
	background-color: var(--blue);
	color: var(--white);
	display: flex;
	flex-direction: row;
	font-family: Verdana;
	font-weight: bold;
	gap: 0.5em;
	height: auto;
	justify-content: space-between;
	position: fixed;
	top: 0;
	width: inherit;
	z-index: 200;
}

ul#sol-menu a {
	height: 100%;
	padding: 0.5em;
	width: 100%;
}
ul#sol-menu a:hover {
	color: var(--orange);
}

ul#sol-menu.top-menu {
	height: 2.5em;
}

ul#sol-menu.app-menu {
	background-color: var(--lightgrey);
	box-shadow: 0 3px 5px var(--grey);
	color: var(--black);
	display: none;
	flex-direction: column;
	font-family: unset;
	font-size: 1em;
	font-weight: normal;
	gap: unset;
	left: 0;
	padding: 0.5em 1em;
	top: 2.5em;
	width: auto;
}
ul#sol-menu.app-menu a {
	padding: 0;
}

ul#sol-menu.mobile-menu {
	align-items: stretch;
	background-color: var(--white);
	border: 1px solid var(--darkgrey);
	box-shadow: 0 0 200px 50px var(--darkgrey);
	color: var(--black);
	display: none;
	left: 50%;
	margin: 0;
	padding: 1em;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 75%;
}

ul#sol-menu.mobile-menu a {
	border: 1px solid var(--grey);
	font-size: 1.2em;
	width: 100%;
}

ul#sol-menu.mobile-menu a.orange {
	background-color: var(--orange);
	color: var(--white);
}


@media only screen and (max-height: 414px) {
/*
	html {
		background: transparent url('//assets.isolsend.com/gfx/logo/goolux24.svg') no-repeat center center;
	}
*/
	a#sol-mobile_menu_trigger {
		display: block;
	}

	div#sol-header {
		background-color: transparent;
	}

	ul#sol-menu.mobile-menu {
		flex-wrap: wrap;
	}

	ul#sol-menu.mobile-menu > li {
		width: calc(50% - 0.5em);
	}

}

@media only screen and (max-width: 414px) {
/*
	html {
		background: transparent url('//assets.isolsend.com/gfx/logo/goolux24_small.png') no-repeat center center;
	}
*/
	#sol-growl {
		align-items: center;
		background-color: rgba(255, 255, 255, 0.75);
		display: flex;
		justify-content: center;
		height: 100%;
		position: absolute;
		width: 100%;
		bottom: unset !important;
		left: unset !important;
		right: unset !important;
		top: 0 !important;
	}
	#sol-growl > div {

	}

	a#sol-mobile_menu_trigger {
		display: block;
	}

	div#sol-header {
		background-color: transparent;
	}

	a#sol-logo {
		display: none;
	}

	ul#sol-menu.mobile-menu {
		flex-direction: column;
	}

	ul#sol-menu.mobile-menu > li {
		width: 100%;
	}

	a#sol-sticky_menu_trigger {
		/*display: block;*/
	}

	#sticky-header.sticky {
		display: none;
		background-color: transparent;
	}

	.sol-tabs {
		flex-wrap: wrap;
	}
	.sol-tabs > li {
		border-radius: unset !important;
		flex-basis: 30% !important;
		flex-grow: 1 !important;
		flex-shrink: 0 !important;
	}
	.sol-tabs > li.open {
		border-bottom-color: unset !important;
	}
	.sol-tab_content {
		border-top-color: transparent !important;
		margin-bottom: 0 !important;
		min-height: unset !important;
	}

}

/*
https://ar.al/2021/08/24/implementing-dark-mode-in-a-handful-of-lines-of-css-with-css-filters/
*/
@media (prefers-color-scheme: dark) {
	:root {
		--white: #eff0ef;
		--shadow: #ffffff;
	}

	/* Invert all elements on the body while attempting to not alter the hue substantially. */
	/*
	body {
		filter: invert(100%) hue-rotate(180deg);
	}
	*/

	/* Workarounds and optical adjustments. */

	/* Firefox workaround: Set the background colour for the html
	 * element separately because, unlike other browsers, Firefox
	 * doesn’t apply the filter to the root element’s background.
	 */
	html {
		background-color: #eff0ef;
		filter: invert(100%) hue-rotate(180deg);
	}

	input:not([type='submit']):not([type='button']), select {
		filter: invert(15%) hue-rotate(180deg);
	}

	/* Do not invert media (revert the invert). */
	img, video, iframe, .screenshot, #sol-email_designs > li, #sol-logo {
		filter: invert(100%) hue-rotate(180deg);
	}

	a#sol-scheme_toggle img {
		filter: unset;
	}

	/* Improve contrast on icons. */
	.icon {
		filter: invert(15%) hue-rotate(180deg);
	}

	/* Re-enable code block backgrounds. */
	pre {
		filter: invert(6%);
	}

	/* Improve contrast on list item markers. */
	li::marker {
		color: #666;
	}

	#sol-growl > div, .sol-close_button {
		filter: invert(100%) hue-rotate(180deg);
	}
}

html.scheme-dark {
	--white: #eff0ef;
	--shadow: #ffffff;

	background-color: #eff0ef;
	filter: invert(100%) hue-rotate(180deg);
}
html.scheme-dark input:not([type='submit']):not([type='button']), html.scheme-dark select {
	filter: invert(15%) hue-rotate(180deg);
}
html.scheme-dark img, html.scheme-dark video, html.scheme-dark iframe, html.scheme-dark .screenshot, html.scheme-dark #sol-email_designs > li, html.scheme-dark #sol-logo {
	filter: invert(100%) hue-rotate(180deg);
}
html.scheme-dark a#sol-scheme_toggle img {
	filter: unset;
}
html.scheme-dark .icon {
	filter: invert(15%) hue-rotate(180deg);
}
html.scheme-dark pre {
	filter: invert(6%);
}
html.scheme-dark li::marker {
	color: #666;
}
html.scheme-dark #sol-growl {
	z-index: 300;
}
html.scheme-dark #sol-growl > div, html.scheme-dark .sol-close_button {
	filter: invert(100%) hue-rotate(180deg);
}

html.scheme-transition body {
	transition: filter 1s;
}






/* <sol_globals.css> */
.hidden {
	display: none !important;
}
.truncate {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div#sol-workbench {
	margin: 0 auto;
	padding-bottom: 1em;
	padding-top: 3em;
	width: 1000px;
}

.sol-boxes > .sol-box {
	border: 1px solid var(--grey);
	filter: grayscale(100%);
	margin-bottom: 1em;
}
.sol-boxes > .sol-box:hover {
	filter: grayscale(0);
}
.sol-boxes > .sol-box > .header {
	background-color: var(--lightgrey);
	font-size: 1em;
	font-weight: bold;
	margin-top: 0;
	padding: 0.5em 0 0.5em 1em;
	position: relative;
}
.sol-boxes > .sol-box > .header > span:first-child {
	/*box-sizing: border-box;*/
	display: inline-block;
	max-width: 75% !important;
}
.sol-boxes > .sol-box > .header > span:not(:first-child) {
	float: right;
}
.sol-boxes > .sol-box > .header > span:not(:first-child) > a {
	margin-right: 0.5em;
	padding-left: 1.4em;
}
.sol-boxes > .sol-box > ul.sol-folders {
	line-height: 1.6em;
}
.sol-boxes > .sol-box > ul.sol-folders, p.no_groups {
	margin: 1em;
}
.sol-boxes > .sol-box > ul.sol-folders > li {
	margin-bottom: 0.3em;
}
.sol-boxes > .sol-box.active, .sol-boxes > .sol-box.open {
	border-color: var(--blue);
	filter: grayscale(0);
}
.sol-boxes > .sol-box.active > .header, .sol-boxes > .sol-box.open > .header {
	background-color: var(--blue);
	color: var(--white);
}
.sol-boxes > .sol-box.open > .header > span > a {
	color: var(--white) !important;
}

.box:not(.icon) {
	background-color: var(--white);
	border: 1px solid var(--grey);
	/*box-sizing: border-box;*/
	margin-bottom: 1em;
}

.box.blue {
	border-color: var(--blue);
	color: var(--black);
}
.box.green {
	border-color: var(--green);
	color: var(--black);
}
.box.orange {
	border-color: var(--orange);
	color: var(--black);
}
.box.red {
	border-color: var(--red);
	color: var(--black);
}

.box.dialog {
	border-color: var(--grey);
	left: 50%;
	min-width: 500px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: fit-content;
}
.box.dialog > .footer  {
	border-top: 1px solid var(--lightgrey);
	padding: 0.5em;
}
.sol-backdrop:has(div.box.dialog) {
	background-color: rgba(0, 0, 0, 0.5);
}

.sol-box .header > .sol-close_button {
	background: transparent var(--closebutton_image) no-repeat center/contain;
	color: var(--white);
	cursor: pointer;
	display: block;
	height: 30px;
	position: absolute;
	right: 3px;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	z-index: 100;
}
.sol-box .header > .sol-close_button:hover {
	background-color: var(--red);
}
.sol-box .header {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0 !important;
	padding: 7px 10px;
	position: relative;
}
.sol-box .header ~ div {
	padding: 1em;
}

.box h1.header.icon, .box h2.header.icon {
	background-position: left 5px center;
	background-repeat: no-repeat;
	background-size: 1.6em;
	padding-left: 35px;
}

.box.blue .header {
	background-color: var(--blue);
	color: var(--white);
}
.box.blue .header a:hover {
	color: var(--orange);
}
.box.green .header {
	background-color: var(--green);
	color: var(--white);
}
.box.green .header a:hover {
	color: var(--orange);
}
.box.orange .header {
	background-color: var(--orange);
	color: var(--white);
}
.box.orange .header a:hover {
	color: var(--blue);
}
.box.red .header {
	background-color: var(--red);
	color: var(--white);
}
.box.red .header a:hover {
	color: var(--orange);
}
.box.white .header {
	background-color: var(--white);
	color: var(--black);
}
.box.white .header a:hover {
	color: var(--blue);
}

.box.collapsed > div {
	display: none;
}
.box.expanded > div {
	display: block;
}
.box.collapsed > .header a.toggle, .box.expanded > .header a.toggle {
	display: inline-block;
	max-width: 95% !important;
	width: 100%;
}
.box.collapsed > .header a.toggle:before, .box.expanded > .header a.toggle:before {
	display: inline;
	margin-right: 0.5em;
}
.box.collapsed > .header a.toggle:before {
	content: '\2BC6';
}
.box.expanded > .header a.toggle {
	font-weight: bold;
}
.box.expanded > .header a.toggle:before {
	content: '\2BC5';
}

.sol-box.readonly .header .delete {
	filter: grayscale(100%);
}
.sol-box.readonly .header .delete:hover {
	cursor: not-allowed;
	filter: grayscale(100%) !important;
}

.sol-accordion > li {
	margin-bottom: 0 !important;
}
.sol-accordion > li.collapsed:not(:last-child) {
	border-bottom-color: var(--white);
}


/* Sticky Header*/
#sticky-header {
	width: 100%;
	z-index: 300;
}
#sticky-header h2 {
	display: inline-block;
	margin: 0.4em 0;
}
#sticky-header > ul {
	align-items: center;
	display: flex;
	gap: 5px;
	justify-content: space-between;
	width: inherit;
}
#sticky-header > ul > li {
	flex-grow: 1;
}

#sticky-header.sticky {
	background-color: var(--blue);
	height: 2.5em;
	position: fixed;
	top: 0;
	width: inherit;
	z-index: 300;
}
#sticky-header.sticky h2 {
	width: auto !important;
}

#sticky-header.sticky .sol-button {
	margin: 0.25em 0;
	padding: 0.25em 0;
}


#sticky-header.sticky .sol-tabs {
	margin: 0.5em 0;
}
#sticky-header.sticky .sol-tabs .open {
	border-color: var(--blue);
}


#sticky-header.sticky > ul.mobile-menu {
	flex-direction: column;
	width: 75%;
}
#sticky-header.sticky > ul.mobile-menu > li {
	width: 100%;
}
/* */

/* Misc */
.sol-button {
	background-color: var(--white);
	border: 1px solid var(--grey);
	/*box-sizing: border-box;*/
	color: var(--black);
	display: inline-block;
	font-size: 16px;
	min-width: fit-content;
	padding-bottom: 0.75em;
	padding-top: 0.75em;
	text-align: center;
	width: 100%;
}
.sol-button.active {
	background-color: var(--blue);
	border-color: var(--blue);
	color: var(--white);
}
.sol-button.disabled {
	background-color: var(--lightgrey) !important;
	border-color: var(--grey) !important;
	color: var(--white);
	cursor: not-allowed;
	/*display: none;*/
	text-decoration: line-through;
}
.sol-button.disabled:hover {
	color: var(--white) !important;
	text-decoration: line-through !important;
}
a.sol-button:not(.active):hover {
	text-decoration: underline;
}
.sol-button.blue {
	background-color: var(--blue);
	border-color: var(--blue);
	color: var(--white);
}
.sol-button.green {
	background-color: var(--green);
	border-color: var(--green);
	color: var(--white);
}
.sol-button.orange {
	background-color: var(--orange);
	border-color: var(--orange);
	color: var(--white);
}
.sol-button.red {
	background-color: var(--red);
	border-color: var(--red);
	color: var(--white);
}
.sol-button.yellow {
	background-color: var(--yellow);
	border-color: var(--yellow);
}


/*</sol_globals.css> */

/* <sol_globals2019.css> */
.new {
	background: transparent url('/gfx/icons/badge_star_neu.svg') right 10px center / contain no-repeat;
}

.one-half, .two-fourth, .three-sixth, .four-eighth {
	float: left;
	margin-right: 1%;
	width: calc(calc(100% / 2) - 1%);
}
* > .one-half:last-child, * > .two-fourth:last-child, * > .three-sixth:last-child, * > .four-eighth:last-child {
	margin-right: 0;
	width: calc(100% / 2);
}

.one-third {
	width: calc(calc(100% / 3) - 1%);
}
.ltr .one-third, .one-third {
	float: left;
	margin-right: 1%;
}
.rtl .one-third {
	float: right;
	margin-left: 1%;
}
* > .one-third:last-child, * > .one-third:only-child {
	width: calc(100% / 3);
}
.ltr > .one-third:last-child, .ltr > .one-third:only-child, * > .one-third:last-child, * > .one-third:only-child {
	margin-right: 0;
}
.rtl > .one-third:last-child, .rtl > .one-third:only-child {
	margin-left: 0;
}

.two-third {
	width: calc(calc(calc(100% / 3) * 2) - 1%);
}
.ltr .two-third, .two-third {
	float: left;
	margin-right: 1%;
}
.rtl .two-third {
	float: right;
	margin-left: 1%;
}
* > .two-third:last-child, * > .two-third:only-child {
	width: calc(calc(100% / 3) * 2);
}
.ltr > .two-third:last-child, .ltr > .two-third:only-child, * > .two-third:last-child, * > .two-third:only-child {
	margin-right: 0;
}
.rtl > .two-third:last-child, .rtl > .two-third:only-child {
	margin-left: 0;
}

.one-fourth {
	float: left;
	margin-right: 1%;
	width: calc(calc(100% / 4) - 1%);
}
.rtl .one-fourth {
	float: right;
	margin-left: 1%;
	margin-right: 0;
}
* > .one-fourth:last-child, * > .one-fourth:only-child {
	margin-right: 0;
	width: calc(100% / 4);
}
.rtl > .one-fourth:last-child, .rtl > .one-fourth:only-child {
	margin-left: 0;
}

.three-fourth {
	float: left;
	margin-right: 1%;
	width: calc(calc(calc(100% / 4) * 3) - 1%);
}
.rtl .three-fourth {
	float: right;
	margin-left: 1%;
	margin-right: 0;
}
* > .three-fourth:last-child, * > .three-fourth:only-child {
	margin-right: 0;
	width: calc(calc(100% / 4) * 3);
}
.rtl > .three-fourth:last-child, .rtl > .three-fourth:only-child {
	margin-left: 0;
}

.one-fifth {
	float: left;
	margin-right: 1%;
	width: calc(calc(100% / 5) - 1%);
}
.rtl .one-fifth {
	float: right;
	margin-left: 1%;
	margin-right: 0;
}
* > .one-fifth:last-child {
	margin-right: 0;
	width: calc(100% / 5);
}
.rtl > .one-fifth:last-child, .rtl > .one-fifth:only-child {
	margin-left: 0;
}
.two-fifth {
	float: left;
	margin-right: 1%;
	width: calc(calc(calc(100% / 5) * 2) - 1%);
}
* > .two-fifth:last-child {
	margin-right: 0;
	width: calc(calc(100% / 5) * 2);
}
.three-fifth {
	float: left;
	margin-right: 1%;
	width: calc(calc(calc(100% / 5) * 3) - 1%);
}
* > .three-fifth:last-child {
	margin-right: 0;
	width: calc(calc(100% / 5) * 3);
}
.four-fifth {
	float: left;
	margin-right: 1%;
	width: calc(calc(calc(100% / 5) * 4) - 1%);
}
* > .four-fifth:last-child {
	margin-right: 0;
	width: calc(calc(100% / 5) * 4);
}

.one-sixth {
	float: left;
	margin-right: 1%;
	width: calc(calc(100% / 6) - 1%);
}
.rtl .one-sixth {
	float: right;
	margin-left: 1%;
	margin-right: 0;
}
* > .one-sixth:last-child, * > .one-sixth:only-child {
	margin-right: 0;
	width: calc(100% / 6);
}
.rtl > .one-sixth:last-child, .rtl > .one-sixth:only-child {
	margin-left: 0;
}

.two-sixth {
	float: left;
	margin-right: 1%;
	width: calc(calc(calc(100% / 6) * 2) - 1%);
}
* > .two-sixth:last-child {
	margin-right: 0;
	width: calc(calc(100% / 6) * 2);
}
.four-sixth {
	float: left;
	margin-right: 1%;
	width: calc(calc(calc(100% / 6) * 4) - 1%);
}
* > .four-sixth:last-child {
	margin-right: 0;
	width: calc(calc(100% / 6) * 4);
}
.five-sixth {
	float: left;
	margin-right: 1%;
	width: calc(calc(calc(100% / 6) * 5) - 1%);
}
* > .five-sixth:last-child {
	margin-right: 0;
	width: calc(calc(100% / 6) * 5);
}
.one-seventh {
	float: left;
	margin-right: 1%;
	width: calc(calc(100% / 7)  - 1%);
}
* > .one-seventh:last-child {
	margin-right: 0;
	width: calc(100% / 7);
}
.two-seventh {
	float: left;
	margin-right: 1%;
	width: calc(calc(calc(100% / 7) * 2)  - 1%);
}
* > .two-seventh:last-child {
	margin-right: 0;
	width: calc(calc(100% / 7) * 2);
}
.three-seventh {
	float: left;
	margin-right: 1%;
	width: calc(calc(calc(100% / 7) * 3)  - 1%);
}
* > .three-seventh:last-child {
	margin-right: 0;
	width: calc(calc(100% / 7) * 3);
}
.four-seventh {
	float: left;
	margin-right: 1%;
	width: calc(calc(calc(100% / 7) * 4)  - 1%);
}
* > .four-seventh:last-child {
	margin-right: 0;
	width: calc(calc(100% / 7) * 4);
}
.five-seventh {
	float: left;
	margin-right: 1%;
	width: calc(calc(calc(100% / 7) * 5)  - 1%);
}
* > .five-seventh:last-child {
	margin-right: 0;
	width: calc(calc(100% / 7) * 5);
}
.six-seventh {
	float: left;
	margin-right: 1%;
	width: calc(calc(calc(100% / 7) * 6)  - 1%);
}
* > .six-seventh:last-child {
	margin-right: 0;
	width: calc(calc(100% / 7) * 6);
}
.one-eighth {
	float: left;
	margin-right: 1%;
	width: calc(calc(100% / 8)  - 1%);
}
* > .one-eighth:last-child {
	margin-right: 0;
	width: calc(100% / 8);
}
.two-eighth {
	float: left;
	margin-right: 1%;
	width: calc(calc(calc(100% / 8) * 2)  - 1%);
}
* > .two-eighth:last-child {
	margin-right: 0;
	width: calc(calc(100% / 8) * 2);
}
.three-eighth {
	float: left;
	margin-right: 1%;
	width: calc(calc(calc(100% / 8) * 3)  - 1%);
}
* > .three-eighth:last-child {
	margin-right: 0;
	width: calc(calc(100% / 8) * 3);
}
.five-eighth {
	float: left;
	margin-right: 1%;
	width: calc(calc(calc(100% / 8) * 5)  - 1%);
}
* > .five-eighth:last-child {
	margin-right: 0;
	width: calc(calc(100% / 8) * 5);
}
.six-eighth {
	float: left;
	margin-right: 1%;
	width: calc(calc(calc(100% / 8) * 6)  - 1%);
}
* > .six-eighth:last-child {
	margin-right: 0;
	width: calc(calc(100% / 8) * 6);
}
.seven-eighth {
	float: left;
	margin-right: 1%;
	width: calc(calc(calc(100% / 8) * 7)  - 1%);
}
* > .seven-eighth:last-child {
	margin-right: 0;
	width: calc(calc(100% / 8) * 7);
}

.rtl > *:only-child {
	
}

.rtl:after {
	clear: right;
	content: '';
	display: block;
}
.ltr:after {
	clear: left;
	content: '';
	display: block;
}
/* </sol_globals2019.css> */