/*----------FONTS-------------------------------------------------------------------------*/
@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/Inter-Light.ttf');}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/Inter-Regular.ttf');}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/Inter-Medium.ttf');}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/Inter-SemiBold.ttf');}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/Inter-Bold.ttf');}

/*----------ICONS-------------------------------------------------------------------------*/
@font-face {font-family:'Material Symbols Outlined';font-style:normal;font-weight:300;src:url('../fonts/MaterialSymbolsOutlined.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;}

/*----------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;}
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 p {display:block;margin-bottom:1em;}
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 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;}
/*----------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 span{vertical-align:middle;}
header span.text{margin:0 0.25em;}
header span.material-symbols-outlined {font-size:1.8em;}
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.4em 0.8em;display:block;}
header nav ul li span.loader{margin:0.6em auto;font-size:0.95em;}
header span#navigation-toggle{z-index:1;font-size:1em;position:absolute;right:-1.3em;top:0.4em;}
header span#navigation-toggle:hover{cursor:pointer;}
html.navigation-collasped header h1 {text-align:center;}
html.navigation-collasped header span.text{display:none;}
html:not(.navigation-collasped) header nav ul li span.loader{margin-left:1.5em;}

/*----------MAIN-------------------------------------------*/
/*main nav, main content aside, main content section*/
main > nav > *, main > content > aside > *, main > content > section > *{padding:1em 1.5em;}
/*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;margin-right:0.5em;}
div.element-header{flex-direction:row;display:flex;align-items:center;white-space:nowrap;height:1.6em;}
div.element-header > *{padding:0.1em;}
div.element-header > *:first-child, div.element-header > *:last-child{padding-left:0;}
div.element-header > a.button{font-size:0.9em;padding:0.25em 0.5em;}
div.element-header > div.action{flex-grow:1;flex-direction:row;display:flex;justify-content:flex-end;align-items:center;}
div.element-header > div.action form{margin-right:0.5em;}
div.element-header > div.action a{margin-left:0.5em;}
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-links, div.element-header.element-header-categories{max-width:calc(30em + 0.2em);}
div.element-header.element-header-photos-set{margin-bottom:0.5em;}
div.element-header.element-header-photos-selectionbar {overflow-x:auto;overflow-y:hidden;}
div.element-menu h3{font-size:0.95em;font-weight:500;text-transform:uppercase;}
div.element-menu h3:not(:first-child){margin-top:2em;}
div.element-menu ul.navigation{list-style:none;}
div.element-menu ul.navigation li > a{padding:0.1em 0.6em;margin:0.2em 0;min-width:12em;display:block;}
div.element-menu.element-menu-collection{padding-left:0;padding-right:0;}
div.element-menu.element-menu-collection h3 a{padding: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;}
/*dragbar*/
main > content > aside {position:relative;}
#dragbar{width:2px;margin:0;padding:0;height:100%;position:absolute;top:0;right:0;cursor:col-resize;}
main > content.dragging{cursor:col-resize;}
/*----------CONTENT----------------------------------------*/
/*elements:h3,h4*/
content h3{font-size:1.3em;font-weight:600;text-transform:none;}
content h4{font-size:1.2em;}
/*elements:p*/
content p{text-align:left;}
/*elements:ul,ol*/
content ul{list-style:none;}
/*elements:form*/
content form label.disabled{opacity:0.5;}
content form label .textsmall{line-height:0.9em;}
content form label .textsmaller{line-height:0.8em;}
content form input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]), content form select, content form textarea{border-width:1px;border-style:solid;}
content form input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]){width:100%;max-width:44em;}
content form input.wide:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]){max-width:unset;}
content form input:read-only{}
content form select:hover{cursor:pointer;}
content form textarea{line-height:1.5em;}
content form textarea:not(.textarea-code){font-family:"Inter",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;}
content form div.preview{margin-left:0.5em;display:inline-block;}
content form :is(input, select, .forminput, a.button) + :is(input, select, .forminput, a.button){margin-left:0.5em;}
/*elements:table*/
content table{border-width:1px;border-style:solid;}
content table thead th{text-align:left;font-weight:500;text-transform:uppercase;}
content table tbody td{border-width:1px 0 0 0;border-style:solid;}

/*#########################################################*/
/*##########CLASSES########################################*/
/*#########################################################*/
/*----------GENERAL----------------------------------------*/
.padding{padding:0.5em;}
.margintop{margin-top:0.75em;}
.marginbottom{margin-bottom:0.75em;}
.textsmall{font-size:0.9em;}
.textsmaller{font-size:0.8em;}
.floatright{float:right}
.floatleft{float:left;}
.displaynone{display:none;}
.info{font-weight:300;}
.error {color:#cb0000;}
.highlighttext{background:yellow;}
.hover-pointer:hover{cursor:pointer;}
.hover-strikethrough:hover{cursor:pointer;text-decoration:line-through;}
.resize-horizontal{resize:horizontal;}
@media (max-width:1300px){.screen-1300-hide{display:none!important;}}
@media (max-width:1600px){.screen-1600-hide{display:none!important;}}
a[target=_blank]:not(:has(img))::after{content:"\2197";margin-left:0.1em;}

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

/*badge*/
.badge{padding:0.3em 0.4em;margin-right:0.5em;font-size:0.85em;font-weight:400;}

/*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;}
.button:hover {text-decoration:none;cursor:pointer;}
.button-large {padding:0.75em;}
.button-small {font-size:0.95em;}
.button-tiny {font-size:0.9em;}
.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;}

/*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;}

/*form-header*/
.form-header{overflow:hidden;flex:auto;display:flex;justify-content:space-between;}
.form-header input.search{width:16em!important;}

/*error-list*/
.error-list{margin-top:1em;margin-bottom:0;}
.error-list li{display:inline;}

/*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;}

/*dragging/dropover*/
.dropitem, .dragitem{display:inline-block;}
.dragging-active{opacity:0.8;border-style:dashed!important;}
.dragover-active {}
.dragover-active-valid, .dragover-active-valid *{text-shadow:0 0 0.2em #009920;color:#009920!important;}
.container-dragging-active{border-style:dashed!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;}

/*----------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;background:#fcfcfc;}
ul.itemlist li.dragging-active{border-width:1px;border-style:solid;}
/*itemlist-set*/
ul.itemlist-set li {padding:0.25em;}
ul.itemlist-set li span {height:4em;line-height:4em;display:inline-block;vertical-align:middle;}
ul.itemlist-set li span.material-symbols-outlined{vertical-align:bottom;}
ul.itemlist-set li span.title {margin:0 4em 0 0.5em;}
ul.itemlist-set li span.cover {float:right;}
ul.itemlist-set li span.cover img{height:100%;width:initial;display:inline-block;}
ul.itemlist-set img {opacity:0;}
ul.itemlist-set img.loaded {opacity:1;transition:0.5s linear;}
/*itemlist-links*/
ul.itemlist-links{min-width:30em;max-width:60em;margin-right:1em;}
ul.itemlist-links li{padding:0.4em 0.6em;line-height:1.6em;}
ul.itemlist-links li.sub {margin-left:2em;}
/*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.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;}
ul.textlist-articles img {opacity:0;}
ul.textlist-articles img.loaded {opacity:1;transition:0.5s linear;}
/*photolist*/
ul.photolist li {width:20%;padding:1em;display:block;float:left;box-sizing:border-box;text-align:center;} 
ul.photolist li > span{width:100%;padding-top:calc(66.6% + 1.5em);display:block;position:relative;}
ul.photolist li > span > span {width:100%;display:block;position:absolute;top:calc(100% - 1.5em);font-size:0.75em;line-height:1.25em;}
ul.photolist li > span > span span.material-symbols-outlined{vertical-align:middle;}
ul.photolist li > span img {width:100%;height:calc(100% - 1.5em);display:block;position:absolute;top:0;object-fit:contain;}
ul.photolist li:hover {cursor:pointer;}
ul.photolist li {border-width:1px;border-style:solid;}
ul.photolist img {opacity:0;}
ul.photolist img.loaded {opacity:1;transition:0.5s linear;}
ul.photolist.container-dragging-active li:hover {background:none;}
ul.photolist.container-dragging-active li.dragging-active{}
/*taglist*/
ul.taglist{max-width:80em;}
ul.taglist li {display:inline;}

/*----------MODAL/PROMPT-----------------------------------*/
/*modal,prompt*/
div.modal, div.prompt {position:fixed;z-index:101;left:0;top:0;padding:0;width:100%;height:100%;overflow:auto;}
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-default, div.promptcontainer-default {width:60%;max-width:64em;}
div.modalcontainer-large, div.promptcontainer-large {width:80%;}
@media (max-width:1280px){
   div.modalcontainer-large, div.promptcontainer-large {width:90%;}
}
/*modal*/
div.modalcontainer{margin:2em auto;}
div.modalelement-header, div.modalelement-main, div.modalelement-footer {padding:1em;width:100%;box-sizing:border-box;}  
div.modalelement-header {flex-direction:row;display:flex;align-items:center}
div.modalelement-header h1 {flex-grow:1;}
div.modalelement-header h1 span.id{opacity:0.2;}
div.modalelement-header h1 span.id:hover{opacity:0.8;}
div.modalelement-header h1 span.id::before {content: "(#";}
div.modalelement-header h1 span.id::after {content: ")";}
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.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;}
div.promptelement-header h1 {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-------------------------------------------*/
/*layout-sidebyside*/
@media (min-width:1000px){
  .layout-sidebyside{padding:0.25em 0;}
  .layout-sidebyside h4{font-size:1.1em;font-weight:600;padding-top:2em;padding-bottom:0.2em;border-width:0 0 1px 0;border-style:solid;}
  .layout-sidebyside h4:first-child{padding-top:0;}
  .layout-sidebyside p{padding:0.8em 0;margin:0;}
  .layout-sidebyside p:not(.not-layout-sidebyside){display:flex;justify-content:space-between;align-items:center;}
  .layout-sidebyside p:first-child{border-width:1px 0 1px 0;border-style:solid;}
  .layout-sidebyside p{border-width:0 0 1px 0;border-style:solid;}
  .layout-sidebyside p:not(.not-layout-sidebyside) > *:not(:first-child){margin-left:0.5em;}
  .layout-sidebyside p > *{order:3;}
  .layout-sidebyside p label{flex:1;order:1;}
  .layout-sidebyside p div.preview{order:2;}
  .layout-sidebyside p label span.info{display:block;}  
  .layout-sidebyside-maxwidth p{max-width:50em;}
}
@media (max-width:999px){
  .layout-sidebyside p label span.info{display:block;line-height:1em;margin-bottom:0.5em;} 
}

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

/*forminput*/
.forminput{padding:0.2em;border-width:1px;border-style:solid;}
.forminput .dropdown{margin:0.5em 0 0 -0.2em;position:absolute;border-width:1px;border-style:solid;}
.forminput .dropdown ul{border-width:1px 0 0 0;border-style:solid;max-height:32em;overflow-y:auto;margin:0;}
.forminput .dropdown li{border-width:0 0 1px 0;border-style:solid;padding:0.25em;}
.forminput .dropdown li:last-child{border-width:0;}
.forminput:has(.dropdown){position:relative;}
.forminput .dropdown{z-index:1;}
div.prompt .forminput, .forminput.forminput-photo, div.modal .form-linkmodal .forminput-gallerytypes {position:initial;}
@media (max-height:980px){
  div.modal .form-linkmodal .forminput-gallerytypes .dropdown {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);box-shadow:0.1em 0.2em 0.3em 0 rgba(0,0,0,0.2), 0 0 0 999em rgba(0,0,0,0.25)!important;}
}
.form-galleryprompt .forminput-gallerytypes .dropdown {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);box-shadow:0.1em 0.2em 0.3em 0 rgba(0,0,0,0.2), 0 0 0 999em rgba(0,0,0,0.25)!important;}

/*forminput-gallerytypes*/
.forminput-gallerytypes{display:inline-block;}
.forminput-gallerytypes .selected{display:flex;flex-flow:space-between;flex-wrap:nowrap;align-items:center;}
.forminput-gallerytypes .selected :first-child{margin:0 0.5em 0 0.5em;font-size: 0.9em;}
.forminput-gallerytypes .selected :last-child{font-size:1.2em;font-weight:600;margin-top:0.1em;}
.forminput-gallerytypes .dropdown li{padding:0.5em;display:flex;flex-wrap:nowrap;align-items:center;}
.forminput-gallerytypes .dropdown li img{width:3em;height:auto;margin-right:1em;}

/*forminput-photo*/
.forminput-photo{padding:0.25em;max-width:28em;display:flex;flex-direction:column;}
.forminput-photo .selected, 
.forminput-photo .option{display:flex;flex-flow:space-between;flex-wrap:nowrap;}
.forminput-photo .selected > p, 
.forminput-photo .option{flex:1;display:flex;}
.forminput-photo .selected > p span.description, 
.forminput-photo .option > span.description{flex:1;width:10em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.forminput-photo .selected > span{flex:none;line-height:1em;}
.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{margin:0;min-width:29em;}
.forminput-photo .dropdown input{border:0!important;}
.forminput-photo .dropdown li p.option-none{height:3em;line-height:3em;}
.forminput-photo .dropdown li span.description{font-size:0.8em;}
.forminput-photo .dropdown li.info {padding:0.5em;font-size:0.9em;}

/*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% - 1em);padding-bottom:calc(33.3% - 1em);}
.forminput-photos > ul img {opacity:0;}
.forminput-photos > ul img.loaded {opacity:1;transition:0.5s linear;}

/*forminput-linktemplate*/
.forminput-linktemplate {padding:0;border-width:1px;border-style:solid;}
.forminput-linktemplate li {width:25%;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(4n){border-width:0 0 1px 0;}
.forminput-linktemplate li:not(.active):hover{cursor:pointer;}

/*----------SPECIAL----------------------------------------*/
/*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;}
ul.navigation-collection span.dropzone > a{flex:1;}
ul.navigation-collection span.folder {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{content:"\25BC";visibility:visible;} 
ul.navigation-collection span.folder.folder-closed:before{content:"\25B6";visibility:visible;} 
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';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';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';white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}
ul.navigation-collection li .dragover-active-valid a:not(.set) {color:#009920;}
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.3em;}
ul.navigation-collection a.set-opened::before,
ul.navigation-collection a.set-closed::before,
ul.navigation-collection a.album::before{margin-left:-1.2em;}

/*container-dropzone-photo,dropzone-photo*/
.container-dropzone-photo {position:absolute;bottom:1em;margin-left:1em;}
.dropzone-photo {float:left;margin-right:1em;padding:0.5em;font-weight:500;display:block;border-width:1px;border-style:dashed;}
.dropzone-photo.dragover-active{border-width:1px;border-style:dashed;border-color:#009920;color:#009920!important;}

/*dropzone-photoupload*/
.dropzone-photoupload{border-width:2px;border-style:dashed;padding:0.5em;}
.dropzone-photoupload span.material-symbols-outlined{display:block;font-size:3.5em;margin-bottom:0.1em;}

/*form-photosearch*/
.form-photosearch div{display:flex;flex-direction:row;align-items:center;}
.form-photosearch label:not(.optionlabel){margin-right:0.25em;}
.form-photosearch label:not(.optionlabel):not(:first-child){margin-left:1em;}
.form-photosearch input:not([type="checkbox"]), form.photolist-form select, form.photolist-form label.optionlabel{margin-right:1em;}
.form-photosearch input:is([type="checkbox"]){margin-left:1.5em!important;}
.form-photosearch select.tags{max-width:10em;}
.form-photosearch ul.filter-summary {margin-top:0.25em;font-size:0.8em;display:flex;flex-direction:row;}
.form-photosearch ul.filter-summary li:hover{text-decoration: line-through;cursor:pointer;}
.form-photosearch ul.filter-summary li:not(:last-child)::after{content:",";margin-right:0.25em;}
/*form-photosort*/
.form-photosort {display:flex;flex-direction:row;align-items:baseline;}
.form-photosort div{display:flex;flex-direction:row;align-items:baseline;}
.form-photosort label{margin-right:0.25em;display:inline-block;}
.form-photosort label:nth-child(3){margin-left:0.5em;}
.form-photosort input[type=range]{width:6em!important;height:0;position:relative;top:0.25em;}
/*form-photosearch/form-photosort responsive*/
@media (max-width:2200px){
  .form-photosearch div.dropdown-item{height:100%;}
  .form-photosearch div.dropdown-item label span {vertical-align:text-bottom;}
  .form-photosearch div.dropdown-content{display:none;}
  .form-photosearch div.dropdown-item:hover div.dropdown-content,
  .form-photosearch div.dropdown-item:focus-within div.dropdown-content{display:block!important;}
  .form-photosearch div.dropdown-content{background:#fff;padding:0.75em;position:absolute;top:2.75em;z-index:1;}
  .form-photosearch div.dropdown-content > *{display:inline-block;float:left;}
  .form-photosearch div.dropdown-content > label:not(.optionlabel):not(:first-child){clear:left;margin-left:0;}
  .form-photosearch div.dropdown-content > label:not(.optionlabel){line-height:2.4em;width:2.4em;}
  .form-photosearch div.dropdown-content > label:not(.optionlabel):not(:first-of-type){margin-top:0.4em;}
  .form-photosearch div.dropdown-content > select:not(:first-of-type){margin-top:0.5em;}
  .form-photosearch div.dropdown-content > label.optionlabel{margin-top:1.1em;}
  .form-photosearch div.dropdown-content > input[type="checkbox"]{clear:left;margin-top:1.4em;margin-left:0!important;}
}
@media (min-width:2201px){
   .form-photosearch ul.filter-summary{display:none;}
   .form-photosearch div.dropdown-item > label:first-child{display:none!important;}  
}
@media (max-width:1600px){
  .form-photosort div.dropdown-item > label{line-height:2.1em;}
  .form-photosort {align-items:center;margin-right:0!important;}
  .form-photosort div.dropdown-item label span {vertical-align:text-bottom;}
  .form-photosort div.dropdown-content{display:none;}
  .form-photosort div.dropdown-item:hover div.dropdown-content,
  .form-photosort div.dropdown-item:focus-within div.dropdown-content{display:block!important;}
  .form-photosort div.dropdown-content{background:#fff;padding:0.75em;position:absolute;top:2.75em;z-index:1;}
  .form-photosort div.dropdown-content > *{display:inline-block;float:left;}
  .form-photosort div.dropdown-content > *:nth-child(1){margin-top:0.4em;}
  .form-photosort div.dropdown-content > *:nth-child(2){margin-top:0.2em;}
  .form-photosort div.dropdown-content > *:nth-child(3){clear:left;margin-top:1.6em;margin-left:0;}
  .form-photosort div.dropdown-content > *:nth-child(4){margin-top:1.2em;}
}
@media (min-width:1601px){
   .form-photosort div.dropdown-item > label:first-child{display:none!important;}  
}

/*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 - 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;padding:0.5em 0;}
.modal-photoupload span.button{margin-bottom:1em;}
.modal-photoupload p{text-align:center;margin-bottom:0;}
.modal-photoupload p.dropzone-photoupload{margin-top:-0.5em;margin-bottom:1em;}
.modal-photoupload img{width:auto;height:4em;margin:0.1em;padding:0;display:inline-block;vertical-align:top;max-width:16em;object-fit:contain;}
.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{max-width:80em;width:96%;}
.modal-photo .photocontainer{display:flex;}
.modal-photo .photocontainer > *:first-child{flex:1;}
.modal-photo .photocontainer > *:first-child input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]){max-width:100%;}
 /*.modal-photo .photocontainer > *:first-child textarea{height:23.6em;}*/
.modal-photo .photocontainer > *:last-child{margin-left:4em;}
.modal-photo .photocontainer > *:last-child img{margin:0 auto;max-width:42em;max-height:42em;min-width:10em;min-height:10em;width:auto;height:auto;}
.modal-photo .photocontainer > *:last-child img.landscape{width:42em;}
.modal-photo .photocontainer > *:last-child img.portrait{width:22em;}
.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.9em;}
.modal-photo .photocontainer2{display:flex;}
.modal-photo .photocontainer2 > *:not(:last-child){flex:1;}
.modal-photo .photocontainer2 > *:last-child{margin-left:4em;}
.modal-photo .photocontainer2 > *:last-child img{margin:0 auto;max-width:22em;max-height:22em;width:auto;height:auto;}
.modal-photo .photocontainer2 > *:last-child p{margin-bottom:0;font-size:0.9em;text-align:center;}
.modal-photo .layout-sidebyside p{max-width:36em;}
/*link-modal*/
.linkmodaltabelement-main input.input-template{width:12em!important;}
.linkmodaltabelement-main input.input-referenceid{width:12.5em!important;}
.link-modal-tab-customsettings textarea.textarea-customsettings,
.link-modal-tab-customhtml textarea.textarea-customhtml,
.link-modal-tab-customcss textarea.textarea-customcss{height:24em;}

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

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

/*----------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;}
#editor.fullsize #editor-menu{padding:0.5em 10%;border:0;}
#editor.fullsize #editor-wysiwyg{height:calc(100vh - 3.7em)!important;padding:0.75em 10%;}
#editor.fullsize #editor-raw{height:calc(100vh - 4em)!important;margin-top:0.25em;margin-bottom:-1em;padding:0.5em 10%;}
/*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.right:nth-last-child(3) li{border-width:0 0 0 1px;border-style:solid;}
#editor-menu ul.right:nth-last-child(3){flex:auto;border:0;}
#editor-menu ul.right:nth-last-child(3)::before{content:" ";flex:auto;}
#editor-menu li.dropdown-item {position:relative;z-index:1;}
#editor-menu li.dropdown-item ul.dropdown-content {background:#fff;display:none;position:absolute;left:-1px;border-width:1px;border-style:solid;}
#editor-menu li.dropdown-item ul.dropdown-content li {display:block;}
#editor-menu li.dropdown-item ul.dropdown-content li a{display:block;white-space:nowrap;}
#editor-menu li.dropdown-item:hover .dropdown-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;font-weight:700;}
#editor-menu a:hover{cursor:pointer;}
#editor-menu a sup{vertical-align:super;font-size:65%;}
/*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 > *{user-select:auto;}
#editor-wysiwyg *:first-child{margin-top:0;}
#editor-wysiwyg > *:not(a) {padding:0.1em 0.35em;margin:0.25em 0 0.25em -0.05em;}
#editor-wysiwyg > ul,#editor-wysiwyg > ol{padding-left:0.75em;}
#editor-wysiwyg > h2, #editor-wysiwyg > h3, #editor-wysiwyg > h4, #editor-wysiwyg > h5, #editor-wysiwyg > h6{line-height:1.8em;margin-top:1em;margin-bottom:0;text-transform:none;line-height:initial;}
#editor-wysiwyg > h2 + p, #editor-wysiwyg > h3 + p, #editor-wysiwyg > h4 + p{margin-top:0;}
#editor-wysiwyg h2, #editor-wysiwyg h3, #editor-wysiwyg h4,#editor-wysiwyg h5,#editor-wysiwyg h6{font-weight:500;}
#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 {padding-left:0.5em;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.25em;box-shadow:none;}
#editor-wysiwyg > div.mediatag{opacity:0.5;border-width:1px;border-style:dashed;display:flex;align-items:center;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 {line-height:1em;font-size:4em;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.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.highvisibility,
#editor-actionicons:hover{opacity:1;} 
#editor-actionicons span{opacity:0.6;padding:0.1em;}
#editor-actionicons span:hover{opacity:1;cursor:pointer;}


/*##################################################################################################################*/
/*##########THEMES##################################################################################################*/
/*##################################################################################################################*/
.button, .badge, .toast, .modalcontainer, .promptcontainer, .forminput,
content form input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]), content form select, content form textarea,
header nav ul li a, main > nav > div > ul a, main > content > aside > div > ul a,
content #editor,
ul li.addphoto > span,
.form-photosearch div.dropdown-content, .form-photosort div.dropdown-content,
.forminput:not(.forminput-photo) .dropdown
{border-radius:0.2rem;}
#editor-wysiwyg > * {border-radius:0.2em;}
#editor-wysiwyg > div.mediatag, #editor-actionicons{border-radius:0.4em;}
.modalelement-header {border-radius:0.2rem 0.2rem 0 0;}
.dropzone-photoupload {border-radius:0.4rem;}
#editor.fullsize, #editor.fullsize textarea, .forminput input{border-radius:0;}
.forminput input{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;}
header span#navigation-toggle{border-radius:1em;}

/*#########################################################*/
/*##########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 span#navigation-toggle{background:var(--color-white);box-shadow:0.02em 0.02em 0.2em 0 #12131463;}
html.light header span#navigation-toggle:hover{background:var(--color-secondary-light);}
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);background:var(--color-secondary-light);}
html.light header nav ul li a.active {color:var(--color-primary);background:var(--color-primary-light);}
html.light header nav ul li a.upgradelink{color:#f54278;}
html.light header nav ul li a.upgradelink:hover, html.light header nav ul li a.upgradelink.active {color:#f54278;background:#fff0f4;}
/*----------MAIN-------------------------------------------*/
html.light main > nav, html.light main > content > aside{border-right:1px solid var(--color-secondary-light);}
html.light main > nav h3, html.light main > content > aside h3{color:var(--color-secondary);}
html.light main > nav h3 a, html.light main > content > aside h3 a{color:var(--color-black);}
html.light main > nav h3 a:hover, html.light main > content > aside h3 a:hover{color:var(--color-secondary-dark);}
html.light main > nav > div > ul a, html.light main > content > aside > div > ul a{color:var(--color-secondary-dark);}
html.light main > nav > div > ul li > a:hover, html.light main > content > aside > div > ul li > a:hover{color:var(--color-secondary-dark);background:var(--color-secondary-light);}
html.light main > nav > div > ul li > a.active, html.light main > content > aside > div > ul li > a.active{color:var(--color-primary);background:var(--color-primary-light);}
html.light div.element-header.element-header-photos{position:relative;z-index:1;box-shadow:0 0.12em 0.15em 0 rgb(18 19 20 / 0.1);}
/*----------CONTENT----------------------------------------*/
html.light content a {color:var(--color-primary);}
html.light content a:hover {color:var(--color-primary-grey);}
html.light content table{border-color:var(--color-secondary-light);}
html.light content table thead th{color:var(--color-secondary-dark);background:var(--color-secondary-lighter);}
html.light content table tbody td{border-color:var(--color-secondary-light);}
html.light content table, html.light content table tbody tr:first-child td{border-color:#e6e9ed;}
html.light content table{box-shadow:0.5px 1px 2px 0 rgba(0,0,0,0.04);}


/*##########CLASSES########################################*/
/*----------GENERAL----------------------------------------*/
/*badge*/
html.light .badge-default{color:#585c65;background:#f4f5f6;}
html.light .badge-success{color:#19bd55;background:#ebfff2;}
html.light .badge-error{color:#d41c35;background:#ffebed;}
html.light .badge-warning{color:#b4a01c;background:#fffade;}
html.light .badge-info{color:#2465ff;background:#ebf1ff;}
/*toast*/
html.light .toast-default{color:#585c65;background:#f4f5f6;}
html.light .toast-success{color:#19bd55;background:#ebfff2;}
html.light .toast-error{color:#d41c35;background:#ffebed;}
html.light .toast-warning{color:#b4a01c;background:#fffade;}
html.light .toast-info{color:#2465ff;background:#ebf1ff;}
/*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: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: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:hover {color:var(--color-white);background:#f51e40;}
html.light .button-link {color:var(--color-secondary);}
html.light .button-link:hover {color:var(--color-secondary-dark);text-decoration:underline;}
html.light .button-primary .loader{border-color:var(--color-white) #3d7eff #3d7eff #3d7eff;}
/*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);}
/*tag*/
html.light .tag {border-color:var(--color-secondary-light);}
html.light .tag.hover-pointer:hover {background:var(--color-secondary-lighter);}
/*loader*/
html.light .loader {border-color:#ccc #f1f1f1 #f1f1f1 #f1f1f1;}
/*watermark-image*/
html.light img.watermark-image{border-color:var(--color-secondary-light);}
html.light img.watermark-image:hover{background:#000;}
/*clickeffect*/
html.light .clickeffect:after, html.light .clickeffect:active:after {color:var(--color-primary);}
/*----------LISTS------------------------------------------*/
html.light ul.textlist, html.light ul.itemlist {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.textlist li, html.light ul.itemlist li{border-color:var(--color-secondary-light);}
html.light ul.textlist li:hover, html.light ul.itemlist li:hover, html.light ul.photolist li:hover{background:var(--color-secondary-lighter);}
html.light content:not(.dragging) ul.photolist li:hover {background:var(--color-secondary-light);}
html.light ul.photolist li.selected {background:var(--color-secondary-light);}
html.light ul.photolist li {border-color:var(--color-white);}
/*----------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);}
html.light div.modalelement-header a.close:hover {color:var(--color-secondary-dark);}
html.light div.modalelement-footer {border-color:var(--color-secondary-light);}
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="radio"]):not([type="range"]), 
html.light form select, 
html.light form textarea{background:var(--color-white);border-color:#ecefff;box-shadow:rgb(180 180 180 / 10%) 0px 0px 0px 1px,rgb(180 180 180 / 5%) 0px 1px 2px 1px;}
html.light form #editor:focus-within,
html.light form .forminput.focus,
html.light form input:not([type="submit"]):not([type="reset"]):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 .layout-sidebyside p, html.light .layout-sidebyside h4{border-color:var(--color-secondary-light);}
html.light form select:hover:not(:focus),
html.light form .forminput.hover:hover{background:var(--color-secondary-lighter);}
html.light form .forminput .dropdown{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 div.prompt form .forminput .dropdown{box-shadow:0.1em 0.3em 0.3em 0 rgba(0,0,0,0.25)}
html.light form .forminput .dropdown ul{border-color:var(--color-secondary-light);}
html.light form .forminput .dropdown li{border-color:var(--color-secondary-light);}
html.light form .forminput .dropdown li:hover{background:var(--color-secondary-lighter);}
html.light .forminput-gallerytypes .dropdown img{opacity:0.2;}
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 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 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:has(.dragover-active-valid){background:#e0fee6;}
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 span.folder:not(.folder-empty){opacity:0.15;}
html.light ul.navigation-collection span.folder:not(.folder-empty):hover{opacity:1;}
html.light .dropzone-photo {color:var(--color-secondary-grey);background:rgb(255, 255, 255, 0.9);}
html.light .dropzone-photoupload{color:var(--color-secondary);}
@media (max-width:2200px){
   html.light .form-photosearch div.dropdown-content{background:var(--color-white:);box-shadow:0 0 0.25em 0 #1213144a;}
}
@media (max-width:1600px){
   html.light .form-photosort div.dropdown-content{background:var(--color-white:);box-shadow:0 0 0.25em 0 #1213144a;}
}
html.light .modal-photoupdate span.no-match{color:#cb0000;}
/*----------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-lighter);}
html.light #editor-menu li.dropdown-item ul.dropdown-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-light);background:var(--color-secondary-lighter);}
html.light #editor-wysiwyg > *:not(a):hover, html.light #editor-wysiwyg .box{background:var(--color-secondary-light);}
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-wysiwyg > *:not(a):hover, html.light #editor-wysiwyg > *.io-editor-block-active{background:var(--color-secondary-light);}
html.light #editor-actionicons{}
html.light #editor-actionicons: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 span#navigation-toggle{color:var(--color-grey1);background:var(--color-dark0);box-shadow:0.02em 0.02em 0.2em 0 rgb(0 0 0 / 40%);}
html.dark header span#navigation-toggle:hover{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);}
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 #fff;}
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);}
/*----------MAIN-------------------------------------------*/
html.dark main > nav, html.dark main > content > aside{background:var(--color-dark2);border-right:1px solid var(--color-dark2);}
html.dark main > nav h3, html.dark main > content > aside h3{color:var(--color-white);}
html.dark main > nav h3 a, html.dark main > content > aside h3 a{color:var(--color-white);}
html.dark main > nav h3 a:hover, html.dark main > content > aside h3 a:hover{color:var(--color-grey1);}
html.dark main > nav > div > ul a, html.dark main > content > aside > div > ul a{color:var(--color-grey2);}
html.dark main > nav > div > ul li > a:hover, html.dark main > content > aside > div > ul li > a:hover{color:var(--color-white);}
html.dark main > nav > div > ul li > a.active, html.dark main > content > aside > div > ul li > a.active{color:var(--color-white);}
html.dark div.element-header h2{font-weight:400;}
html.dark div.element-header.element-header-photos{position:relative;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 content a {color:var(--color-primary2);}
html.dark content a:hover {color:var(--color-primary-light2);}
html.dark content table{border-color:var(--color-dark1);}
html.dark content table thead th{color:var(--color-white);background:var(--color-dark2);}
html.dark content table tbody td{border-color:var(--color-dark1);}

/*##########CLASSES########################################*/
/*----------GENERAL----------------------------------------*/
html.dark .highlighttext{color:var(--color-dark3);}
/*badge*/
html.dark .badge-default{color:rgb(240 240 240);background:rgb(41 41 41);border:1px solid rgb(76 76 76);}
html.dark .badge-success{color:rgb(32 206 95);background:rgb(30 39 33);border:1px solid rgb(30 72 45);}
html.dark .badge-error{color:rgb(225 33 33);background:rgb(39 30 30);border:1px solid rgb(76 31 31);}
html.dark .badge-warning{color:rgb(220 203 61);background:rgb(39 38 31);border:1px solid rgb(75 71 37);}
html.dark .badge-info{color:rgb(39 148 255);background:rgb(30 36 41);border:1px solid rgb(32 59 84);}
/*toast*/
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 203 61);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: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:hover {color:var(--color-white);background:var(--color-dark1);}
html.dark .button-danger {color:var(--color-white);background:#ff2424}
html.dark .button-danger:hover {color:var(--color-white);background:#f51e40;}
html.dark .button-link {color:var(--color-grey1);}
html.dark .button-link:hover {color:var(--color-white);text-decoration:underline;}
html.dark .button-primary .loader{border-color:var(--color-white) var(--color-primary-light) var(--color-primary-light) var(--color-primary-light);}
/*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);}
/*tag*/
html.dark .tag {border-color:var(--color-dark1);background:var(--color-dark2);}
html.dark .tag.hover-pointer:hover {color:var(--color-white);}
/*loader*/
html.dark .loader {border-color:var(--color-grey1) #464646 #464646 #464646;}
/*watermark-image*/
html.dark img.watermark-image{border-color:var(--color-dark1);}
html.dark img.watermark-image:hover{background:#fff;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 {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.textlist li, html.dark ul.itemlist li{border-color:var(--color-dark1);}
html.dark ul.textlist li:hover, html.dark ul.itemlist li:hover, html.dark ul.photolist li:hover{background:var(--color-dark2);}
html.dark content:not(.dragging) ul.photolist li:hover {background:var(--color-dark2);}
html.dark ul.photolist li.selected {background:var(--color-dark1);}
html.dark ul.photolist li {border-color:var(--color-dark3);}
/*----------MODAL/PROMPT-----------------------------------*/
html.dark div.modal, 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-grey2);}
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 {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="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 #editor:focus-within,
html.dark form .forminput.focus,
html.dark form input:not([type="submit"]):not([type="reset"]):not([type="radio"]):not([type="range"]):focus, 
html.dark form select:focus, 
html.dark form textarea:focus{color:var(--color-white);border-color:#424242;}
html.dark .layout-sidebyside p, html.dark .layout-sidebyside h4{border-color:var(--color-dark2);}
html.dark form .forminput .dropdown{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 div.prompt form .forminput .dropdown{}
html.dark form select:hover:not(:focus),
html.dark form .forminput.hover:hover{background:var(--color-dark1);}
html.dark form .forminput .dropdown ul{border-color:var(--color-dark1);}
html.dark form .forminput .dropdown li{border-color:var(--color-dark1);}
html.dark form .forminput .dropdown li:hover{background:var(--color-dark1);}
html.dark .forminput-gallerytypes .dropdown img{opacity:0.2;filter:invert(1);}
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);}
/*----------SPECIAL----------------------------------------*/
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 ul.navigation-collection li > span > span.dropzone:hover a{color:var(--color-white);}
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.15;}
html.dark ul.navigation-collection span.folder:not(.folder-empty):hover{opacity:1;}
html.dark .dropzone-photo {color:var(--color-grey1);background:rgb(0 0 0 / 0.6);}
html.dark .dropzone-photoupload{color:var(--color-grey2);}
@media (max-width:2200px){
   html.dark .form-photosearch div.dropdown-content{background:var(--color-dark3);box-shadow:0 0 0.3em 0 rgb(0 0 0)}
}
@media (max-width:1600px){
   html.dark .form-photosort div.dropdown-content{background:var(--color-dark3);box-shadow:0 0 0.3em 0 rgb(0 0 0)}
}
html.dark .modal-photoupdate span.no-match{color:#cb0000;}
/*----------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 li.dropdown-item ul.dropdown-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);background:var(--color-dark1);}
html.dark #editor-wysiwyg > *:not(a):hover, html.dark #editor-wysiwyg .box{background:var(--color-dark1);}
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-wysiwyg > *:not(a):hover, html.dark #editor-wysiwyg > *.io-editor-block-active{background:var(--color-dark1);}
html.dark #editor-actionicons{color:var(--color-white);}
html.dark #editor-actionicons:hover{color:var(--color-white);background:var(--color-dark1);}