/*----------FONTS-------------------------------------------------------------------------*/
/* Inter */
@font-face {
  font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(../fonts/Inter-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(../fonts/Inter-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*----------ICONS-------------------------------------------------------------------------*/
@font-face {font-family:'Material Symbols Outlined';font-style:normal;font-weight:300;src:url('../fonts/MaterialSymbolsOutlined.woff2');}
@font-face {font-family:'Material Symbols Outlined Filled';font-style:normal;font-weight:300;src:url('../fonts/MaterialSymbolsOutlinedFilled.woff2');}
.material-symbols-outlined {font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}
.material-symbols-outlined.filled {font-family:'Material Symbols Outlined Filled';}

/*----------RESET-------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-tap-highlight-color:transparent;}
body{line-height:normal;} ol,ul {list-style:none;} table {border-collapse:collapse;border-spacing:0;} a{text-decoration:none;color:inherit;} img{display:block;} :focus{outline:0;}
/*----------BASE--------------------------------------------------------------------------*/
/*elements:h1,h2,h3,h4,h5,h6*/
h2{font-size:1.8em;font-weight:300;text-transform:uppercase;}
h3{font-size:1.6em;font-weight:300;text-transform:uppercase;}
h4{font-size:1.3em;font-weight:400;}
h5{font-size:1.15em;font-weight:400;}
h6{font-size:1.0em;font-weight:600;}
/*elements:i,em,b,strong,strike*/
i,em{font-style:italic;}
b,strong{font-weight:600;}
strike{text-decoration:line-through;}
/*elements:p,blockquote*/
p,blockquote{line-height:1.8em;}
blockquote{font-style:italic;}
/*elements:ul,ol*/
ul,ol{line-height:1.8em;}
ul{list-style:square;}
ol{list-style:decimal;}
/*elements:dl*/
dl{width:100%;overflow:hidden;line-height:1.5em;}
dl dt{display:inline-block;width:40%;}
dl dd{display:inline-block;width:60%;}
/*elements:table*/
table caption{margin-bottom:0.25em;padding:0 1em;font-weight:600;white-space:nowrap;}
table thead th{padding:0.8em 0.6em;font-size:0.98em;font-weight:600;}
table tbody th,table tbody td{padding:0.6em 0.6em;font-size:0.96em;}
table tfoot td{padding:0.6em;font-size:0.9em;font-style:italic;text-align:justify;max-width:0;}
table tbody th,table tbody td{text-align:left;}
table tbody th{font-weight:600;}
table th,table td{vertical-align:middle;}
/*elements:form*/
form fieldset{margin-bottom:1em;}
form fieldset:last-child, form fieldset:last-of-type {margin-bottom:0;}
form p {display:block;margin-bottom:1em;}
form p:empty{display:none;}
form p:last-child {margin-bottom:0;}
form label:not(.optionlabel){display:block;}
form input:not([type="submit"]):not([type="reset"]),form select,form textarea{padding:0.6em;font-size:0.9em;box-sizing:border-box;}
form input[type="radio"]{margin-right:0.25em;position:relative;top:0.05em;}
form input[type="checkbox"]{margin-right:0.4em;position:relative;top:-0.1em;transform:scale(1.1);vertical-align:middle;}
form textarea{width:100%;height:12em;}
form input[type="submit"],form input[type="reset"]{font-size:0.95em;padding:0.75em 1em;border:0;}
form input[type="submit"]:hover,form input[type="reset"]:hover{cursor:pointer;}
form input[type="submit"]:disabled,form input[type="reset"]:disabled{cursor:initial;}
/*elements:img,figure*/
figure{text-align:center;}
figure figcaption{font-size:0.95em;margin-top:0.25em;}


/*#########################################################*/
/*##########MAIN###########################################*/
/*#########################################################*/
html, body{height:100%;}
body{font-size:14.5px;font-family:"Inter",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;}
::-webkit-scrollbar {width:0.6em;height:0.6em;}
*:not(input):not(textarea){user-select:none;}
.text-selectable{user-select:text;}
/*----------LAYOUT-----------------------------------------*/
#container {flex-direction:row;display:flex;height:100%;width:100%;}
header {flex-direction:column;display:flex;}
header nav {flex-direction:column;display:flex;flex:1;}
main {flex-direction:row;display:flex;overflow-y:auto;flex:1;}
main > content{flex-direction:row;display:flex;overflow-y:auto;flex:1;}
main > content > aside {overflow-y:auto;flex-direction:column;display:flex;height:100%;}
main > content > section {overflow-y:auto;flex-direction:column;display:flex;height:100%;flex:1;}
main > content > section > div:last-child {overflow-y:auto;flex:1;}
ul.textlist, ul.taglist{max-height:100%;overflow-y:auto;box-sizing:border-box;}
/*----------HEADER-----------------------------------------*/
header h1 {padding:0;margin:0.8em;text-align:left;font-size:1.2em;font-weight:500;position:relative;}
header h1 span.material-symbols-outlined {font-size:1.8em;}
header span{vertical-align:middle;}
header span.text{margin:0 0.25em;}
header span.material-symbols-outlined {font-size:24px;}
header nav ul{flex-direction:column;display:flex;padding-bottom:0.5em;}
header nav ul:last-child{margin-top:auto;}
header nav ul li a {padding:0.35em;margin:0.2em 0.8em;display:block;}
@media (max-height:800px){header nav ul li a {margin:0.2em 0.8em;}}
header nav ul li span.loader{margin:0.6em auto;font-size:0.95em;}
html.navigation-expanded header span.loader{position:absolute;top:0.95em;left:8em;}
html.navigation-collasped header h1 {text-align:center;}
html.navigation-collasped header h1 span.material-symbols-outlined{display:none;}
html.navigation-collasped header span.material-symbols-outlined{margin-block:0.045em;}
html.navigation-collasped header span.text{display:none;}
html:not(.navigation-collasped) header nav ul li span.loader{margin-left:1.5em;}
html.navigation-collasped header h1 span.text{display:block;font-size:0.8em;margin:0 -0.5em -0.5em -0.5em;}
/*heading*/
header nav ul li.heading{margin:1.2em 0 -0.2em 1em;}
header nav ul li.heading:first-child{margin-top:0}
header nav ul li.heading span{font-size:0.85em;font-weight:500;text-transform:uppercase;letter-spacing:0.05em;}
html.navigation-collasped header nav ul li.heading{display:none;}
/*----------MAIN-------------------------------------------*/
/*main content aside, main content section*/
main > content > aside > *, main > content > section > *{padding:1em 1.5em;}
main > content > aside > *:last-of-type{padding-bottom:0;}
main > content > aside div.element-flex{padding-right:0;}
/*div.element*/
div.element h2{font-size:1.6em;font-weight:600;text-transform:none;}
aside div.element h2{margin-right:0.25em;}
section div.element h2{font-size:1.4em;}
div.element-header{flex-direction:row;display:flex;align-items:center;white-space:nowrap;column-gap:0.6em;height:1.6em;}
div.element-header h2{min-width:2em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
div.element-header div.titlecover{width:2em;height:2em;flex:none;border:1px solid;}
div.element-header > div.titlecover, div.element-header span:not(.dragover-active-valid) div.titlecover{border-color:rgb(255 255 255 / 0%);}
div.element-header div.titlecover img{width:100%;height:100%;object-fit:cover;}
div.element-header div.titlecover:hover{cursor:pointer;}
div.element-header div.titlecover:has(img):hover{opacity:0.8;}
div.element-header span.dragover-active-valid div.titlecover{background:var(--color-dragover-light)!important;}
div.element-header span.dragover-active-valid div.titlecover img{display:none;}
div.element-header span.dragover-active-valid div.titlecover::after,
div.element-header div.titlecover:not(:has(img)):hover::after{content:"+";display:block;width:100%;height:100%;line-height:1.8em;text-align:center;}
div.element-header > div.action{flex-grow:1;flex-direction:row;display:flex;justify-content:flex-end;align-items:center;column-gap:0.8em;}
div.element-header > div.action > div.action-flexcenter{flex:1;text-align:center;}
div.element-header form{font-size:0.95em;}
div.element-header.element-header-articles, div.element-header.element-header-pages, div.element-header.element-header-tags{max-width:80em;}
div.element-header.element-header-categories{max-width:calc(30em + 0.2em);}
div.element-header.element-header-links{max-width:calc(54em + 0.2em);}
div.element-header.element-header-passwordareas{max-width:calc(41.1em + 0.2em);}
div.element-header.element-header-photos-set{margin-bottom:0.5em;}
div.element-menu h3{font-size:0.95em;font-weight:500;text-transform:uppercase;letter-spacing:0.02em;}
div.element-menu h3:not(:first-child){margin-top:2em;}
div.element-menu ul.navigation-list{list-style:none;}
div.element-menu ul.navigation-list li a{padding:0.1em 0.6em;margin:0.2em 0;min-width:12em;display:block;}
div.element-menu ul.navigation-list li a span.material-symbols-outlined:first-child{position:relative;top:0.08em;}
div.element-menu.element-flex ul.navigation-list li a{min-width:calc(12em - 1.5em);margin-right:1.5em;}
div.element-menu.element-menu-collection{margin-top:-0.5em;padding-top:0;padding-left:0;padding-right:0;}
div.element-menu.element-menu-collection h3 a{padding:0.4em 0.5em 0.4em 1.5em;display:block;}
div.element-content.element-content-photolist{padding:0;}
div.element-content.element-content-photolist > p{padding:1em 1.5em;}
div.element-content.element-content-subscription .margintop{margin-top:1em;}
/*external links*/
main a[target=_blank]:not(:has(img)):not(:has(span))::after{content:"\2197";margin-left:0.2em;}
/*dragbar*/
main > content > aside {position:relative;}
main > content > aside {overflow:visible;}
main > content > aside div.element{overflow:hidden;}
main > content > aside div.element.element-flex{flex:1;display:flex;flex-direction:column;}
main > content > aside div.element.element-flex ul.navigation{flex:1;overflow-x:hidden;overflow-y:auto;}
#dragbar{width:5px;margin:0;padding:0;height:100%;position:absolute;top:0;right:-3px;cursor:col-resize;}
main > content.dragbar-dragging{cursor:col-resize;}
/*----------CONTENT----------------------------------------*/
/*elements:h3,h4*/
h3{font-size:1.2em;font-weight:600;text-transform:none;}
h4{font-size:1.2em;}
/*elements:p*/
p{text-align:left;}
/*elements:ul,ol*/
ul{list-style:none;}
/*elements:form*/
form label.disabled{opacity:0.5;}
form label .textsmall{line-height:0.9em;}
form label .textsmaller{line-height:1.2em;}
form input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]), form select, form textarea{border-width:1px;border-style:solid;}
form input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]){width:100%;max-width:44em;}
form input.wide:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]){max-width:unset;}
input[type=range]{zoom:0.9;}
form input:read-only{}
form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:0.625em;padding-right:2em;}
form select:hover{cursor:pointer;}
form textarea{line-height:1.5em;}
form textarea:not(.textarea-code){font-family:"Inter",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;}
form div.preview-value{margin-left:0.5em;display:inline-block;}
form :is(input, select, .forminput, a.button) + :is(input, select, .forminput, a.button){margin-left:0.5em;}
form span.labelinfo{margin-left:1.9em;line-height:1.6em;display:block;}
/*elements:table*/
table{border-width:1px;border-style:solid;}
table thead th{text-align:left;font-weight:500;text-transform:uppercase;}
table tbody td{border-width:1px 0 0 0;border-style:solid;}

/*#########################################################*/
/*##########CLASSES########################################*/
/*#########################################################*/
/*----------GENERAL----------------------------------------*/
.padding{padding:0.5em;}
.nomargin{margin:0;}
.margintop{margin-top:0.75em;}
.marginbottom{margin-bottom:0.75em;}
.textsmall{font-size:0.9em;}
.textsmaller{font-size:0.8em;}
.smalllineheight{line-height:1.2em;}
.floatright{float:right}
.floatleft{float:left;}
.displaynone{display:none;}
.info{font-weight:300;}
.error {color:#cb0000;}
.success {color:#00993a;}
.highlighttext{background:yellow;}
.wordbreakall{word-break:break-all;}
.lineclamp-2{line-clamp:2;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;}
.overflow-hiddenellipsis{overflow:hidden;text-overflow:ellipsis;}
.hover-pointer:hover{cursor:pointer;}
.hover-underline:hover{text-decoration:underline;}
.hover-strikethrough:hover{text-decoration:line-through;}
.resize-horizontal{resize:horizontal;}

/*info-help*/
.info-help{display:block;font-size:0.9em;}

/*badge*/
.badge{padding:0.3em 0.4em;font-size:0.85em;font-weight:400;white-space:nowrap;}
.badge + .badge{margin-left:0.5em;}

/*tag*/
.tag {font-size:0.95em;padding:0.05em 0.25em;margin:0.4em;margin-left:0;border-width:1px;border-style:solid;display:inline-block;}
.tag::before {content:"#";}

/*button*/
.button {padding:0.5em;line-height:initial;display:inline-block;}
div.modal .button.button-primary, div.modal .button.button-secondary{padding:0.5em 0.75em;}
.button span{vertical-align:baseline;}
.button span.material-symbols-outlined{vertical-align:middle;margin-left:0.2em;margin-top:-0.1em;}
.button-symbol span.material-symbols-outlined:first-child{margin-left:0;}
.button:hover {text-decoration:none;cursor:pointer;}
.button-large {padding:0.75em;}
.button-small {font-size:0.9em;}
.button-smaller {font-size:0.8em;}
.button-tiny {padding:0.25em 0.5em;font-size:0.9em;}
.button-symbol {display:inline-block;line-height:1em;}
.button-symbol.button-tiny{padding:0.4em;}
.button-symbol.button-large{padding:0.4em;font-size:1.2em;}
.button .loader{width:0.8em;height:0.8em;vertical-align:unset;margin:0 0.4em -0.2em 0;border-width:0.15em;border-style:solid;border-color:#fff #000 #000 #000;display:inline-block;}
content table span.button.button-small{font-size:1.2em;padding:0.2em;margin-left:0.75em;}
content table span.button.button-small:first-child{margin-left:0;}
content table span.button span{vertical-align:middle;}

/*toggleswitch*/
input[type="checkbox"].toggleswitch {background-color:#ccc;font-size:0.6em!important;width:4em;height:2em;border-radius:2em;position:relative;outline:none;cursor:pointer;transition:background-color 0.3s;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
input[type="checkbox"].toggleswitch::before{background-color:#fff;content:'';position:absolute;top:0.25em;left:0.25em;width:calc(2em - 0.5em);height:calc(2em - 0.5em);border-radius:50%;transition:transform 0.3s;}
input[type="checkbox"].toggleswitch:not(.is-default):checked{background-color:#4caf50;}
input[type="checkbox"].toggleswitch:not(.is-default):checked::before{transform:translateX(2em);}
input[type="checkbox"].toggleswitch.is-default::before{top:calc(1em - 0.2em);left:0.75em;width:calc(4em - 1.5em);height:0.4em;border-radius:0.25em;}

/*toast*/
.toastcontainer{padding:0.5em;position:fixed;z-index:1001;right:0;bottom:0;}
.toast{margin:0.5em;padding:0.75em;}

/*tabs*/
.tabs nav ul{line-height:initial;margin:0;border-width:0 0 1px 0;border-style:solid;}
.tabs nav ul li{display:inline-block;margin:0 1em;position:relative;top:1px;}
.tabs nav ul li:hover, .tabs nav ul li.active{border-width:0 0 2px 0;border-style:solid;}
.tabs nav ul li a{display:inline-block;padding:0.5em 0.1em;}
.tabs section{margin-top:1em;}

/*tabpills*/
ul.tabpills{display:flex;gap:1em;}
ul.tabpills li{padding:0.2em 0.6em;}
ul.tabpills li:hover{cursor:pointer;}

/*message*/
.message{margin-top:1em;padding:0.25em 0.5em;}
.message-list li{display:inline;}
div.modal .message{font-size:0.9em;}

/*dropdown-container,dropdown-button,dropdown-menu*/
.dropdown-container .dropdown-menu{z-index:1;}
.dropdown-container{display:inline-block;}
.dropdown-button{display:flex;flex-flow:space-between;flex-wrap:nowrap;align-items:center;}
.dropdown-button span.title{margin:0 0.5em 0 0.5em;font-size:0.9em;line-height:1.981em;max-width:24em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.dropdown-button span.icon{font-size:1.2em;font-weight:600;margin-top:0.1em;}
.dropdown-menu{margin:0.25em 0 0 -0.25em;width:max-content;border-width:1px;border-style:solid;overflow:auto;}
.dropdown-container.no-scrollview .dropdown-menu{margin-top:0.5em;}
.dropdown-menu input{max-width:none!important;font-size:0.85em!important;}
.dropdown-menu input.search{margin:0.25em 0;width:100%!important;border:0!important;box-shadow:none!important;}
.dropdown-menu span.search-empty{padding:0.5em 1em;font-size:0.85em;display:block;}
.dropdown-menu ul{font-size:0.9em;max-width:40em;max-height:min(40em, 80vh);margin:0;overflow-y:auto;}
.dropdown-menu input.search + span.search-empty{border-top:1px solid;}
.dropdown-menu input.search + ul{border-top:1px solid;padding-top:0.3em;}
.dropdown-menu ul li{padding:0.5em 1em;display:flex;flex-wrap:nowrap;align-items:center;}
.dropdown-menu ul li.divider{padding:0;margin-block:0.3em;border-top:1px solid;}
.dropdown-menu ul li img{width:3em;height:auto;margin-right:1em;}
.dropdown-menu ul li span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.dropdown-menu ul.dropdown-menu-listtiny li{line-height:1.2em;}
.dropdown-button span.material-symbols-outlined,
.dropdown-menu span.material-symbols-outlined{vertical-align:middle;margin-left:0.2em;}

/*dropdown2-item, dropdown2-content*/
div.dropdown2-item:has(div.dropdown2-content.drop-alignright){position:relative;}
div.dropdown2-content.drop-alignright{right:0;}
div.dropdown2-item label span {vertical-align:text-bottom;}
div.dropdown2-content{display:none!important;}
div.dropdown2-item:hover div.dropdown2-content,
div.dropdown2-item:focus-within div.dropdown2-content{display:block!important;}
div.dropdown2-item > .button{white-space:nowrap;}
div.dropdown2-item > .button span:last-child{font-size:1.4em;margin:-0.2em 0 -0.2em 0;}
div.dropdown2-content{position:absolute;z-index:1;}
div.dropdown2-content::before{height:0.25em;display:block;content:'';}
div.dropdown2-content:has(> ul)::before{height:0.4em;}
div.dropdown2-content > form{padding:0.75em;width:max-content;}
div.dropdown2-content > ul{padding-block:0.3em;}
div.dropdown2-content > ul li {padding:0.2em 0.6em;gap:0.25em;display:flex;align-items:center;white-space:nowrap;}
div.dropdown2-content > ul li label{flex:1;}
div.dropdown2-content > ul li:not(.divider):not(.label):not(.inactive):hover {cursor:pointer;}
div.dropdown2-content > ul li.inactive{opacity:0.4;}
div.dropdown2-content > ul li.divider{padding:0;margin-block:0.3em;border-top:1px solid;}
div.dropdown2-content > ul li.label{padding-top:0.8em;line-height:1em;font-size:0.8em;text-transform:uppercase;font-weight:600;}
div.dropdown2-content > ul li.label:not(:first-child){padding-top:1.6em;}
div.dropdown2-content > ul.dropdown2-list-tiny li:not(.divider):not(.label){padding-block:0.1em;font-size:0.9em;}
div.dropdown2-content > ul.dropdown2-list-tiny li input[type="checkbox"].toggleswitch{font-size:0.5em!important;}
div.dropdown2-content > ul.dropdown2-list-arrows li.active{font-weight:600;}
div.dropdown2-content > ul.dropdown2-list-arrows li:not(.divider)::before{content:"";width:1.25rem;display:inline-block;}
div.dropdown2-content > ul.dropdown2-list-arrows li:not(.divider)::after{content:"";width:0.5rem;display:inline-block;}
div.dropdown2-content > ul.dropdown2-list-arrows li:not(.divider):not(.label):hover::before,
div.dropdown2-content > ul.dropdown2-list-arrows li:not(.divider):not(.label).active::before{content:"check";vertical-align:bottom;font-family:'Material Symbols Outlined';white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}
div.dropdown2-content > ul.dropdown2-list-arrows li:not(.divider):not(.label).shuffle::before{content:"shuffle";vertical-align:bottom;font-family:'Material Symbols Outlined';white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}

/*overlay*/
#overlay{left:0;right:0;top:0;bottom:0;position:fixed;z-index:1000;}

/*loader*/
.loader {display:block;border-width:0.1em;border-style:solid;border-color:#fff #000 #000 #000;border-radius:50%;width:1em;height:1em;animation:spin 2s linear infinite;}
@keyframes spin {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}

/*fade transition*/
.fade-enter-active {transition:opacity 0.25s ease;}
.fade-leave-active {transition:opacity 0.5s ease;}
.fade-enter-from, .fade-leave-to {opacity:0;}

.fade-in{opacity:0;}
.fade-in.loaded {opacity:1;transition:opacity 0.5s linear;}

/*dragging/dropover*/
html{
  --color-dragover:#00993a;
  --color-dragover-light:#e0feea;
  --color-dragover-lighter:#fbfffc; 
}
html.dark{
  --color-dragover:#00bb46;
  --color-dragover-light:#212723;
  --color-dragover-lighter:#fbfffc;  
}
.dropitem, .dragitem{display:inline-block;}
.dragging-active{opacity:0.8;border-style:dashed!important;}
.dragover-active {}
.dragover-active-valid, .dragover-active-valid .dragover-child-effect{color:var(--color-dragover)!important;border-color:var(--color-dragover)!important;}
.container-dragging-active{border-style:dashed!important;}

ul.navigation-list li .dragover-active-valid a{color:var(--color-dragover)!important;background:var(--color-dragover-light)!important;}

/*clickeffect*/
.clickeffect{position:relative;}
.clickeffect:after {content:""; display:block;position:absolute;border-radius:4em;left:0;top:0;width:100%;height:100%;opacity:0;transition:all 0.5s;box-shadow:0 0 2em 0.1em;}
.clickeffect:active:after {box-shadow:0 0 0 0;position:absolute;border-radius:4em;left:0;top:0;opacity:1;transition:0s;}

/*span[data-tooltip]*/
span[data-tooltip]:before {
  content:attr(data-tooltip);
  position:absolute;top:50%;transform:translateY(-50%);right:100%;margin-right:0.7em;
  font-size:0.75em;padding:1em 0.4em;width:max-content;text-align:center;
  color:#fff;background:#000000bd;border-radius:0.2rem;
  z-index:2;opacity:0;transition:0.3s opacity;   
}
span[data-tooltip]:after {
  content:"";position:absolute;top:50%;transform:translateY(-50%);right:100%;margin-right:-0.2em;
  border:0.4em solid #000;border-color:transparent  transparent  transparent #000000bd;
  z-index:2;opacity:0;transition:0.3s opacity; }
@media(hover:hover) and (pointer:fine) {
  span[data-tooltip]:hover:before, span[data-tooltip]:hover:after{display:block;opacity:1;}
}

/*----------LISTS------------------------------------------*/
/*itemlist*/
ul.itemlist {display:inline-block;border-width:1px;border-style:solid;}
ul.itemlist.container-dragging-active{border-width:1px;border-style:solid;}
ul.itemlist li {display:block;padding:0.6em 1em;margin:0.25em;border-width:1px;border-style:solid;}
ul.itemlist:not(.container-dragging-active) li:hover {cursor:pointer;}
ul.itemlist li.dragging-active{border-width:1px;border-style:solid;}
/*itemlist-set*/
ul.itemlist-set li {height:4.4em;padding:0.25em;gap:0.5em;display:flex;flex-wrap:no-wrap;align-items:center;}
ul.itemlist-set li div.itemlist-set-title {flex:1;margin:0 1em 0 0.5em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
ul.itemlist-set li div.itemlist-set-title span.material-symbols-outlined{font-size:0.9em;vertical-align:middle;margin-left:0.2em;margin-top:-0.1em;}
ul.itemlist-set li div.itemlist-set-title span.material-symbols-outlined:first-child{font-size:1.1em;vertical-align:middle;margin-left:0.2em;}
ul.itemlist-set li div.itemlist-set-cover{order:-1;height:100%;aspect-ratio:1;}
ul.itemlist-set li div.itemlist-set-cover img{height:100%;width:100%;object-fit:cover;}
ul.itemlist-set li div.itemlist-set-actions{opacity:0;display:flex;align-items:center;justify-content:flex-end;gap:0.4em;}
ul.itemlist-set li:hover .itemlist-set-actions{opacity:1;}
ul.itemlist-set li{position:relative;}
ul.itemlist-set li div.itemlist-set-actions{padding-inline:0.25em;position:absolute;right:0;}
ul.itemlist-set:not(.itemlist-set-large) li div.itemlist-set-title {margin-right:5em;}
/*itemlist-set-large*/
ul.itemlist-set.itemlist-set-large {column-width:24em;column-gap:0.25em;padding:0.25em 0.25em 0 0.25em;}
ul.itemlist-set.itemlist-set-large li {margin:0;display:inline-flex;width:100%;box-sizing:border-box;}
/*itemlist-links*/
ul.itemlist-links{width:100%;min-width:30em;max-width:54em;margin-right:1em;}
ul.itemlist-links li{padding:0.4em 0.6em;gap:0.5em;display:flex;flex-wrap:no-wrap;align-items:center;}
ul.itemlist-links li.sub {margin-left:2em;}
ul.itemlist-links li div.itemlist-links-title{min-width:16em;flex:1;}
ul.itemlist-links li.sub div.itemlist-links-title{min-width:14em;}
ul.itemlist-links li div.itemlist-links-path{width:100%;max-width:30em;}
ul.itemlist-links li div.itemlist-links-actions{opacity:0;display:flex;align-items:center;justify-content:flex-end;gap:0.4em;}
ul.itemlist-links li:hover:not(.dragging-active) .itemlist-links-actions{opacity:1;}
ul.itemlist-links li div.itemlist-links-title span.badge{font-size:0.75em;margin-left:0.5em;}
ul.itemlist-links li div.itemlist-links-title span.frontpage{vertical-align:middle;margin-bottom:0.2em;}
ul.itemlist-links li div.itemlist-links-path > i{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
ul.itemlist-links li div.itemlist-links-title > b{float:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
ul.itemlist-links li{position:relative;}
ul.itemlist-links li div.itemlist-links-actions{padding-inline:0.25em;position:absolute;right:0;}
/*itemlist-links-large*/
ul.itemlist-links.itemlist-links-large li{font-size:0.9em;padding:0.2em 0.4em;}
/*itemlist-categories*/
ul.itemlist-categories{min-width:12em;}
/*textlist*/
ul.textlist {border-width:1px;border-style:solid;max-width:80em;flex:initial!important;}
ul.textlist li {border-width:0 0 1px 0;border-style:solid;padding:0.8em;margin:0;}
ul.textlist li:last-child {border-bottom:0;}
ul.textlist li:hover{cursor:pointer;}
ul.textlist li p {margin-bottom:0;line-height:1.6em;font-size:0.95em;}
/*textlist-articles*/
ul.textlist-articles li{display:flex;align-items:flex-end;}
ul.textlist-articles li div.text{flex:1;align-self:flex-start;}
ul.textlist-articles li div.text h4 span:nth-child(2){font-size:0.75em;margin-left:0.2em;}
ul.textlist-articles li div.cover {height:6.6em;}
ul.textlist-articles li div.cover img{margin-left:0.5em;height:100%;width:auto;aspect-ratio:16/9;object-fit:cover;}
/*photolist*/
ul.photolist li {border-width:1px;border-style:solid;width:20%;padding:1em;display:block;float:left;box-sizing:border-box;text-align:center;} 
ul.photolist li:hover {cursor:pointer;}
ul.photolist li > span{width:100%;padding-top:calc(66.6% + 1.5em);display:block;position:relative;}
ul.photolist li > span > span.title {width:100%;display:block;position:absolute;top:calc(100% - 1.5em);font-size:0.75em;line-height:1.25em;}
ul.photolist li > span > span.title span.material-symbols-outlined{vertical-align:middle;margin-left:0.2em;}
ul.photolist li > span > img {width:100%;height:calc(100% - 1.5em);display:block;position:absolute;top:0;object-fit:contain;object-position:initial!important;}
ul.photolist span.radio{font-size:1.2em;padding:0.4em;line-height:0;position:absolute;top:-0.85em;right:-0.85em;display:none;}
ul.photolist li:hover span.radio, ul.photolist li.selected span.radio{display:block;}
ul.photolist:has(li.selected) span.radio{display:block;}
ul.photolist:has(li.dragging-active) span.radio,
ul.photolist span.dragging-active span.radio,
ul.photolist li.dragging-active span.radio{display:none!important;}
ul.photolist li.dragging-active {background:none!important;border-color:rgb(255 255 255 / 0%)!important;}
ul.photolist span.radio[data-tooltip]:before {font-size:0.6em;margin-right:-0.25em;}
ul.photolist span.radio[data-tooltip]:after {font-size:0.6em;margin-right:-1em;}
ul.photolist:has(li.selected) span[data-tooltip]:before, ul.photolist:has(li.selected) span[data-tooltip]:after{display:none;}
@media (max-width:1200px){ul.photolist span[data-tooltip]:before, ul.photolist span[data-tooltip]:after{display:none;}}
ul.photolist span.radio span{border-radius:1em;}
/*taglist*/
ul.taglist{max-width:80em;}
ul.taglist li {display:inline;}
/*linklist*/
ul.linklist {border-width:1px;border-style:solid;}
ul.linklist li {width:100%;padding:1em;box-sizing:border-box;}
ul.linklist li{border-width:0 0 1px 0;border-style:solid;}
ul.linklist li:last-child{border:0;}
ul.linklist li:hover{cursor:pointer;}
ul.linklist li h4{font-weight:500;}

/*----------MODAL/PROMPT-----------------------------------*/
/*modal,prompt*/
div.modal, div.prompt {position:fixed;left:0;top:0;padding:0;width:100%;height:100%;overflow:auto;}
div.modal {z-index:101;}
div.prompt {z-index:201;}
div.modalcontainer, div.promptcontainer {width:min-content;}
div.modalcontainer-tiny, div.promptcontainer-tiny {width:30em;}
div.modalcontainer-small, div.promptcontainer-small {width:40em;}
div.modalcontainer-middle, div.promptcontainer-middle {width:46em;}
div.modalcontainer-default, div.promptcontainer-default {width:94%;max-width:64em;}
div.modalcontainer-large, div.promptcontainer-large {width:94%;max-width:96em;}
@media (max-height:45em){
  div.modalcontainer-large, div.promptcontainer-large {max-width:64em;}
}
/*modal*/
div.modalcontainer{margin:2em auto;}
div.modalelement-header, div.modalelement-main, div.modalelement-footer {padding:1em 1.25em;width:100%;box-sizing:border-box;}  
div.modalelement-header {flex-direction:row;display:flex;align-items:center;}
div.modalelement-header h1 {flex-grow:1;white-space:nowrap;}
div.modalelement-header h1 span.id{opacity:0.2;}
div.modalelement-header h1 span.id:hover{opacity:0.8;cursor:pointer;}
div.modalelement-header h1 span.id::before {content:"#";}
div.modalelement-header a.close {font-size:1.2em;line-height:0;padding:0.5em;margin:-0.5em;}
div.modalelement-main {flex-direction:column;display:flex;max-height:calc(100vh - 14em);overflow-y:auto;}
div.modalelement-footer {text-align:right;border-width:1px 0 0 0;border-style:solid;}
div.modalelement-footer .button {margin-left:0.5em}
/*modal -> tabs*/
div.modal .tabs nav ul{padding:0 1em;width:100%;position:relative;left:-1em;}
/*prompt*/
div.promptcontainer{margin:5em auto;}
div.promptcontainer.dragable div.promptelement-header:hover{cursor:grab;}
div.promptelement-header, div.promptelement-main, div.promptelement-footer{padding:1.5em;width:100%;box-sizing:border-box;}  
div.promptelement-main{padding-top:0.2em;padding-bottom:0.2em;}
.promptelement-header{display:flex;align-items:center;}
div.promptelement-header h1 {flex:1;font-weight:600;}
div.promptelement-main {max-height:calc(100vh - 20em);overflow-y:auto;}
div.promptelement-main p.prompt-text{}
div.promptelement-main ul.prompt-list{list-style-type:disc;list-style-position:outside;padding-left:1em;}
div.promptelement-footer {text-align:right;}
div.promptelement-footer a {margin-left:1.5em;}
div.promptelement-footer a.floatleft{margin-left:0;margin-right:1.5em;margin-top:-0.25em;float:left;}
div.prompt-danger div.promptelement-footer a.primary {color:#d00000;}
div.prompt-danger div.promptelement-footer a.primary:hover {color:#b80000;}

/*----------TABLES-------------------------------------------*/
/*table-dateformatcharacters*/
.table-dateformatcharacters a[href=""]{opacity:0;}
.table-dateformatcharacters td:hover a[href=""]{opacity:1;}

/*----------FORMS-------------------------------------------*/
/*form-showprelabel*/
.form-showprelabel label:before{content:attr(prelabel)" ";}

/*form-maxwidth*/
.form-maxwidth {max-width:50em;}
  
/*form-layout-sidebyside*/
@media (min-width:1000px){
  .form-layout-sidebyside{padding:0.25em 0;}
  .form-layout-sidebyside h4{font-size:1.1em;font-weight:600;padding-top:2.4em;padding-bottom:0.2em;border-width:0 0 1px 0;border-style:solid;}
  .form-layout-sidebyside h4:first-child{padding-top:0;}
  .form-layout-sidebyside.form-layout-sidebyside-smallheadings h4{font-size:0.9em;padding:2.4em 0 0.4em 0;text-transform:uppercase;font-weight:600;}
  .form-layout-sidebyside h5{font-size:1em;font-weight:600;padding-top:3.2em;padding-bottom:0.2em;border-width:0 0 1px 0;border-style:solid;}
  .form-layout-sidebyside h5:first-child{padding-top:0;}
  .form-layout-sidebyside p{padding:0.8em 0;margin:0;border-width:0 0 1px 0;border-style:solid;}
  .form-layout-sidebyside p.no-padding{padding:0;}
  .form-layout-sidebyside p:has(.wrapped){flex-wrap:wrap;}
  .form-layout-sidebyside p:first-child{border-width:1px 0 1px 0;border-style:solid;}
  .form-layout-sidebyside p:empty{display:none;}
  .form-layout-sidebyside p label{margin-right:1em;}
  .form-layout-sidebyside p .wrapped{width:100%;margin-top:0.5em;margin-left:0!important;}
  .form-layout-sidebyside p:not(.not-form-layout-sidebyside){display:flex;justify-content:space-between;align-items:center;}
  .form-layout-sidebyside p:not(.not-form-layout-sidebyside) > *:not(:first-child){margin-left:0.5em;}
  .form-layout-sidebyside p:not(.not-form-layout-sidebyside) > *{order:3;}
  .form-layout-sidebyside p:not(.not-form-layout-sidebyside) label{flex:1;order:1;}
  .form-layout-sidebyside p:not(.not-form-layout-sidebyside) div.preview-value{order:2;}
  .form-layout-sidebyside p:not(.not-form-layout-sidebyside) label span.info{display:block;}
}
@media (max-width:999px){
  .form-layout-sidebyside p label span.info{display:block;line-height:1em;margin-bottom:0.5em;} 
}

/*form-layout-oneline*/
.form-layout-oneline{display:flex;flex-direction:row;align-items:center;}
.form-layout-oneline label{margin-right:0.25em;display:inline-block;}

/*form-layout-twoline*/
.form-layout-twoline label{margin-right:0.25em;display:inline-block;}
.form-layout-twoline label:not(:first-child){margin-left:0.5em;}
.form-layout-twoline fieldset{display:flex;flex-direction:row;align-items:baseline;gap:1em;margin:0;}
.form-layout-twoline fieldset p{margin:0;}
.form-layout-twoline fieldset p a.button-small{margin-top:0.15em;}
.form-layout-twoline-smalllabels label{font-size:0.9em;text-transform:uppercase;font-weight:500;margin-bottom:-0.2em;}

/*form-fade-default-inputs*/
.form-fade-default-inputs span.is-default,
.form-fade-default-inputs input.is-default,
.form-fade-default-inputs select.is-default,
.form-fade-default-inputs input.is-default[type=checkbox] + span,
.form-fade-default-inputs .forminput.is-default{opacity:0.4;}
.form-fade-default-inputs p:hover span.is-default,
.form-fade-default-inputs p:hover select.is-default,
.form-fade-default-inputs p:hover input.is-default,
.form-fade-default-inputs p:hover input.is-default[type=checkbox] + span,
.form-fade-default-inputs p:hover .forminput.is-default{opacity:0.6;}
.form-fade-default-inputs input.is-default:hover, .form-fade-default-inputs input.is-default:focus:not([type=checkbox]),
.form-fade-default-inputs select.is-default:hover, .form-fade-default-inputs select.is-default:focus,
.form-fade-default-inputs input.is-default[type=checkbox]:hover + span,
.form-fade-default-inputs input.is-default[type=checkbox] + span:hover,
.form-fade-default-inputs input.is-default[type=checkbox]:has(+ span:hover),
.form-fade-default-inputs .forminput.is-default:hover,
.form-fade-default-inputs .forminput.is-default.focus {opacity:1!important;}

/*formalbumlist*/
.formalbumlist{margin-left:1.5em;font-size:0.9em;}
.formalbumlist li {list-style:square;width:fit-content;}

/*forminput*/
.forminput{padding:0.2em;border-width:1px;border-style:solid;}

/*forminput-photo*/
.forminput-photo{padding:0.25em;max-width:28em;display:flex;flex-direction:column;}
.forminput-photo .option{flex:1;display:flex;}
.forminput-photo .option{display:flex;flex-wrap:nowrap;}
.forminput-photo .option > span.description{flex:1;width:10em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.forminput-photo .dropdown-button {align-items:self-start;}
.forminput-photo .dropdown-button span:last-child {font-size:0.8em;line-height:1em;}
.forminput-photo:has(.dropdown-menu) .dropdown-button span.photo {opacity:0}
.forminput-photo .option{height:4em;margin:0;}
.forminput-photo .option span.photo{height:100%;vertical-align:middle;}
.forminput-photo .option span.description{padding:0.75em;line-height:1.75em!important;font-size:0.8em;vertical-align:middle;}
.forminput-photo .option span.photo img{height:100%;width:initial;}
.forminput-photo .option-none {line-height:4em;padding-left:1em;}
.forminput-photo .dropdown-menu{margin:0!important;min-width:29em;}
.forminput-photo .dropdown-menu input{margin:0;width:100%!important;}
.forminput-photo .dropdown-menu select{box-shadow:none;font-size:0.8em;border:0!important;position:absolute;top:0em;right:0;}
.forminput-photo .dropdown-menu select:focus{box-shadow:none;}
.forminput-photo .dropdown-menu ul li p.option-none{height:3em;line-height:3em;}
.forminput-photo .dropdown-menu ul li span.description{font-size:0.8em;}
.forminput-photo .dropdown-menu ul li.info {padding:0.5em;font-size:0.9em;}
@media (min-height:800px){
 .forminput-photo .dropdown-menu ul{max-height:min(calc(100vh - 16rem), 60rem);}
}
@media (min-height:700px){
 .forminput-photo .dropdown-menu .option{height:5em;}
 .forminput-photo .dropdown-menu li span.description{padding:1.25em 0.75em;}
}
@media (min-height:900px){
 .forminput-photo .dropdown-menu{min-width:34em;}
 .forminput-photo .dropdown-menu .option{height:7em;}
 .forminput-photo .dropdown-menu li span.description{padding:2.5em 0.75em;}
}
/*forminput-photos*/
.forminput-photos{padding:0.25em;}
.forminput-photos > ul::after {content:"";clear:both;display:table;}
.forminput-photos > ul{width:100%;}
.forminput-photos > ul li {float:left;padding:0.25em;display:block;box-sizing:border-box;text-align:center;}
.forminput-photos > ul li > span{width:100%;padding-top:calc(66.6% + 1.5em);display:block;position:relative;}
.forminput-photos > ul li > span > span {width:100%;display:block;position:absolute;top:calc(100% - 1.5em);font-size:0.75em;line-height:1.25em;}
.forminput-photos > ul li > span > span:hover{text-decoration:line-through;cursor:pointer;}
.forminput-photos > ul li > span img {width:100%;height:calc(100% - 1.5em);display:block;position:absolute;top:0;object-fit:contain;}
.forminput-photos > ul li:hover {cursor:pointer;}
.forminput-photos > ul li.addphoto > span{border-width:1px;border-style:dashed;width:100%;padding-top:calc(33.3% - 0.95em);padding-bottom:calc(33.3% - 0.95em);}
/*forminput-linktemplate*/
.forminput-linktemplate {padding:0;border-width:1px;border-style:solid;}
.forminput-linktemplate li {width:20%;line-height:4em;text-align:center;display:inline-block;border-style:solid;box-sizing:border-box;}
.forminput-linktemplate li{border-width:0 1px 1px 0;}
.forminput-linktemplate li:nth-child(5n){border-width:0 0 1px 0;}
.forminput-linktemplate li:not(.active):hover{cursor:pointer;}

/*----------SPECIAL----------------------------------------*/
/*form-search*/
.form-search input.search{width:16em!important;}
.form-search:has(input.search){display:flex;align-items:center;}
.form-search:has(input.search):before{text-align:center;position:relative;left:2em;margin-left:-2em;width:2em;z-index:1;content:"search";font-family:"Material Symbols Outlined";}
.form-search input.search{padding-left:2em!important;}

/*form-search-collectionsearch*/
.form-search.form-search-collectionsearch{margin-left:1.5em;}
.form-search.form-search-collectionsearch input.search{font-size:0.75em!important;padding-left:2.4em!important;width:calc(100% - 2em)!important;max-width:none!important;}
.form-search.form-search-collectionsearch + h3{margin-top:0.75em!important;}

/*form-passwordareas*/
.form-passwordareas p a.button-symbol{opacity:0;}
.form-passwordareas p:hover a.button-symbol{opacity:1;}

/*form-heroprompt*/
.form-heroprompt textarea{height:max(10em, calc(100vh - 57em));}

/*fieldset-logo*/
.fieldset-logo {margin-top:calc(-1.25em / 0.9);}
.fieldset-logo p:first-child{border-top:0;}

/*fieldset-watermark*/
.fieldset-watermark {margin-left:2em;margin-top:calc(-1.25em / 0.9);font-size:0.9em;}
.fieldset-watermark p{padding-block:0.5em;}
.fieldset-watermark p:first-child{border-top:0;}

/*fieldset-photofilter*/
.fieldset-photofilter > *{display:inline-block;float:left;}
.fieldset-photofilter label:not(.optionlabel):not(:first-child){clear:left;margin-left:0;}
.fieldset-photofilter label:not(.optionlabel){line-height:2.4em;width:2.4em;}
.fieldset-photofilter label:not(.optionlabel):not(:first-of-type){margin-top:0.4em;}
.fieldset-photofilter select:not(:nth-child(2)){margin-top:0.5em;}
.fieldset-photofilter label.optionlabel{margin-top:1.2em;}
.fieldset-photofilter input[type="checkbox"]{clear:left;margin-top:1.6em;margin-left:0!important;margin-right:0.4em;}
.fieldset-photofilter input[type="range"]{max-width:10em!important;height:0;position:relative;top:1em;}
.fieldset-photofilter select.tags{max-width:10em;}

/*navigation-searchcollection*/
ul.navigation-searchcollection{margin-top:0.1em;padding-left:1.5em;}
ul.navigation-searchcollection li a{display:flex!important;gap:0.2em;line-height:1.2em;padding-block:0.35em!important;}
ul.navigation-searchcollection li a span.material-symbols-outlined::first-child{}
ul.navigation-searchcollection li a span.material-symbols-outlined:not(:first-child){font-size:0.85em;align-self:center;margin-top:0.2em;}

/*navigation-collectiontitle*/
h3.navigation-collectiontitle span.collection-action{display:inline-block;opacity:0;float:right;position:relative;top:0.1em;}
h3.navigation-collectiontitle span.collection-action:hover{cursor:pointer!important;opacity:1!important;}
h3.navigation-collectiontitle:hover span.collection-action{opacity:0.3;}

/*navigation-collection*/
ul.navigation-collection li > span{display:block;}
ul.navigation-collection li > span > span.dropzone{padding-left:1.5em;padding-right:0.5em;padding-top:0.05em;padding-bottom:0.05em;}
ul.navigation-collection li ul span.dropzone {padding-left:2.5em;}
ul.navigation-collection li ul ul span.dropzone {padding-left:3.5em;}
ul.navigation-collection li ul ul ul span.dropzone {padding-left:4.5em;}
ul.navigation-collection li ul ul ul ul span.dropzone {padding-left:5.5em;}
ul.navigation-collection li ul ul ul ul ul span.dropzone {padding-left:6.5em;}
ul.navigation-collection span.dropzone{display:flex;align-items:center;}
ul.navigation-collection span.dropzone > a{flex:1;}
ul.navigation-collection span.folder{align-self:flex-start;flex-shrink:0;font-size:0.7em;width:1.5em;display:inline-block;font-family:Verdana,Arial,sans-serif;}
ul.navigation-collection span.folder:not(.folder-empty):hover{cursor:pointer;}
ul.navigation-collection span.folder.folder-opened:before{visibility:visible;content:"keyboard_arrow_down";vertical-align:bottom;font-size:1.6em;font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;} 
ul.navigation-collection span.folder.folder-closed:before{visibility:visible;content:"chevron_right";vertical-align:bottom;font-size:1.6em;font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;} 
ul.navigation-collection span.folder.folder-opened, ul.navigation-collection li .folder.folder-closed{visibility:hidden;}
ul.navigation-collection a.set-opened::before{content:"folder_open";margin-right:0.2em;vertical-align:bottom;font-size:1.1em;font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;} 
ul.navigation-collection a.set-closed::before{content:"folder";margin-right:0.2em;vertical-align:bottom;font-size:1.1em;font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}
ul.navigation-collection a.album::before{content:"photo_album";margin-right:0.2em;vertical-align:bottom;font-size:1.1em;font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}
ul.navigation-collection span.material-symbols-outlined:not(.collection-action){font-size:0.85em;vertical-align:middle;}
ul.navigation-collection span.material-symbols-outlined:not(.collection-action) + span.material-symbols-outlined{margin-left:0.2em;}
span.folder.folder-empty, a.set-opened, a.set-closed, a.album{line-height:1.2em;padding-top:0.3em;padding-bottom:0.3em;}
a.set-opened, a.set-closed, a.album{margin-left:1.6em;}
ul.navigation-collection a.set-opened::before,
ul.navigation-collection a.set-closed::before,
ul.navigation-collection a.album::before{margin-left:-1.2em;}
ul.navigation-collection span.collection-action{display:inline-block;opacity:0;}
ul.navigation-collection span.collection-action:hover{cursor:pointer!important;opacity:1!important;}
ul.navigation-collection span.collection-action + span.collection-action{margin-left:0.5em;}
ul.navigation-collection span:hover > span.collection-action{opacity:0.3;}

/*container-action-dropzone,dropzone*/
.container-action-dropzone {position:absolute;bottom:1em;margin-left:1em;}
.container-action-dropzone .dropzone {float:left;margin-right:1em;padding:0.5em;font-weight:500;display:block;border-width:1px;border-style:dashed;}

/*dropzone*/
p.dropzone.dragover-active-valid .button{text-shadow:0 0 0.4em;}

/*dropzone-photoupload*/
.dropzone-photoupload{border-width:2px;border-style:dashed;padding:0.5em;}
.dropzone-photoupload span.material-symbols-outlined{font-size:3.5em;margin-bottom:0.1em;display:block;}
p.dropzone.dropzone-photoupload.dragover-active-valid .button{text-shadow:none;}
fieldset:has(.filelist) .dropzone-photoupload span.material-symbols-outlined{display:none;}

/*filelist*/
.filelist{border-width:1px;border-style:solid;padding:0.5em;}
.filelist img{width:auto;height:4em;margin:0.2em;padding:0;display:inline-block;vertical-align:top;max-width:16em;object-fit:contain;}
.filelist img + span{margin-top:1em;}

/*article-modal, page-modal*/
.articlemodaltabelement-main input, .pagemodaltabelement-main input{max-width:100%!important;}
.articlemodaltabelement-main #editor-wysiwyg, .pagemodaltabelement-main #editor-wysiwyg,
.articlemodaltabelement-main #editor-raw, .pagemodaltabelement-main #editor-raw{height:calc(100vh - 36em)!important;}
.articlemodaltabelement-main > fieldset > p > textarea:not(#editor-raw), .pagemodaltabelement-main > fieldset > p > textarea:not(#editor-raw){height:calc(100vh - 33em)!important;}
/*modal-collection2*/
.modal-collection2 fieldset p:not(:first-child) input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]){max-width:100%;}
.modal-collection2 textarea{height:20em;}
/*modal-photoupload*/
.modal-photoupload fieldset{text-align:center;}
.modal-photoupload p{margin-bottom:0.5em;}
.modal-photoupload p:last-of-type{margin-bottom:0;}
.modal-photoupload p.dropzone-photoupload{text-align:center;margin-bottom:1.5em;}
.modal-photoupload p.filelist{margin-bottom:1.5em;min-height:4em;max-height:calc(100vh - 36em);overflow-y:auto;}
.modal-photoupload progress{width:90%;}
.modal-photoupload span.photofile{display:block;font-size:0.9em;}
/*modal-photosync*/
.modal-photosync h4{font-size:1.1em;font-weight:600;margin-bottom:0.2em;}
/*modal-photo*/
.modal-photo .modalcontainer{width:94%;max-width:80em;}
.modal-photo .photocontainer{display:flex;}
.modal-photo .photocontainer > *:not(:last-child){flex:100;}
.modal-photo .photocontainer > *:not(:last-child) input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]){max-width:100%;}
 /*modal-photo .photocontainer > *:not(:last-child) textarea{height:23.6em;}*/
.modal-photo .photocontainer > *:last-child{flex:1;margin-left:4em;}
.modal-photo .photocontainer > *:last-child div#photowrapper{margin:0 auto 0.25em auto;max-width:40em;max-height:40em;min-width:10em;min-height:10em;width:auto;height:auto;position:relative;overflow:hidden;}
.modal-photo .photocontainer > *:last-child div#photowrapper.landscape{width:40em;}
.modal-photo .photocontainer > *:last-child div#photowrapper.portrait{width:20em;}
div#photowrapper > .imagezoomview-button{display:none;}
div#photowrapper:hover > .imagezoomview-button{display:block;}
.imagezoomview-button{position:absolute;top:0.4em;right:0.4em;}
.imagezoomview-button{font-size:1.2em;padding:0.1em;color:rgb(255 255 255 / 90%)!important;background:rgb(0 0 0 / 10%)!important;}
.imagezoomview-button:hover{color:rgb(255 255 255 / 100%)!important;background:rgb(0 0 0 / 20%)!important;}
div.imagezoomview-container{position:absolute!important;top:0;right:0;width:100%;height:100%;background:#000000;z-index:500;}
div.imagezoomview-container + .imagezoomview-button{color:rgb(255 255 255 / 80%)!important;font-size:1.6em;z-index:501;}
div.imagezoomview-container + .imagezoomview-button:hover{color:rgb(255 255 255 / 100%)!important}
@media (max-height:54em){
  .modal-photo .photocontainer > *:last-child div#photowrapper{max-width:36em;max-height:36em;}
  .modal-photo .photocontainer > *:last-child div#photowrapper.landscape{width:36em;}
  .modal-photo .photocontainer > *:last-child div#photowrapper.portrait{width:18em;}
  .modal-photo .photocontainer > *:last-child p:nth-last-child(2), .modal-photo .photocontainer > *:last-child p:last-child{display:none;}
}
.modal-photo .photocontainer > *:last-child div#photowrapper img{width:100%;height:auto;}
.modal-photo .photocontainer > *:last-child div#photowrapper span#photofocalpoint{position:absolute;width:10px;height:10px;border-radius:100%;border:1.5px solid #fff;box-shadow:0 0 1.5px #000, inset 0 0 1.5px #000;transition:top 0.25s ease-in, left 0.25s ease-in;}
.modal-photo .photocontainer > *:last-child div#photowrapper:hover{cursor:crosshair;}
.modal-photo .photocontainer > *:last-child p{margin-bottom:0;font-size:0.9em;text-align:center;}
.modal-photo .photocontainer > *:last-child p i{font-size:0.85em;}
.modal-photo .form-layout-sidebyside p{max-width:36em;}
/*modal-photoedit*/
.modal-photoedit progress{width:100%;}
.modal-photoedit form p:has(label) > label:hover{cursor:pointer;}
/*modal-link*/
.modal-link .link-modal-tabelement-main input.input-template{width:12em!important;}
.modal-link .link-modal-tabelement-main input.input-referenceid{width:12.5em!important;}
.modal-link textarea.textarea-code{height:calc(100vh - 40em);}
/*modal-linkcreate*/
.modal-linkcreate .link-create-modal-referencetype .dropdown-menu ul{max-height:calc(100vh - 42em);}
.modal-linkcreate .form-layout-sidebyside p select{max-width:24em;}
@media (max-height:840px){
  .modal-linkcreate .link-create-modal-referencetype .dropdown-menu ul{max-height:22em;}
}

/*prompt-website-linksettings*/
.prompt-website-linksettings{background:none!important;pointer-events:none;}
.prompt-website-linksettings div.promptcontainer{width:28em;position:absolute;bottom:0.75em;right:1.75em;margin:0;pointer-events:all;}
.prompt-website-linksettings div.promptelement-header,
.prompt-website-linksettings div.promptelement-main,
.prompt-website-linksettings div.promptelement-footer{padding:0.8em;}
.prompt-website-linksettings div.promptelement-main{max-height:36em;}
.prompt-website-linksettings div.promptelement-footer{padding-top:1em;}
.prompt-website-linksettings div.promptelement-footer *{font-size:0.9em;}
.prompt-website-linksettings div.promptelement-main > *{font-size:0.72em;}
.prompt-website-linksettings .promptelement-header h1 span.badge{font-size:0.72em;position:relative;top:-0.2em;}
.prompt-website-linksettings .form-layout-sidebyside input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]),
.prompt-website-linksettings .form-layout-sidebyside select{width:100%;max-width:fit-content!important;}
.prompt-website-linksettings .form-layout-sidebyside select:nth-child(n+3){width:20%;max-width:20%!important;}
.prompt-website-linksettings .form-layout-sidebyside input[type=range]{zoom:calc(0.9 * 0.8);}
.prompt-website-linksettings .form-layout-sidebyside span.info{display:none!important;}
html:has(.prompt-website-linksettings) .website-container-actionbuttons{z-index:300;}

/*element-header-photos-all*/
div.element-header.element-header-photos-all span.sorttext{text-transform:capitalize;}
div.element-header.element-header-photos-all form.form-search input.search{width:17em!important;}
@media (max-width:1500px){
  div.element-header.element-header-photos-all form.form-search input.search{max-width:7.6em!important;}
  div.element-header.element-header-photos-all span.sorttext{display:none;}
}

/*photosize-inline,photosize-dropdown*/
div.element-header-photos input[name=photosize]{zoom:0.8;width:12em!important;}
@media (max-width:1500px){.photosize-inline{display:none;}div.element-header-photos input[name=photosize]{padding:0;}}
@media (min-width:1510px){.photosize-dropdown{display:none!important;}}

/*element-content-settings-theme*/
div.element-header-settings-theme{padding-bottom:0.75em;}
div.element-content-settings-theme{display:flex;flex-direction:column;overflow:hidden;padding:0;}
div.element-content-settings-theme ul:not(.dropdown2-list-arrows){margin-inline:1.5em;}
div.element-content-settings-theme form{padding:1em 1.5em 1.5em 1.5em;}
div.element-content-settings-theme select{max-width:24em;}
div.element-content-settings-theme iframe{flex:1;width:100%;}
div.element-content-settings-theme div.theme-iframe-wrapper{flex:1;width:100%;display:flex;}
div.element-content-settings-theme div.theme-iframe-wrapper.mode-light{background:#fff;}
div.element-content-settings-theme div.theme-iframe-wrapper.mode-dark{background:#121212;}
div.element-content-settings-theme div.theme-iframe-wrapper iframe{flex:1;width:100%;}
div.element-content-settings-theme form fieldset.theme-builder p{position:relative;}
div.element-content-settings-theme form fieldset.theme-builder div.layout-flavors{font-size:0.8em;position:absolute;top:0;right:0;}
div.element-content-settings-theme form fieldset.theme-builder div.layout-flavors label{margin-right:0;font-weight:400;text-transform:none;}
div.element-content-settings-theme form fieldset.theme-builder div.layout-flavors input{position:relative;top:0;width:1em;height:1em;}
div.element-content-settings-theme form fieldset.previewactions{position:absolute;right:0.75em;top:0.75em;}
div.element-content-settings-theme form fieldset.footerlink:has(input[disabled]){opacity:0.5;}
div.element-content-settings-theme form fieldset.footerlink{position:absolute;right:8em;top:1.25em;}
div.element-content-settings-theme form fieldset.footerlink p{font-size:0.85em;}
div.element-content-settings-theme form fieldset.footerlink p label{margin-left:0;text-transform:none;font-weight:400;}
div.element-content-settings-theme form fieldset.status{position:absolute;top:6.8em;right:1.5em;text-transform:uppercase;}
div.element-content-settings-theme form:has(.theme-builder) fieldset.status{position:absolute;top:8.5em;}
div.element-content-settings-theme:has(.fullsize) form fieldset.status{top:1.1em;right:8em;}
div.element-content-settings-theme:has(.fullsize) form:has(.theme-builder) fieldset.status{top:3.7em;right:1.5em;}
div.element-content-settings-theme:has(.fullsize){position:absolute;top:0;left:0;right:0;bottom:0;border:0;z-index:1;}
div.element-content-settings-theme:has(.fullsize) ul:not(.dropdown2-list-arrows){display:none;}
div.element-content-settings-theme:has(.fullsize) fieldset.footerlink{display:none;}

/*upload-image*/
.upload-image{padding:0.25em;border-width:1px;border-style:dashed;}

/*textarea-customcss*/
@media (min-height:24em){textarea.textarea-customcss{height:calc(100vh - 20em)!important;}}

/*textarea-customcode,textarea-customhtml*/
@media (min-height:24em){textarea.textarea-customcode, textarea.textarea-customhtml{height:calc(50vh - 12em)!important;}}

/*filter-summary*/
ul.filter-summary {margin-top:0.25em;font-size:0.8em;display:flex;flex-direction:row;}
ul.filter-summary li:hover{text-decoration:line-through;cursor:pointer;}
ul.filter-summary li:not(:last-child)::after{content:",";margin-right:0.25em;}

/*website-container-actionbuttons*/
.website-container-actionbuttons{position:absolute;top:0.6em;right:calc(1em + 12px);}
.website-container-actionbuttons{top:-0.25em;font-size:0.95em;}
.website-container-actionbuttons .button{margin-left:1em;}

/*button-redoupdate*/
.button-redoupdate{float:right;opacity:0;}
*:hover > .button-redoupdate{opacity:1;}

/*preview*/
div.preview{display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0;z-index:101;overflow:hidden;}
div.preview-header{z-index:1;padding:0.5em 10%;padding:0.5em;border:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-width:0 0 1px 0;border-style:solid;}
@media (min-width:1400px){div.preview-header{padding-left:calc(100vw / 2 - 1350px / 2 - 12px);padding-right:calc(100vw / 2 - 1350px / 2);}}
div.preview-header ul {align-items:center;display:flex;flex-direction:row;column-gap:1em;}
div.preview-container{width:100%;flex-grow:1;margin:0 auto;}
div.preview-mobile .preview-container{max-width:375px;border-width:0 1px 0 1px;border-style:solid;}

/*----------EDITOR------------------------------------------*/
/*editor*/
#editor{background:#fff;border-width:1px;border-style:solid;}
#editor.fullsize{position:absolute;top:0;left:0;right:0;bottom:0;border:0;z-index:1;}
#editor.fullsize #editor-menu{padding:0.5em 5%;border:0;}
#editor.fullsize #editor-wysiwyg{height:calc(100vh - 3.7em)!important;padding:0.75em 5%;}
#editor.fullsize #editor-raw{height:calc(100vh - 4em)!important;margin-top:0.25em;margin-bottom:-1em;padding:0.5em 5%;}
#editor.fullsize #editor-raw{font-size:1em;}
#editor.fullsize #editor-wysiwyg {font-size:1.05em;}
#editor.fullsize #editor-wysiwyg > div.mediatag{font-size:0.9em;}
@media (min-width:64em){
  #editor.fullsize #editor-menu{padding:0.5em calc(50vw - 30rem);border:0;}
  #editor.fullsize #editor-wysiwyg{padding:0.75em calc(50vw - 30rem);}
  #editor.fullsize #editor-raw{padding:0.5em calc(50vw - 30rem);}
}
@media (min-width:1200px) and (min-height:1000px) {#editor #editor-wysiwyg, #editor #editor-raw{font-size:0.96em;}}
/*editor-menu*/
#editor-menu{display:flex;flex-direction:row;border-width:0 0 1px 0;border-style:solid;}
#editor-menu ul {align-items:center;display:flex;flex-direction:row;border-width:0 1px 0 0;border-style:solid;}
#editor-menu ul.right {align-self:flex-end;border-width:0 0 0 1px;border-style:solid;}
#editor-menu ul:not(.right) + ul.right li{border-width:0 0 0 1px;border-style:solid;}
#editor-menu ul:not(.right) + ul.right{flex:auto;border:0;}
#editor-menu ul:not(.right) + ul.right::before{content:" ";flex:auto;}
#editor-menu li.dropdown2-item {position:relative;z-index:1;}
#editor-menu li.dropdown2-item ul.dropdown2-content {background:#fff;display:none;position:absolute;left:-1px;border-width:1px;border-style:solid;}
#editor-menu li.dropdown2-item ul.dropdown2-content li {display:block;}
#editor-menu li.dropdown2-item ul.dropdown2-content li a{display:block;white-space:nowrap;}
#editor-menu li.dropdown2-item:hover .dropdown2-content {display:block;}
#editor-menu a{font-size:1em;padding:0.2em 0.5em;display:block;user-select:none;}
#editor-menu a span.material-symbols-outlined{font-size:1.2em;vertical-align:middle;}
#editor-menu a.inactive{opacity:0.25;}
#editor-menu a.selection{opacity:1;text-decoration:underline;}
#editor-menu a:hover{cursor:pointer;}
/*editor-raw*/
#editor-raw{font-family:monospace;border:0;box-shadow:none;resize:none;display:block;}
/*editor-wysiwyg*/
#editor-wysiwyg{font-size:0.9em;overflow-y:scroll;padding:0.4em;cursor:text;box-sizing:border-box;}
/*editor-wysiwyg content*/
#editor-wysiwyg{text-align:left;}
#editor-wysiwyg *{max-width:100%;}
#editor-wysiwyg img{height:auto;}
#editor-wysiwyg > *{user-select:auto;}
#editor-wysiwyg *:first-child{margin-top:0;}
#editor-wysiwyg > *:not(a):not(img):not(picture) {padding-inline:0.35rem;padding-block:0.1rem;}
#editor-wysiwyg h2, #editor-wysiwyg h3, #editor-wysiwyg h4,#editor-wysiwyg h5,#editor-wysiwyg h6{padding-block:0.25rem!important;}
#editor-wysiwyg h2{font-size:1.8em;font-weight:600!important;}
#editor-wysiwyg h3{font-size:1.5em;font-weight:600!important;}
#editor-wysiwyg h4{font-size:1.2em;font-weight:600!important;}
#editor-wysiwyg > ul,#editor-wysiwyg > ol{padding-left:0.75em}
#editor-wysiwyg > *:not(a):not(img):not(picture) {margin-bottom:0;}
#editor-wysiwyg > *.mediatag{margin:0.25rem 0 0.25rem -0.05rem;}
#editor-wysiwyg > h2, #editor-wysiwyg > h3, #editor-wysiwyg > h4, #editor-wysiwyg > h5, #editor-wysiwyg > h6{margin-top:1em;}
#editor-wysiwyg > p + p, #editor-wysiwyg > blockquote + p, #editor-wysiwyg > p + blockquote{margin-top:0.2em;}
#editor-wysiwyg > ul + ul, #editor-wysiwyg > ul + ol, #editor-wysiwyg > ol + ul, #editor-wysiwyg > ol + ol{margin-top:0.4em;}
#editor-wysiwyg > h2, #editor-wysiwyg > h3, #editor-wysiwyg > h4, #editor-wysiwyg > h5, #editor-wysiwyg > h6{font-weight:500;line-height:1.8em;text-transform:none;line-height:initial;}
#editor-wysiwyg strong{font-style:bold;}
#editor-wysiwyg em{font-style:italic;}
#editor-wysiwyg u{text-decoration:underline;}
#editor-wysiwyg strike{text-decoration:line-through;}
#editor-wysiwyg ul{list-style:disc; list-style-position:inside;}
#editor-wysiwyg ol{list-style:decimal; list-style-position:inside;}
#editor-wysiwyg ol > li::before{content:"";}
#editor-wysiwyg > blockquote {margin-left:0.4rem;padding-left:0.6rem;border-width:0 0 0 2px;border-style:solid;}
#editor-wysiwyg > blockquote[cite]:after{content:"\2014 "" "attr(cite);display:block;opacity:0.5;font-size:0.9em;}
#editor-wysiwyg > blockquote span.cite{display:block;opacity:0.5;font-size:0.9em;}
#editor-wysiwyg > blockquote span.cite::before{content:"\2014 "" ";}
#editor-wysiwyg .textleft{text-align:left;}
#editor-wysiwyg .textcenter{text-align:center;}
#editor-wysiwyg .textright{text-align:right;}
#editor-wysiwyg .textjustify{text-align:justify;}
#editor-wysiwyg .textindent{margin-left:1em;text-align:left;}
#editor-wysiwyg .box{padding:0.75em;}
#editor-wysiwyg .button{padding:0.3em 0.4em;line-height:1.2em;margin:0 0.2em;box-shadow:none;}
#editor-wysiwyg > div.mediatag{opacity:0.4;margin-inline:0.35rem;border-width:1px;border-style:dashed;display:flex;align-items:center;word-break:break-all;user-select:none;}
#editor-wysiwyg > div.mediatag:hover{opacity:1;cursor:pointer;}
#editor-wysiwyg > div.mediatag.io-editor-block-active{opacity:1;}
#editor-wysiwyg > div.mediatag:before {font-size:2.5em;margin-inline:-0.05em 0.1em;line-height:1.05em;content:"extension";font-family:"Material Symbols Outlined";}
#editor-wysiwyg > div.mediatag.IMG:before {content:"image";}
#editor-wysiwyg > div.mediatag.PHOTO:before {content:"photo";}
#editor-wysiwyg > div.mediatag.ALBUM:before {content:"photo_album";}
#editor-wysiwyg > div.mediatag.GALLERY:before {content:"photo_library";}
#editor-wysiwyg > div.mediatag.VIDEO:before {content:"smart_display";}
#editor-wysiwyg > div.mediatag.HERO:before {content:"local_police";}
#editor-wysiwyg > div.mediatag.ASSETLINKS:before {content:"view_module";}
#editor-wysiwyg > div.mediatag.SCRIPT:before {content:"javascript";}
#editor-wysiwyg > div.mediatag.READ_MORE:before {content:"read_more";}
#editor-actionicons {opacity:0.25;font-size:1.5em;display:flex;gap:0.01em;position:absolute;z-index:1;}
#editor-actionicons.mediatagrelated{margin-top:0.25em;}
#editor-actionicons:hover{opacity:1;} 
#editor-actionicons span{opacity:0.6;padding:0.1em;}
#editor-actionicons span:hover{opacity:1;cursor:pointer;}


/*##################################################################################################################*/
/*##########THEMES##################################################################################################*/
/*##################################################################################################################*/
/*border-radius*/
.button, .badge, .toast, .modalcontainer, .promptcontainer, .forminput, div.dropdown-menu, div.dropdown2-content > *,
form input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]), form select, form textarea,
header nav ul li a, main > content > aside > div > ul a,
div.element-header div.titlecover, div.element-header div.titlecover img,
ul.tabpills li,
#editor,
ul li.addphoto > span,
.filelist img,
.message {border-radius:0.2rem;}
.itemlist, .itemlist li,
.itemlist .itemlist-set-cover, .itemlist .itemlist-set-cover img,
.textlist,
.taglist li span,
.container-action-dropzone .dropzone
{border-radius:0.15rem;}
#editor-wysiwyg > *:not(a):not(img):not(picture):not(blockquote),
#editor-wysiwyg > div.mediatag, #editor-actionicons{border-radius:0.25em;}
.modalelement-header {border-radius:0.2rem 0.2rem 0 0;}
.dropzone-photoupload, .filelist {border-radius:0.4rem;}
#editor.fullsize, #editor.fullsize textarea, .forminput input{border-radius:0;}
.forminput-photo input{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;}

/*#########################################################*/
/*##########LIGHT##########################################*/
/*#########################################################*/
html.light{
  --color-primary:#246dff;
  --color-primary-dark:#122752;
  --color-primary-grey:#244b99;
  --color-primary-light:#ebf1ff;
  --color-secondary:#858d9e;
  --color-secondary-dark:#2e3036;
  --color-secondary-grey:#595e66;
  --color-secondary-light:#f4f5f6;
  --color-secondary-lighter:#fcfcfc;
  --color-white:#fff;
  --color-black:#000;
}

/*##########MAIN###########################################*/
html.light body{color:var(--color-secondary-dark);background:var(--color-white);accent-color:var(--color-primary);}
html.light ::-webkit-scrollbar-track {background-color:rgba(0, 0, 0, 0.05);}
html.light ::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, 0.15);}
html.light ::-webkit-scrollbar-thumb:hover {background-color:rgba(0, 0, 0, 0.2);}
/*----------LAYOUT-----------------------------------------*/
html.light header {background:var(--color-white);box-shadow:0.05em 0 0.2em 0 #12131426;z-index:1;}
/*----------HEADER-----------------------------------------*/
html.light header h1 {color:var(--color-black);}
html.light header nav ul li a {color:var(--color-primary-dark);}
html.light header nav ul li a:hover {color:var(--color-secondary-dark)!important;background:var(--color-secondary-light);}
html.light header nav ul li a.active {color:var(--color-primary)!important;background:var(--color-primary-light);}
html.light header nav ul li a.upgradelink{color:#f54278!important;}
html.light header nav ul li a.upgradelink:hover, html.light header nav ul li a.upgradelink.active {color:#f54278!important;background:#fff0f4!important;}
html.light header nav ul li.heading span{color:var(--color-secondary);}
/*----------MAIN-------------------------------------------*/
html.light main > content > aside{border-right:1px solid var(--color-secondary-light);}
html.light main > content > aside h3{color:var(--color-secondary);}
html.light main > content > aside h3 a{color:var(--color-black);}
html.light main > content > aside h3 a:hover{color:var(--color-secondary-dark);}
html.light main > content > aside > div > ul a{color:var(--color-secondary-dark);}
html.light main > content > aside > div > ul.navigation-list li a:not([disabled]):hover{color:var(--color-secondary-dark);background:var(--color-secondary-light);}
html.light main > content > aside > div > ul.navigation-list li a:not([disabled]).active{color:var(--color-primary);background:var(--color-primary-light);}
html.light div.element-header div.titlecover{background:var(--color-secondary-light);}
html.light div.element-header div.titlecover:hover{background:#e6e6e6;}
html.light div.element-header.element-header-photos{z-index:1;box-shadow:0 0.12em 0.15em 0 rgb(18 19 20 / 0.1);}
/*----------CONTENT----------------------------------------*/
html.light a {color:var(--color-primary);}
html.light a:not([disabled]):hover {color:var(--color-primary-grey);}
html.light table{border-color:var(--color-secondary-light);}
html.light table thead th{color:var(--color-secondary-dark);background:var(--color-secondary-lighter);}
html.light table tbody td{border-color:var(--color-secondary-light);}
html.light table, html.light table tbody tr:first-child td{border-color:#e6e9ed;}
html.light table{box-shadow:0.5px 1px 2px 0 rgba(0,0,0,0.04);}


/*##########CLASSES########################################*/
/*----------GENERAL----------------------------------------*/
html.light .info{opacity:0.8;}
html.light .info-help{opacity:0.8;}
/*badge,toast,message*/
html.light .toast-default, html.light .message-default, html.light .badge-default{color:#585c65;background:#f4f5f6;}
html.light .toast-success, html.light .message-success, html.light .badge-success{color:#19bd55;background:#ebfff2;}
html.light .toast-error, html.light .message-error, html.light .badge-error{color:#d41c35;background:#ffebed;}
html.light .toast-warning, html.light .message-warning, html.light .badge-warning{color:#f38f00;background:#fffade;}
html.light .toast-info, html.light .message-info, html.light .badge-info{color:#2465ff;background:#ebf1ff;}
html.light .toast-default, html.light .message-default{border:1px solid #c7d2de;}
html.light .toast-success, html.light .message-success{border:1px solid #bdf1cf;}
html.light .toast-error, html.light .message-error{border:1px solid #ffb1b9;}
html.light .toast-warning, html.light .message-warning{border:1px solid #ffd9a4;}
html.light .toast-info, html.light .message-info{border:1px solid #c5d6ff;}
/*button*/
html.light .button-primary {color:var(--color-white);background:var(--color-primary);box-shadow:rgb(0 0 0 / 12%) 0px 1px 1px 0px, rgb(81 92 112 / 16%) 0px 0px 0px 1px,rgb(69 76 89 / 6%) 0px 2px 4px 0px;}
html.light .button-primary:not([disabled]):hover {color:var(--color-white);background:#2466eb;}
html.light .button-secondary {color:var(--color-secondary);background:var(--color-white);box-shadow:rgb(0 0 0 / 10%) 0px 1px 1px 0px,rgb(80 80 80 / 16%) 0px 0px 0px 1px,rgb(80 80 80 / 8%) 0px 2px 5px 0px;}
html.light .button-secondary:not([disabled]):hover {color:var(--color-secondary-dark);background:#fafafa;}
html.light .button-danger {color:var(--color-white);background:#ff2446;box-shadow:rgb(0 0 0 / 12%) 0px 1px 1px 0px, rgb(112 81 87 / 16%) 0px 0px 0px 1px,rgb(89 69 72 / 6%) 0px 2px 4px 0px;}
html.light .button-danger:not([disabled]):hover {color:var(--color-white);background:#f51e40;}
html.light .button-link {color:var(--color-secondary);}
html.light .button-link:not([disabled]):hover {color:var(--color-secondary-dark);text-decoration:underline;text-underline-offset:0.1em;}
html.light .button-primary .loader{border-color:var(--color-white) #3d7eff #3d7eff #3d7eff;}
html.light .button-symbol{color:var(--color-secondary-dark);}
html.light .button-symbol:not([disabled]):hover{color:var(--color-secondary-dark);background:var(--color-secondary-light);}
html.light .button[disabled] {opacity:0.5;}
/*toggleswitch*/
html.light input[type="checkbox"].toggleswitch {background-color:#dbdbdb;}
html.light input[type="checkbox"].toggleswitch::before{background-color:#fff;}
html.light input[type="checkbox"].toggleswitch:not(.is-default):checked{background-color:var(--color-primary);}
html.light input[type="checkbox"].toggleswitch:not(.is-default):not(:checked)::before{box-shadow:rgb(0 0 0 / 5%) 1px 1px 1px 0;}
/*tabs*/
html.light .tabs nav ul{border-color:var(--color-secondary-light);}
html.light .tabs nav ul li:hover, html.light .tabs nav ul li.active{border-color:var(--color-secondary-grey);}
html.light .tabs nav ul li a{color:var(--color-secondary);}
html.light .tabs nav ul li:hover a, html.light .tabs nav ul li.active a{color:var(--color-secondary-dark);}
/*tabpills*/
html.light ul.tabpills li.active, html.light ul.tabpills li:hover{color:var(--color-primary);background:var(--color-primary-light);}
/*tag*/
html.light .tag {border-color:var(--color-secondary-light);}
html.light .tag.hover-pointer:hover {background:var(--color-secondary-lighter);}
/*dropdown-menu*/
html.light .dropdown-menu{border-color:#e6e6e6;border-top-color:var(--color-secondary-light);background:var(--color-white);box-shadow:0.1em 0.4em 0.8em 0 rgba(0,0,0,0.08);}
html.light .dropdown-menu span.search-empty{border-color:var(--color-secondary-light);}
html.light .dropdown-menu ul{border-color:var(--color-secondary-light);}
html.light .dropdown-menu ul li{border-color:var(--color-secondary-light);}
html.light .dropdown-menu ul li.selected, html.light .dropdown-menu ul li:hover{color:var(--color-secondary-dark);background:var(--color-secondary-light);}
html.light .dropdown-container:has(img) .dropdown-menu ul li{border-width:0 0 1px 0;border-style:solid;border-color:var(--color-secondary-light);}
html.light .dropdown-container:has(img) .dropdown-menu ul li:last-child{border:0;}
html.light .dropdown-container:has(img) .dropdown-menu ul li.selected, html.light .dropdown-container:has(img) .dropdown-menu ul li:hover{background:#f8f8f8;}
/*dropdown2-content*/
html.light div.dropdown2-content > *{background:var(--color-white);box-shadow:0 0 0.25em 0 #1213144a;}
html.light div.dropdown2-content > ul li:not(.divider):not(.label):not(.inactive):hover {background:var(--color-secondary-light);}
html.light div.dropdown2-content > ul li.danger:hover{background:#ffebed!important;}
html.light div.dropdown2-content > ul li.danger{color:#f51e40;}
html.light div.dropdown2-content > ul li.divider{background:#f3f3f3;border-color:var(--color-secondary-light);}
/*loader*/
html.light .loader {border-color:#ccc #f1f1f1 #f1f1f1 #f1f1f1;}
/*upload-image*/
html.light img.upload-image{border-color:var(--color-secondary-light);}
html.light img.upload-image:hover{background:var(--color-black);}
/*clickeffect*/
html.light .clickeffect:after, html.light .clickeffect:active:after {color:var(--color-primary);}
/*----------LISTS------------------------------------------*/
html.light ul.textlist, html.light ul.itemlist, html.light ul.linklist {border-color:var(--color-secondary-light);}
html.light ul.itemlist.container-dragging-active{border-color:var(--color-secondary);}
html.light ul.itemlist.container-dragging-active li{border-color:var(--color-secondary);}
html.light ul.itemlist.itemlist-set li div.itemlist-set-actions,
html.light ul.itemlist.itemlist-links li div.itemlist-links-actions{background:var(--color-secondary-lighter);}
html.light ul.textlist li, html.light ul.itemlist li, html.light ul.linklist li{border-color:var(--color-secondary-light);}
html.light ul.textlist li:hover, html.light ul.itemlist li:hover, html.light ul.linklist li:hover, html.light ul.photolist li:hover{background:var(--color-secondary-lighter);}
html.light ul.itemlist-set li div.itemlist-set-cover {background:var(--color-secondary-light);}
html.light ul.photolist li:hover {background:#f1f2f3;} /*background:var(--color-secondary-light);*/
html.light ul.photolist li.selected {background:var(--color-primary-light);} /*#f1f2f3, background:var(--color-secondary-light);*/
html.light ul.photolist li {border-color:var(--color-white);}
html.light ul.photolist span.radio span{opacity:0.8;color:var(--color-secondary-grey);background:var(--color-white);}
html.light ul.photolist li:hover span.radio span{background:#f1f2f3;}
html.light ul.photolist li span.radio:hover span{opacity:1;color:var(--color-dark);}
html.light ul.photolist li.selected span.radio span{color:var(--color-primary);background:var(--color-white);opacity:1;}
/*----------MODAL/PROMPT-----------------------------------*/
html.light div.modal, html.light div.prompt{background:rgba(0,0,0,0.35);}
html.light div.modalcontainer, html.light div.promptcontainer{background:var(--color-white);box-shadow:0 0 0.5em 0 rgba(0,0,0,0.25);}
html.light div.modalelement-header {border-bottom:1px solid var(--color-secondary-light);}
html.light div.modalelement-header h1 {padding:0.1em 0;font-size:1.5em;font-weight:600;}
html.light div.modalelement-header h1 span.id{font-weight:300;}
html.light div.modalelement-header a.close {color:var(--color-secondary-light);color:var(--color-secondary-dark);} /*color:#b2b8c2;*/
html.light div.modalelement-header a.close:hover {color:var(--color-secondary-dark);color:var(--color-black);}
html.light div.modalelement-footer {border-color:var(--color-secondary-light);}
html.light div.promptelement-header a.close {color:var(--color-secondary-light);color:var(--color-secondary-dark);} /*color:#b2b8c2;*/
html.light div.promptelement-header a.close:hover {color:var(--color-secondary-dark);color:var(--color-black);}
html.light div.promptelement-footer a {color:var(--color-secondary-grey);}
html.light div.promptelement-footer a:hover {color:var(--color-secondary-dark);}
html.light div.promptelement-footer a.primary {color:var(--color-primary);}
html.light div.promptelement-footer a.primary:hover {color:var(--color-primary-grey);}
html.light div.prompt-danger div.promptelement-footer a.primary {color:#d41c35;}
html.light div.prompt-danger div.promptelement-footer a.primary:hover {color:#d41c35;}
/*----------FORM-------------------------------------------*/
html.light form #editor,
html.light form .forminput,
html.light form input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]), 
html.light form select, 
html.light form textarea{background:var(--color-white);border-color:#dee3fa;box-shadow:rgb(180 180 180 / 10%) 0px 0px 0px 1px,rgb(180 180 180 / 5%) 0px 1px 2px 1px;} /*border-color:#ecefff;*/
html.light form select{background:var(--color-white) url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e3036' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat!important;background-position:right 0.4em center!important;background-size: 1.2em 1.2em!important;}
html.light form #editor:focus-within,
html.light form .forminput.focus,
html.light form input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus, 
html.light form select:focus, 
html.light form textarea:focus{border-color:#c2d5ff;box-shadow:rgb(168 171 179 / 10%) 0px 0px 0px 1px,rgb(168 171 179 / 5%) 0px 1px 2px 1px;}
html.light .form-layout-sidebyside p, html.light .form-layout-sidebyside h4, html.light .form-layout-sidebyside h5{border-color:var(--color-secondary-light);}
html.light form select:not([disabled]):not(:focus):hover,
html.light form .forminput.hover:hover{background:var(--color-secondary-lighter);}
html.light .forminput-gallerytypes .dropdown-menu img{opacity:0.2;}
html.light .forminput-photo .dropdown-menu input.search{box-shadow:rgb(180 180 180 / 10%) 0px 0px 0px 1px,rgb(180 180 180 / 20%) 0px 1px 2px 1px!important;}
html.light .forminput-photos > ul li.addphoto > span{border-color:var(--color-secondary);}
html.light .forminput-photos > ul li.addphoto > span:hover{background:var(--color-secondary-lighter);}
html.light .forminput-linktemplate li{border-color:var(--color-secondary-light);}
html.light .forminput-linktemplate li.active{background:var(--color-secondary-light);}
html.light .forminput-linktemplate li:not(.active):hover{background:var(--color-secondary-lighter);}
/*----------SPECIAL----------------------------------------*/
html.light .form-search-collectionsearch input{border-color:var(--color-secondary-light)!important;box-shadow:none!important;}
html.light div.element-menu.element-menu-collection h3 a.active.exact-active2{color:var(--color-primary);background:var(--color-primary-light);}
html.light div.element-menu.element-menu-collection h3 a:hover{color:var(--color-black);background:var(--color-secondary-light);}
html.light div.element-menu.element-menu-collection h3 .dragover-active-valid a{color:var(--color-dragover)!important;background:var(--color-dragover-light)!important;}
html.light ul.navigation-collection li > span > span.dropzone:hover{background:var(--color-secondary-light);}
html.light ul.navigation-collection li > span > span.dropzone:hover a{color:var(--color-secondary-dark);}
html.light ul.navigation-collection li > span > span.dropzone.dragover-active-valid,
html.light ul.navigation-collection li > span > span.dropzone:has(.dragover-active-valid:not(.collection-action):not(span.folder)){background:var(--color-dragover-light)!important;}
html.light ul.navigation-collection li.active > span > span.dropzone{background:var(--color-primary-light);}
html.light ul.navigation-collection li.active > span > span.dropzone a{color:var(--color-primary);}
html.light ul.navigation-collection li.active span.folder{color:var(--color-primary);}
html.light ul.navigation-collection li.active li span.folder{color:var(--color-secondary-dark);}
html.light ul.navigation-collection span.folder:not(.folder-empty){opacity:0.6;}
html.light ul.navigation-collection span.folder:not(.folder-empty):hover{opacity:1;}
html.light ul.navigation-collection li.active span.collection-action{color:var(--color-primary);}
html.light ul.navigation-collection li.active li span.collection-action{color:var(--color-secondary-dark);}
html.light .container-action-dropzone .dropzone {color:var(--color-secondary-grey);background:rgb(255, 255, 255, 0.9);}
html.light .dropzone-photoupload{background:#fafbff;border-color:var(--color-primary);}
html.light .dropzone-photoupload:hover{background:var(--color-primary-light);cursor:pointer;}
html.light .dropzone-photoupload.dragover-active-valid{background:var(--color-dragover-lighter);}
html.light .dropzone-photoupload:not(.dragover-active-valid) span{color:var(--color-primary)!important;}
html.light fieldset:not(:has(.filelist)) .dropzone-photoupload:not(.dragover-active-valid) span{opacity:0.9;}
html.light .filelist{border-color:var(--color-secondary-light);border-color:#e6ebee;}
html.light .modal-photoupdate span.no-match{color:#cb0000;}
html.light div.element-content-settings-theme:has(iframe) form{box-shadow:0 0.1em 0.15em 0 #12131426;z-index:1;}
html.light div.element-content-settings-theme:has(.fullsize){background:var(--color-white);}
html.light .website-container-actionbuttons .button-primary{box-shadow:0.1em 0.15em 0.25em 0 rgb(0 0 0 / 20%);}
html.light div.preview{background:var(--color-white);}
html.light div.preview-header{border-color:var(--color-secondary-light);box-shadow:0 0 0.25em 0 rgba(0,0,0,0.25);}
html.light div.preview-mobile .preview-container{border-color:var(--color-secondary-light);}
/*----------EDITOR------------------------------------------*/
html.light #editor{background:var(--color-white);}
html.light #editor.fullsize #editor-menu{box-shadow:0 0 0.25em 0 rgba(0,0,0,0.25);}
html.light #editor-menu{border-color:var(--color-secondary-light);}
html.light #editor-menu ul, html.light #editor-menu ul li{border-color:var(--color-secondary-light);}
html.light #editor-menu ul a{color:var(--color-secondary-dark);}
html.light #editor-menu ul a:not(.inactive):hover{background:var(--color-secondary-light);}
html.light #editor-menu li.dropdown2-item ul.dropdown2-content {background:var(--color-white);box-shadow:0.1em 0.1em 0.3em 0 rgba(0,0,0,0.06);}
html.light #editor-wysiwyg{color:var(--color-secondary-grey);}
html.light #editor-wysiwyg .button.button-primary{color:var(--color-secondary-lighter);background:var(--color-secondary-dark);}
html.light #editor-wysiwyg .button.button-secondary{color:var(--color-secondary-lighter);background:var(--color-secondary-grey);}
html.light #editor-wysiwyg > *:not(a) {color:var(--color-secondary-dark);}
html.light #editor-wysiwyg > blockquote {border-color:var(--color-secondary-grey);}
html.light #editor-wysiwyg > div.mediatag{border-color:var(--color-secondary-grey);}
html.light #editor-wysiwyg > div.mediatag:hover,
html.light #editor-wysiwyg > div.mediatag.io-editor-block-active{border-color:#b1b1b1;}
html.light #editor-actionicons:hover{background:var(--color-white);}
html.light:has(#editor-actionicons[style*="flex"]:hover) #editor-wysiwyg .io-editor-block-active:not(.mediatag) {background:var(--color-secondary-light);}
html.light:has(.io-editor-block-active:not(.mediatag)) #editor-actionicons[style*="flex"]:hover{background:var(--color-secondary-light);}

/*#########################################################*/
/*##########DARK###########################################*/
/*#########################################################*/
html.dark{
  --color-primary:#f64000;
  --color-primary-light:#ff5b21;
  --color-white:#fff;
  --color-grey1:#ccc;
  --color-grey2:#909090;
  --color-dark0:#3c3c3c;
  --color-dark1:#303030;
  --color-dark2:#262626;
  --color-dark3:#1e1e1e;
}
html.dark{
  --color-primary:#0d5cf8;
  --color-primary-light:#1663ff; 
  --color-primary2:#7ba2f0;
  --color-primary-light2:#a1c1ff; 
  --color-white:#fff;
  --color-grey1:#c0c4cb;
  --color-grey2:#898b90;
  --color-dark0:#3c3c3c;
  --color-dark1:#2f3032;
  --color-dark2:#262728;
  --color-dark3:#1e1e20;
}

/*##########MAIN###########################################*/
html.dark body{color:var(--color-grey1);background:var(--color-dark3);accent-color:var(--color-primary);}
html.dark ::-webkit-scrollbar-track {background-color:rgba(255, 255, 255, 0.05);}
html.dark ::-webkit-scrollbar-thumb {background-color:rgba(255, 255, 255, 0.1);}
html.dark ::-webkit-scrollbar-thumb:hover {background-color:rgba(255, 255, 255, 0.15);}
/*----------LAYOUT-----------------------------------------*/
html.dark header {background:var(--color-dark1);}
html.dark header.route_website {box-shadow:0 0 0.2em 0 var(--color-dark1);z-index:1;}
/*----------HEADER-----------------------------------------*/
html.dark header h1 {color:var(--color-white);}
html.dark header nav ul li a {color:var(--color-grey2);border-radius:0;}
html.dark header nav ul li a:hover{color:var(--color-white)!important;}
html.dark header nav ul li a.active{margin-left:0;padding-left:calc(1.15em - 2px);color:var(--color-white);border-left:2px solid var(--color-white);}
html.dark header nav ul li a.upgradelink{opacity:0.8;color:#f54278;}
html.dark header nav ul li a.upgradelink:hover{opacity:1;}
html.dark header nav ul li a.upgradelink.active{opacity:1;border-color:var(--color-dark1);}
html.dark header nav ul li.heading span{color:var(--color-white);}
/*----------MAIN-------------------------------------------*/
html.dark main > content > aside{background:var(--color-dark2);border-right:1px solid var(--color-dark2);}
html.dark main > content > aside h3{color:var(--color-white);}
html.dark main > content > aside h3 a{color:var(--color-white);}
html.dark main > content > aside h3 a:hover{color:var(--color-grey1);}
html.dark main > content > aside > div > ul a{color:var(--color-grey2);}
html.dark main > content > aside > div > ul.navigation-list li a:not([disabled]):hover{color:var(--color-white);}
html.dark main > content > aside > div > ul.navigation-list li a:not([disabled]).active{color:var(--color-white);}
html.dark div.element-header div.titlecover{background:var(--color-dark1);}
html.dark div.element-header div.titlecover:hover{background:var(--color-dark0);}
html.dark div.element-header h2{font-weight:400;}
html.dark div.element-header.element-header-photos{z-index:1;box-shadow:0.05em 0.2em 0.2em 0 rgb(0 0 0 / 60%);}
/*----------CONTENT----------------------------------------*/
html.dark h2, html.dark h3, html.dark h4 {color:var(--color-white);}
html.dark a {color:var(--color-primary2);}
html.dark a:not([disabled]):hover {color:var(--color-primary-light2);}
html.dark table{border-color:var(--color-dark1);}
html.dark table thead th{color:var(--color-white);background:var(--color-dark2);}
html.dark table tbody td{border-color:var(--color-dark1);}

/*##########CLASSES########################################*/
/*----------GENERAL----------------------------------------*/
html.dark .info{opacity:0.8;}
html.dark .highlighttext{color:var(--color-dark3);}
html.dark .info-help{opacity:0.8;}
/*badge,toast,message*/
html.dark .message-default, html.dark .badge-default{color:rgb(240 240 240);background:rgb(41 41 41);border:1px solid rgb(76 76 76);}
html.dark .message-success, html.dark .badge-success{color:rgb(32 206 95);background:rgb(30 39 33);border:1px solid rgb(30 72 45);}
html.dark .message-error, html.dark .badge-error{color:rgb(225 33 33);background:rgb(39 30 30);border:1px solid rgb(76 31 31);}
html.dark .message-warning, html.dark .badge-warning{color:rgb(220 200 60);background:rgb(39 38 31);border:1px solid rgb(75 71 37);}
html.dark .message-info, html.dark .badge-info{color:rgb(39 148 255);background:rgb(30 36 41);border:1px solid rgb(32 59 84);}
html.dark .toast-default{color:rgb(240 240 240);background:rgb(41 41 41 / 92%);border:1px solid rgb(76 76 76);}
html.dark .toast-success{color:rgb(32 206 95);background:rgb(30 39 33 / 92%);border:1px solid rgb(30 72 45);}
html.dark .toast-error{color:rgb(225 33 33);background:rgb(39 30 30 / 92%);border:1px solid rgb(76 31 31);}
html.dark .toast-warning{color:rgb(220 200 60);background:rgb(39 38 31 / 92%);border:1px solid rgb(75 71 37);}
html.dark .toast-info{color:rgb(39 148 255);background:rgb(30 36 41 / 92%);border:1px solid rgb(32 59 84);}
/*button*/
html.dark .button-primary{color:var(--color-white);background:var(--color-primary);}
html.dark .button-primary:not([disabled]):hover{color:var(--color-white);background:var(--color-primary-light);}
html.dark .button-secondary{color:var(--color-grey1);background:var(--color-dark1);}
html.dark .button-secondary:not([disabled]):hover{color:var(--color-white);background:var(--color-dark1);}
html.dark .button-danger{color:var(--color-white);background:#ff2424}
html.dark .button-danger:not([disabled]):hover{color:var(--color-white);background:#f51e40;}
html.dark .button-link {color:var(--color-grey1);}
html.dark .button-link:not([disabled]):hover{color:var(--color-white);text-decoration:underline;text-underline-offset:0.1em;}
html.dark .button-primary .loader{border-color:var(--color-white) var(--color-primary-light) var(--color-primary-light) var(--color-primary-light);}
html.dark .button-symbol{color:var(--color-secondary-dark);}
html.dark .button-symbol:not([disabled]):hover{color:var(--color-white);background:var(--color-dark1);}
html.dark .button[disabled] {opacity:0.5;}
/*toggleswitch*/
html.dark input[type="checkbox"].toggleswitch {background-color:var(--color-dark0);}
html.dark input[type="checkbox"].toggleswitch::before{background-color:#fff;}
html.dark input[type="checkbox"].toggleswitch:not(.is-default):checked{background-color:var(--color-primary);}
html.dark input[type="checkbox"].toggleswitch:not(.is-default):not(:checked)::before{box-shadow:rgb(0 0 0 / 30%) 1px 1px 1px 0;}
/*tabs*/
html.dark .tabs nav ul{border-color:var(--color-dark1);}
html.dark .tabs nav ul li:hover, html.dark .tabs nav ul li.active{color:var(--color-white);border-color:var(--color-white);}
html.dark .tabs nav ul li a{color:var(--color-grey2);}
html.dark .tabs nav ul li:hover a, html.dark .tabs nav ul li.active a{color:var(--color-white);}
/*tabpills*/
html.dark ul.tabpills li.active, html.dark ul.tabpills li:hover{color:var(--color-white);background:var(--color-dark1);}
/*tag*/
html.dark .tag {border-color:var(--color-dark1);background:var(--color-dark2);}
html.dark .tag.hover-pointer:hover {color:var(--color-white);}
/*dropdown-menu*/
html.dark .dropdown-menu{border-color:var(--color-dark1);background:var(--color-dark2);box-shadow:0.1em 0.4em 0.8em 0 rgba(0,0,0,0.8);}
html.dark .dropdown-menu span.search-empty{border-color:var(--color-dark1);}
html.dark .dropdown-menu ul{border-color:var(--color-dark1);}
html.dark .dropdown-menu ul li{color:var(--color-grey1);border-color:var(--color-dark1);}
html.dark .dropdown-menu ul li.selected, html.dark .dropdown-menu ul li:hover{color:var(--color-white);background:var(--color-dark1);}
html.dark .dropdown-container:has(img) .dropdown-menu ul li{border-width:0 0 1px 0;border-style:solid;border-color:var(--color-dark1);}
html.dark .dropdown-container:has(img) .dropdown-menu ul li:last-child{border:0;}
/*dropdown2-content*/
html.dark div.dropdown2-content > *{background:var(--color-dark3);box-shadow:0 0.1em 0.5em 0 rgb(0 0 0 / 80%), 0.25em 0.25em 1em 0 rgb(0 0 0 / 60%);}
html.dark div.dropdown2-content > ul li.active{color:var(--color-white);}
html.dark div.dropdown2-content > ul li:not(.divider):not(.label):not(.inactive):hover {color:var(--color-white);background:var(--color-dark2);}
html.dark div.dropdown2-content > ul li.danger{color:#f51e40}
html.dark div.dropdown2-content > ul li.danger:not(.inactive):hover{color:#ff2245!important;}
html.dark div.dropdown2-content > ul li.divider{background:#f3f3f3;border-color:var(--color-dark2);}
/*loader*/
html.dark .loader {border-color:var(--color-grey1) #464646 #464646 #464646;}
/*upload-image*/
html.dark img.upload-image{border-color:var(--color-dark1);}
html.dark img.upload-image:hover{background:var(--color-white);border-color:var(--color-grey1);}
/*clickeffect*/
html.dark .clickeffect:after, html.dark .clickeffect:active:after {color:var(--color-primary);}
/*----------LISTS------------------------------------------*/
html.dark ul.textlist, html.dark ul.itemlist, html.dark ul.linklist {border-color:var(--color-dark1);}
html.dark ul.itemlist.container-dragging-active{border-color:var(--color-grey2);}
html.dark ul.itemlist.container-dragging-active li{border-color:var(--color-grey2);}
html.dark ul.itemlist.itemlist-set li div.itemlist-set-actions,
html.dark ul.itemlist.itemlist-links li div.itemlist-links-actions{background:var(--color-dark2);}
html.dark ul.textlist li, html.dark ul.itemlist li, html.dark ul.linklist li{border-color:var(--color-dark1);}
html.dark ul.textlist li:hover, html.dark ul.itemlist li:hover, html.dark ul.linklist li:hover, html.dark ul.photolist li:hover{background:var(--color-dark2);}
html.dark ul.itemlist-set li div.itemlist-set-cover {background:var(--color-dark1);}
html.dark ul.photolist:not(:has(li.dragging-active)) li:hover {background:var(--color-dark2);}
html.dark ul.photolist li.selected {background:var(--color-dark1)!important;}
html.dark ul.photolist li {border-color:var(--color-dark3);}
html.dark ul.photolist span.radio span{opacity:0.8;color:var(--color-secondary-grey);}
html.dark ul.photolist li span.radio:hover span{opacity:1;}
html.dark ul.photolist li.selected span.radio span{color:var(--color-white);background:var(--color-dark1);opacity:1;}
/*----------MODAL/PROMPT-----------------------------------*/
html.dark div.modal{background:rgba(0,0,0,0.6);}
html.dark div.prompt{background:rgba(0,0,0,0.4);}
html.dark div.modalcontainer{margin-top:2.85em;}
html.dark div.modalcontainer, html.dark div.promptcontainer{background:var(--color-dark3);box-shadow:0 0 0.5em 0 rgba(0,0,0,0.25);}
html.dark div.modalelement-header {background:var(--color-dark1);box-shadow:0 0.1em 0.2em 0 rgb(0 0 0 / 40%);}
html.dark div.modalelement-header h1{color:var(--color-white);text-transform:uppercase;}
html.dark div.modalelement-header h1 span.id{font-weight:300;}
html.dark div.modalelement-header a.close {color:var(--color-grey1);}
html.dark div.modalelement-header a.close:hover {color:var(--color-white);}
html.dark div.modalelement-footer {border-color:var(--color-dark1);}
html.dark div.promptelement-header a.close {color:var(--color-grey1);}
html.dark div.promptelement-header a.close:hover {color:var(--color-white);}
html.dark div.promptelement-header {color:var(--color-white);}
html.dark div.promptelement-footer a {color:var(--color-grey1);}
html.dark div.promptelement-footer a:hover {color:var(--color-white);}
html.dark div.promptelement-footer a.primary {color:var(--color-primary2);}
html.dark div.promptelement-footer a.primary:hover {color:var(--color-primary-light2);}
html.dark div.prompt-danger div.promptelement-footer a.primary {color:#d41c35;}
html.dark div.prompt-danger div.promptelement-footer a.primary:hover {color:#d41c35;}
/*----------FORM-------------------------------------------*/
html.dark form #editor,
html.dark form .forminput,
html.dark form input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]), 
html.dark form select, 
html.dark form textarea{color:var(--color-grey1);background:var(--color-dark2);border-color:var(--color-dark1);}
html.dark form select{background:var(--color-dark2) url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c0c4cb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat!important;background-position:right 0.4em center!important;background-size: 1.2em 1.2em!important;}
html.dark form .forminput.focus,
html.dark form input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus, 
html.dark form select:focus{color:var(--color-white);border-color:#424242;}
html.dark form textarea:focus, html.dark form #editor:focus-within{border-color:#424242;}
html.dark form select:not([disabled]):not(:focus):hover,
html.dark form .forminput.activate-hover:hover{background:var(--color-dark1);}
html.dark .form-layout-sidebyside p, html.dark .form-layout-sidebyside h4, html.dark .form-layout-sidebyside h5{border-color:var(--color-dark2);}
html.dark .dropdown-menu input.searchs{box-shadow:rgb(0 0 0 / 25%) 0px 0px 0px 1px,rgb(0 0 0 / 20%) 0px 1px 3px 1px!important;}
html.dark .forminput-gallerytypes .dropdown-menu img{opacity:0.2;filter:invert(1);}
html.dark .forminput-photo .dropdown-menu input.search{border:0;box-shadow:rgb(0 0 0 / 25%) 0px 0px 0px 1px,rgb(0 0 0 / 40%) 0px 1px 3px 1px!important;}
html.dark .forminput-photos > ul li.addphoto > span{border-color:var(--color-grey2);}
html.dark .forminput-photos > ul li.addphoto > span:hover{color:var(--color-white);background:var(--color-dark1);}
html.dark .forminput-linktemplate li{border-color:var(--color-dark1);}
html.dark .forminput-linktemplate li.active{background:var(--color-dark1);}
html.dark .forminput-linktemplate li:not(.active):hover{background:var(--color-dark1);}
html.dark .form-fade-default-inputs input.is-default,
html.dark .form-fade-default-inputs select.is-default,
html.dark .form-fade-default-inputs input.is-default[type=checkbox] + span,
html.dark .form-fade-default-inputs .forminput.is-default{opacity:0.25;}
html.dark .form-fade-default-inputs p:hover select.is-default,
html.dark .form-fade-default-inputs p:hover input.is-default,
html.dark .form-fade-default-inputs p:hover input.is-default[type=checkbox] + span,
html.dark .form-fade-default-inputs p:hover .forminput.is-default{opacity:0.5;}
/*----------SPECIAL----------------------------------------*/
html.dark .form-search-collectionsearch input{border-color:#2a2a2a!important;background:none!important;}
html.dark div.element-menu.element-menu-collection h3 a.active.exact-active2{text-decoration:underline;}
html.dark div.element-menu.element-menu-collection h3 a:hover{text-decoration:underline;color:var(--color-white);}
html.dark div.element-menu.element-menu-collection h3 .dragover-active-valid a{color:var(--color-dragover)!important;background:var(--color-dragover-light)!important;}
html.dark ul.navigation-collection li > span > span.dropzone:hover a{color:var(--color-white);}
html.dark ul.navigation-collection li > span > span.dropzone.dragover-active-valid,
html.dark ul.navigation-collection li > span > span.dropzone:has(.dragover-active-valid:not(.collection-action):not(span.folder)){background:var(--color-dragover-light)!important;}
html.dark ul.navigation-collection li.active > span > span.dropzone{background:var(--color-dark2);}
html.dark ul.navigation-collection li.active > span > span.dropzone a{color:var(--color-white);}
html.dark ul.navigation-collection span.folder:not(.folder-empty){opacity:0.5;}
html.dark ul.navigation-collection span.folder:not(.folder-empty):hover{opacity:1;}
html.dark ul.navigation-collection span.collection-action:hover{color:var(--color-white);}
html.dark .container-action-dropzone .dropzone {color:var(--color-grey1);background:rgb(0 0 0 / 0.6);}
html.dark .dropzone-photoupload{color:var(--color-grey2);border-color:var(--color-grey1);}
html.dark .dropzone-photoupload:hover{color:var(--color-white);cursor:pointer;}
html.dark .filelist{border-color:var(--color-dark0);}
html.dark .modal-photoupdate span.no-match{color:#cb0000;}
html.dark div.element-content-settings-theme:has(iframe) form{box-shadow:0 0.1em 0.1em 0 rgb(0 0 0 / 60%);z-index:1;}
html.dark div.element-content-settings-theme:has(.fullsize){background:var(--color-dark3);}
html.dark .website-container-actionbuttons .button-primary{box-shadow:0.1em 0.15em 0.25em 0 rgb(0 0 0 / 33%);}
html.dark div.preview{background:var(--color-dark3);}
html.dark div.preview-header{background:var(--color-dark2);border-color:var(--color-dark1);box-shadow:inset 0 -1px 0px 0px var(--color-dark1);}
html.dark div.preview-mobile .preview-container{border-color:var(--color-dark3);}
/*----------EDITOR------------------------------------------*/
html.dark #editor{background:var(--color-dark2);}
html.dark #editor.fullsize{background:var(--color-dark3);}
html.dark #editor.fullsize #editor-menu{background:var(--color-dark2);box-shadow:inset 0 -1px 0px 0px var(--color-dark1);}
html.dark #editor.fullsize #editor-wysiwyg{background:var(--color-dark3);}
html.dark #editor.fullsize #editor-raw{background:var(--color-dark3);}
html.dark #editor-menu{border-color:var(--color-dark1);}
html.dark #editor-menu ul, html.dark #editor-menu ul li{border-color:var(--color-dark1);}
html.dark #editor-menu ul a{color:var(--color-grey1);}
html.dark #editor-menu ul a:not(.inactive):hover{color:var(--color-white);}
html.dark #editor-menu ul svg{fill:var(--color-grey1);}
html.dark #editor-menu ul a:not(.inactive):hover svg{fill:var(--color-white);}   
html.dark #editor-menu li.dropdown2-item ul.dropdown2-content {background:var(--color-dark2);box-shadow:0.1em 0.1em 0.3em 0 rgba(0,0,0,0.15);}
html.dark #editor-wysiwyg{color:var(--color-grey1);}
html.dark #editor-wysiwyg .button.button-primary{color:var(--color-dark3);background:var(--color-white);}
html.dark #editor-wysiwyg .button.button-secondary{color:var(--color-white);background:var(--color-grey2);}
html.dark #editor-wysiwyg > blockquote {border-color:var(--color-grey2);}
html.dark #editor-wysiwyg > div.mediatag{color:var(--color-white);border-color:var(--color-grey2);}
html.dark #editor-wysiwyg > div.mediatag:hover,
html.dark #editor-wysiwyg > div.mediatag.io-editor-block-active{}
html.dark #editor-actionicons{color:var(--color-white);}
html.dark #editor-actionicons:hover{color:var(--color-white);background:var(--color-dark2);}
html.dark:has(#editor-actionicons[style*="flex"]:hover) #editor-wysiwyg .io-editor-block-active:not(.mediatag) {background:var(--color-dark1);}
html.dark:has(.io-editor-block-active:not(.mediatag)) #editor-actionicons[style*="flex"]:hover{background:var(--color-dark1);}
/*facelift*/
html.dark{--color-dark3:#1e1e1e;}
html.dark header {background:#171717;box-shadow:0 0 0 1px #2a2a2a;z-index:1;}
html.dark main > content > aside{background:#171717;border-right:1px solid #2a2a2a;}
html.dark form #editor,
html.dark form .forminput,
html.dark form input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]), 
html.dark form select, 
html.dark form textarea{border-color:#343434;}