#backend_verify_wrapper {
        margin: 5px auto 5px auto;
        font: 500 11px/16px Verdana,Arial,Helvetica,sans-serif; 
        border: 0 none; background: 0 none;
      }
      #backend_verify_wrapper h4,
      #backend_verify_wrapper .serendipity_admin_title {
        margin-top: 80px;
        text-decoration: underline;
      }
      #backend_verify_wrapper .serendipity_admin_title {
        /* sets the checksumtitle to be as h4 */
        font-size: 125%;
        font-weight: bold;
      }
      #backend_verify_wrapper .serendipityAdminMsgError {
        text-align: left;
      }
      .backend_verify_blue { font-weight: normal; }
      div.backend_verify_nav { float: right; background-color: #EEEEEE; background: -moz-linear-gradient(top, #EEEEEE, #5792d8); width: 24em; margin: 1em auto; border: solid; }
      div.backend_verify_nav ul li#active { border-bottom: 1px solid #888; background-color: #FFD700; background: -moz-linear-gradient(left 20deg, #E0E0E0, #D5BFC0); }
      div.backend_verify_menu { background-color: #F0F0F0; background: -moz-linear-gradient(left 20deg, #F0F0F0, #5792d8); border: 1px solid #777; padding: 0 0 0 20px; }
      div.backend_verify_head { background-color:#D5BFC0; background: -moz-linear-gradient(left 20deg, #D5BFC0, #F0F0F0); border:1px solid red; margin:20px 0 0 0px; padding: 4px 20px; float:left; }
      img.backend_attention { width: 22px; height: 22px; border: 0 none; padding-right: 4px; vertical-align: middle; }
      

/* auto include templates/default/style_fallback.css */

/* This is the templates/default/style_fallback.css file.
   It emits CSS rules that all templates should have.
   Classes are declared on top of the file, so if you
   want to make changes in your own template, you
   should override the rules on the bottom of your
   style.css or user.css template stylesheet file.
   IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */

/* default sizing for specific form element */
input[type="button"], input[type="checkbox"] {
    width: auto; }

figure {
    text-align: center;
    border: solid 1px #ccc;
    border-radius: 2px;
    background: rgba(0,0,0,0.05);
    padding: 10px;
    margin: 10px 20px;
    display: inline-block; }
    figure > figcaption {
      text-align: center; }

#serendipity_error_top {
    position: relative;
    top: 0;
    left: 0;
    z-index: 999;
    width: auto;
    height: auto;
    max-height: 11em;
    overflow-x: auto;
    padding: .5em;
    border-bottom: 1px solid #e4b9b9;
    background: #f2dede;
    color: #b94a48;
    text-align: left; }

/* Default listing without spacers */
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0; }

/* Messages: centered, important, success, notice */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    .serendipity_msg_important {
      color: #ff4136; /* new red */ }
    .serendipity_msg_success {
      color: #2ecc40; /* new green */ }
    .serendipity_msg_notice {
      color: #6495ed; /* new cornflowerblue */ }

/* this and that */
table.archives_listing {
    display: table;
    width: auto;
    border-collapse: separate;
    border-spacing: 4px; }
    .archives_row td {
      padding: 4px; }
      td.archives_graph img {
        height: 1em;
        border: 1px solid #000; }

ul#serendipity_categories_list {
    margin: 0;
    padding: 0;
    list-style-type: none; }

/* Plugin frontend_comment external link(s) SVG */
.bi.bi-box-arrow-up-right {
    vertical-align: text-bottom; }

/* xml svg icons default size */
.serendipity_xml_icon img {
    width: 1rem;
    height: auto; }

.serendipityPlug img {
    border: 0px;
    width: 120px;
    margin-bottom: 1em; }

.serendipity_calendar {
    width: 100%; }

/* Disables s9ymarkup, gravatar, spamblock markup and emoticate hooked text messages in contact-form template files, having at least this staticpage_plugin_contactform selector */
/* Disables spamblock and other user notifications for the adduser plugin forms, since more or less needed for comment or contact forms only */
.staticpage_plugin_contactform .serendipity_comment_emoticate,
.staticpage_plugin_contactform .serendipity_comment_gravatar,
.staticpage_plugin_contactform .serendipity_comment_s9ymarkup,
.staticpage_plugin_contactform .serendipity_comment_spamblock,
#adduserform .serendipity_comment_emoticate,
#adduserform .serendipity_comment_s9ymarkup,
#adduserform .serendipity_comment_spamblock {
    visibility: hidden;
    display: none; }

/*** Serendipity Styx default image handlers ***/

/* Default image classes for left/right/center usual layouts */
.serendipity_image_center {
    border: 0;
    padding-left: 5px;
    padding-right: 5px; }
    p > img.serendipity_image_center {
        margin: auto;
        clear: both; }

.serendipity_image_left {
    float: left;
    border: 0;
    padding-left: 5px;
    padding-right: 5px; }
.serendipity_image_right {
    float: right;
    border: 0;
    padding-left: 5px;
    padding-right: 5px; }

/* Embedded images with comments inside the styx image manager */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
    max-width: 100%; }

.serendipity_imageComment_center {
    clear: both;
    margin: auto; }

.serendipity_imageComment_left {
    float: left; }

.serendipity_imageComment_right {
    float: right; }

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0;
    padding: 0;
    border: 0 none;
    text-align: center; }

.serendipity_imageComment_txt {
    overflow-wrap: break-word;
    border-top: 1px solid #ddd;
    margin: 0;
    padding: 3px;
    clear: both;
    font-size: 10px;
    text-align: center; }

/* Gallery-Container: default (fallback for no rows, no cols - no initial width here) */
.serendipity_image_block {
    display: inline-block; }
    .serendipity_image_block .serendipity_image_link {
      display: block; /* Chromium: Start a new block ! */ }
    .serendipity_image_block:not(.col):not(.row) .serendipity_image_link {
      display: inline-block; }
    /* Gallery-Container: default (fallback for rows) */
    .serendipity_image_block.row {
      display: inline-block; }

/* Gallery-Container: per row order, flexed */
/* This is used to enclose a gallery, using serendipity_image_left or _right floated images */
.serendipity_image_block.row {
    clear: both;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

/* Gallery-Size: This sizes the origin single-line image gallery to be used as a real multi-item image container */
.serendipity_image_block.row {
    flex: auto;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-flow: row wrap;
    align-items: flex-start; /* the default is stretch, internally used by Chrome when flexing direct child images */
    justify-content: space-around; /* IE10+ CSS fallback, since -evenly not supported */
    justify-content: space-evenly;
    margin: auto auto 1em; }
    /* Fit image flexible inside the link container to not overlap */
    .serendipity_image_block.row .serendipity_image_link {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    /* The inline containers or items min/max size to scale gallery images to an affordable size */
    .serendipity_image_block.row .serendipity_imageComment_left,
    .serendipity_image_block.row .serendipity_imageComment_right,
    .serendipity_image_block.row .serendipity_image_link,
    .serendipity_image_block.row .serendipity_image_left,
    .serendipity_image_block.row .serendipity_image_right {
      max-width: 260px; }
    /* Line up a row gallery (manually) commented image to nearly fit the max-width 260px image sizes - important avoid theme % flexed max-width sizes */
    .serendipity_image_block.row .serendipity_imageComment_left{
      max-width: 260px !important;
      min-width: 250px; }
      .serendipity_image_block.row .serendipity_imageComment_left .serendipity_image_link,
      .serendipity_image_block.row .serendipity_imageComment_left .serendipity_image_left {
        max-width: 100%; }
    /* This is not possible automatically, but may be a customized "mid-flooted" set for rowed galleries */
    .serendipity_image_block.row > figure.serendipity_imageComment_center {
      width: auto;
      max-width: 260px; }

/* Gallery-Container: default mobile for cols - starting with img default size >= 400px will initiate their own */
@media only screen and (max-width: 399px) {
    .serendipity_image_block.col {
        display: initial; }
}

/* Gallery-Container: by columns, vertically ordered, screen sized 3:2:1 and 4:3:2 */
/* SMALL SCREENS */
.serendipity_image_block.col {
    width: auto;
    max-width: -webkit-fill-available;/*others*/
    max-width: max-content;/*Firefox*/
    max-width: fit-content;/*Chromium*/
    margin-bottom: .5em;
    column-count: 1;
    column-gap: .187rem;/*3*/
    justify-content: space-evenly; }
    .serendipity_image_block.col .serendipity_imageComment_left,
    .serendipity_image_block.col .serendipity_imageComment_right,
    .serendipity_image_block.col .serendipity_image_link,
    .serendipity_image_block.col .serendipity_image_left,
    .serendipity_image_block.col .serendipity_image_right {
        margin: auto auto .3125em;
        float: unset; }
    .serendipity_image_block.col .serendipity_image_link .serendipity_image_left {
        margin: auto auto .2667615em; /*3*/ }

@media only screen and (min-width: 340px) {
    .serendipity_image_block.col.c5 {
        display: block;
        column-count: 2;
        column-gap: .175rem;/*2*/
        column-fill: balance; }
}
@media only screen and (min-width: 400px) {
    .serendipity_image_block.col.c3 {
        column-count: 2;
        column-gap: .312rem;/*6*/ }
    .serendipity_image_block.col.c4 {
        column-count: 2; }
    .serendipity_image_block.col.c5 {
        column-count: 3; }
    .serendipity_image_block.col.c4,
    .serendipity_image_block.col.c5 {
        column-gap: .312rem;/*6*/
        column-fill: balance; }
}
.serendipity_image_block > div {
    float: none;
    display: inline-block; }

/* MEDIUM SCREENS */
@media only screen and (min-width: 552px) {
    .serendipity_image_block.col {
        column-count: 2;
        column-gap: .312rem;/*6*/
        display: block; }
    .serendipity_image_block.col.c2 {
        display: block; }
    .serendipity_image_block.col.c3 {
        display: block;
        width: 100%; }
    .serendipity_image_block.col.c4 {
        display: block;
        column-count: 3; }
    .serendipity_image_block.col.c5 {
        column-count: 4; }
    .serendipity_image_block.col.c2 .serendipity_image_link,
    .serendipity_image_block.col.c3 .serendipity_image_link,
    .serendipity_image_block.col.c4 .serendipity_image_link,
    .serendipity_image_block.col.c5 .serendipity_image_link {
        margin: auto; }
    .serendipity_image_block.col .serendipity_image_link .serendipity_image_left {
        margin: auto auto .25em;
        float: none; }
}

/* DEFAULT SCREENS */
@media only screen and (min-width: 768px) {
    .serendipity_image_block.col {
        margin-bottom: 1em;
        column-gap: .5rem;/*9*/
        column-fill: balance; }
    .serendipity_image_block.col.c2 {
        column-count: 2; }
    .serendipity_image_block.col.c3 {
        column-count: 3; }
    .serendipity_image_block.col.c4 {
        column-count: 4; }
    .serendipity_image_block.col.c5 {
        column-count: 5; }
}

.serendipity_image_block.col .serendipity_imageComment_left,
.serendipity_image_block.col .serendipity_imageComment_right,
.serendipity_image_block.col .serendipity_image_link,
.serendipity_image_block.col .serendipity_image_left,
.serendipity_image_block.col .serendipity_image_right {
    margin: .25em auto; }
.serendipity_image_block > div.serendipity_imageComment_left .serendipity_image_left,
.serendipity_image_block.col .serendipity_imageComment_left .serendipity_image_link,
.serendipity_image_block.col .serendipity_imageComment_left .serendipity_image_left,
.serendipity_image_block.col .serendipity_imageComment_right .serendipity_image_right {
    margin: auto; }
.serendipity_image_block:not(.row):not(.col) .serendipity_imageComment_left .serendipity_imageComment_img,
.serendipity_image_block:not(.row):not(.col) .serendipity_imageComment_right .serendipity_imageComment_img {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
.serendipity_image_block.col .serendipity_imageComment_left,
.serendipity_image_block.col .serendipity_imageComment_right {
    display: inline-block;
    max-width: 100%; }

/* Gallery-Size: end */

/* Gallery-Margins: the default margins for all default level 1 gallery items (direct containers or direct items) */

.serendipity_image_block > .serendipity_imageComment_left,
.serendipity_image_block > .serendipity_imageComment_right,
.serendipity_image_block > .serendipity_image_link,
.serendipity_image_block > .serendipity_image_left,
.serendipity_image_block > .serendipity_image_right {
    margin: 5px 0 0 0; }
/* same for manually added helper containers */
.serendipity_image_block > div,
.serendipity_image_block > span,
.serendipity_image_block > div .serendipity_image_left,
.serendipity_image_block > div .serendipity_image_right,
.serendipity_image_block > span .serendipity_image_left,
.serendipity_image_block > span .serendipity_image_right {
    margin: 5px 0 0 0; }
    /* exception */
    .serendipity_image_block > div > figure .serendipity_image_left {
      margin: auto; }

/* so that a direct child image behaves like a containerized image - and the top/right is 2x5px */
.serendipity_image_block:not(.col):not(.row) > .serendipity_image_left,
.serendipity_image_block:not(.col):not(.row) > .serendipity_image_right {
    margin: 10px 10px 0 0;
}
/* Some special care when inside a link or comment container, to not break the "auto" left and top margin by the justify-content (i.e. in Next and Default themes) */
.serendipity_image_block .serendipity_imageComment_left .serendipity_imageComment_img,
.serendipity_image_block .serendipity_imageComment_right .serendipity_imageComment_img {
    border: 0 none !important;
    display: inline; }

/* Gallery-Margins: end */

/* END OF style_fallback.css */

/* auto include templates/styx/admin/style.css */

/* NORMALIZE.CSS v2.1.2 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: -webkit-box;
    display: block;
}

audio,
canvas,
video {
    display: -webkit-inline-box;
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
html input[type="color"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button:focus-visible,
input:focus-visible {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* bidi */

[dir="rtl"] {
  direction: rtl;
  unicode-bidi: embed;
}
[dir="ltr"] {
  direction: ltr;
  unicode-bidi: embed;
}
bdo[dir] {
  unicode-bidi: bidi-override;
}


/* BASE STYLES */
html {
    font-size: .875em;
}

html,
button,
input,
select,
textarea {
    background: #fcfcfc;
    color: #222;
    font-family: Helvetica, Arial, sans-serif;
}

body {
    line-height: 1.5;
    margin: 0;
}

/* These selection declarations have to be separate. */
::selection {
    background: #ccdde7;
    color: #444;
    text-shadow: none;
}

hr {
    display: -webkit-box;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #aaa;
    margin: 1.5em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

embed,
object,
audio,
video,
img {
    max-width: 100%;
}

video,
img {
    height: auto;
}

.has_toolbar .bi.bi-filter-circle-fill {
    vertical-align: bottom;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0;
}

caption,
th {
    text-align: left;
}

li ul,
li ol {
    margin: 0;
}

pre code {
    font-size: 1em;
}

nav ul,
nav ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* details summary::-webkit-details-marker workaround for Mozilla and Webkit */
details summary {
    display: list-item;
}

/* details polyfill */
.no-details details > * {
    display: none;
}

.no-details details > summary:before {
    content: '\25BA ';
    float: left;
    width: 20px;
}

.no-details details.open > summary:before {
    content: '\25BC ';
}

.no-details details summary {
    display: -webkit-box;
    display: block;
}

/* HTML5 Progress polyfill */
progress {
    min-width: 10em;
}

#updateProgress {
    width: 10em;
}

progress div.progress-frame {
    background-color: #fff;
    border: 1px solid #000;
    height: 1em;
    padding: 2px;
    width: 100%;
}

progress div.progress-bar {
    background-color: #1e90ff;
    border: none;
    height: 1em;
}

progress div.progress-undefined {
    background-color: #f99;
    border: 1px solid #000;
    height: 1em;
    padding: 2px;
    width: 100%;
}

progress {
    /* Makes progress bar visible in FF */
    background: #FFF;
}

/* HELPER CLASSES */
/* Hide visually, available for screenreaders */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Clearfix: contain floats */
.clearfix:before,
#dashboard:before,
.no-flexbox .media_pane:before,
.no-flexbox .plugins_installable:before,
.no-flexbox .pluginmanager:before,
.no-flexbox #template_select > ul:before,
.clearfix:after,
#dashboard:after,
.no-flexbox .media_pane:after,
.no-flexbox .plugins_installable:after,
.no-flexbox .pluginmanager:after,
.no-flexbox #template_select > ul:after {
    content: " ";
    display: table;
}

.clearfix:after,
#dashboard:after,
.no-flexbox .media_pane:after,
.no-flexbox .plugins_installable:after,
.no-flexbox .pluginmanager:after,
.no-flexbox #template_select > ul:after {
    clear: both;
}

.tabs-list,
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.plainList .halflinespacer {
    line-height: .5;
}
#fileListing .plainList {
    font-size: smaller;
}
.atomium {
    font-size: 1.125em;
}

/* bootstrap icons 1.4.1 */
svg.bi {
    vertical-align: -.125em;
}

.svg-placeholder-img {
    font-size: 1rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    height: auto;
}
.theme_file.tmMidCol .svg-placeholder-img-lg {
    font-size: 1.125rem;
}
.theme_file.tmDefCol .svg-placeholder-img-lg {
    font-size: 1.75rem;
}

/* ICON FONT: http://fortawesome.github.com/Font-Awesome/ */
@font-face {
    font-family: 'fontello';
    src: url('templates/styx/admin/font/fontello.eot?65970368');
    src: url('templates/styx/admin/font/fontello.eot?65970368#iefix') format('embedded-opentype'),
         url('templates/styx/admin/font/fontello.woff2?65970368') format('woff2'),
         url('templates/styx/admin/font/fontello.woff?65970368') format('woff'),
         url('templates/styx/admin/font/fontello.ttf?65970368') format('truetype'),
         url('templates/styx/admin/font/fontello.svg?65970368#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('templates/styx/admin/font/fontello.svg?65970368#fontello') format('svg');
  }
}
*/

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: -webkit-inline-box;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    opacity: 1;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before { content: '\e800'; } /* '?' */
.icon-cog-alt:before { content: '\e801'; } /* '?' */
.icon-tag:before { content: '\e802'; } /* '?' */
.icon-edit:before { content: '\e803'; } /* '?' */
.icon-ok-circled:before { content: '\e804'; } /* '?' */
.icon-plus:before { content: '\e805'; } /* '?' */
.icon-minus:before { content: '\e806'; } /* '?' */
.icon-cw:before { content: '\e807'; } /* '?' */
.icon-ccw:before { content: '\e808'; } /* '?' */
.icon-help-circled:before { content: '\e809'; } /* '?' */
.icon-info-circled:before { content: '\e80a'; } /* '?' */
.icon-down-dir:before { content: '\e80b'; } /* '?' */
.icon-chat:before { content: '\e80c'; } /* '?' */
.icon-trash:before { content: '\e80d'; } /* '?' */
.icon-resize-full-alt:before { content: '\e80e'; } /* '?' */
.icon-logout:before { content: '\e80f'; } /* '?' */
.icon-move:before { content: '\e810'; } /* '?' */
.icon-cancel:before { content: '\e811'; } /* '?' */
.icon-rss:before { content: '\e812'; } /* '?' */
.icon-attention-circled:before { content: '\e813'; } /* '?' */
.icon-toggle-off:before { content: '\e814'; } /* '?' */
.icon-toggle-on:before { content: '\e815'; } /* '?' */
.icon-th:before { content: '\e816'; } /* '?' */
.icon-filter:before { content: '\e817'; } /* '?' */
.icon-resize-full:before { content: '\e818'; } /* '?' */
.icon-menu:before { content: '\e819'; } /* '?' */
.icon-sort:before { content: '\e81a'; } /* '?' */
.icon-picture:before { content: '\e81b'; } /* '?' */
.icon-user:before { content: '\e81c'; } /* '?' */
.icon-users:before { content: '\e81d'; } /* '?' */
.icon-folder-open:before { content: '\e81e'; } /* '?' */
.icon-search:before { content: '\e81f'; } /* '?' */
.icon-up-dir:before { content: '\e820'; } /* '?' */
.icon-globe:before { content: '\e821'; } /* '?' */
.icon-clock:before { content: '\e822'; } /* '?' */
.icon-medkit:before { content: '\e823'; } /* '?' */
.icon-list-bullet:before { content: '\e824'; } /* '?' */
.icon-thumbs-up-alt:before { content: '\e825'; } /* '?' */
.icon-thumbs-down-alt:before { content: '\e826'; } /* '?' */
.icon-left-dir:before { content: '\e827'; } /* '?' */
.icon-right-dir:before { content: '\e828'; } /* '?' */
.icon-th-list:before { content: '\e829'; } /* '?' */
.icon-block:before { content: '\e82a'; } /* '?' */
.icon-to-end:before { content: '\e82b'; } /* '?' */
.icon-rocket:before { content: '\e82c'; } /* '?' */
.icon-to-start:before { content: '\e82d'; } /* '?' */
.icon-eye:before { content: '\e82e'; } /* '?' */
.icon-eye-off:before { content: '\e82f'; } /* '?' */
.icon-bold:before { content: '\e830'; } /* '?' */
.icon-off:before { content: '\e831'; } /* '?' */
.icon-wrench:before { content: '\e832'; } /* '?' */
.icon-down-open:before { content: '\e833'; } /* '?' */
.icon-left-open:before { content: '\e834'; } /* '?' */
.icon-right-open:before { content: '\e835'; } /* '?' */
.icon-up-open:before { content: '\e836'; } /* '?' */
.icon-arrows-cw:before { content: '\e837'; } /* '?' */
.icon-strike:before { content: '\f0cc'; } /* '?' */
.icon-underline:before { content: '\f0cd'; } /* '?' */
.icon-lightbulb:before { content: '\f0eb'; } /* '?' */
.icon-code:before { content: '\f121'; } /* '?' */
.icon-file-code:before { content: '\f1c9'; } /* '?' */

/* bootstrap icons 1.4.1 */
.x-button_link.x-button_up svg.bi.bi-arrow-up-square-fill {
    width: 1.75rem;
    height: 1.75rem;
    fill: #222;
}

/* pure unicode character helper icons */
.ucc-pinned-to:before {
    content: "\1F4CC"; /* U+1F4CC \xF0\x9F\x93\x8C PUSHPIN */
    color: #222;
}
.icon-s9yml:before,
.icon-gallery:before  {
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-align: inherit;
    display: inline-flex;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}
.icon-s9yml:before {
    content: url('templates/default/admin/img/thumbnail.png');
}
.icon-gallery:before  {
    content: url('templates/default/admin/img/mlgallery.png');
}

/* BACKEND HELPER CLASSES */
.icon_link,
.button_link,
#insert_image,
form > a,
form > button,
.edit_actions li,
.actions li,
#login .form_field label,
#auth_fpwd .form_field label,
#filter_comments label,
#serendipity_comment label,
.pluginmanager_plugin .form_check,
.pluginmanager_plugin h5,
.media_file .form_check,
.media_file h3,
#entries_list .entry_info span,
.folder_name,
.toggle_info,
#serendipityScaleForm .form_field label,
.filters_toolbar li,
#dashboard_entries .entry_status,
.comment_status,
.tabs > ul > li,
.overviewListForm {
    display: -webkit-inline-box;
    display: inline-block;
}

.block_level,
.form_multiselect label,
label > span,
.wrap_legend > legend > span,
.msg_error,
.msg_success,
.msg_notice,
.msg_hint,
#sort_entries .form_select label,
#filter_entries .form_select label,
#filter_entries .form_field label,
#media_pane_filter label,
#media_pane_sort label,
#karmafilters label,
#image_directory_create_form label,
#edit_entry_title label,
#edit_entry_metadata .form_field label,
#edit_entry_metadata .form_select label,
#serendipity_category label,
#image_directory_edit_form .form_select label,
#uploadform label,
#serendipity_admin_groups .form_field label,
#serendipity_admin_groups .form_select label,
.configuration_group .form_select label,
.configuration_group .form_multiselect label,
.configuration_group .form_field label,
.configuration_group .form_area label,
#captchabox .captcha,
#dashboard_entries li > a,
#mediaPropertyForm .media_file_props label,
#mediaPropertyForm header b,
#mediaPropertyForm footer b,
#content .upgrade_task,
#content .upgrade_done {
    display: -webkit-box;
    display: block;
}

h5,
h6,
blockquote,
ul,
ol,
dl,
p,
table,
details,
.standalone,
.form_buttons,
#maintenance > section > .button_link,
form > a,
form > button,
#content .upgrade_done,
#upgrade_notice {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
/* as Styx Club Sandwich */
#content > #upgrade_notice:nth-child(3) {
    margin-top: .25em;
    margin-bottom: .25em;
}
#maintenance > section > .button_link.stat {
    margin: .75em 0;
}
#maintenance_thumbs .form_buttons {
    margin: 0.5em auto;
}
#maintenance_thumbs fieldset > span:first-of-type > legend {
    margin-top: 1em;
}
#maintenance_thumbs .wrap_legend {
    display: inline-table;
}
#maintenance_utf8mb4.mtask_long::before {
    clear: both;
}
#maintenance_utf8mb4.mtask_long {
    float: left;
    margin: 0 2% 1em 0;
    width: 98%;
}
#maintenance_utf8mb4 .utf8mb4box {
    float: right;
}

.overviewListForm > button,
.ping_services .form_check,
.plugins_installable {
    margin-top: 0;
    margin-bottom: 0;
}
.ping_services .form_check {
    display: inline-table;
    border: 1px solid #EEE;
    padding-right: .5em;
    box-shadow: 3px 2px 2px #CCC;
}
.plugins_installable li.single_alert {
    border: 1px solid red;
}
.plugins_installable .single_hint {
    display: -webkit-box;
    display: block;
    border: 1px solid red;
    box-shadow: 1px 2px 3px #555;
    padding: .25em;
    margin-bottom: 1.5em;
}
.plugins_available {
    font-size: .75em;
}
.plugin_status.installed {
    background-color: #fffff0;
}
.block_level.stackable {
    display: initial;
}
.block_level.first {
  margin-top: 1.75em;
}

.plugin_desc {
    padding-top: .5em;
    padding-bottom: .5em;
}
.plugin_data {
    margin-top: 1em; /* reset early set global margins */
    margin-bottom: .5em;
    padding-top: 0;
}
.plugin_features .plugin_data {
    margin-bottom: 0.5em; /* updates only */
    margin-top: -1em;
}
.plugin_data[open=""] {
    margin-bottom: .25em;
}

#categories,
#categories ul,
#serendipity_image_folders,
#serendipity_image_folders ul,
#serendipity_admin_groups ul,
.imageMessage ul,
.sequence_container {
    list-style: none;
    padding: 0;
}
figure#category_icon_preview {
    text-align: center;
}

.hilite_b,
#diagnose caption {
    font-weight: bold;
}

.hilite_i {
    font-style: italic;
}

.hilite_u {
    text-decoration: underline;
}

.text-normal {
    font-weight: initial;
}

/* FORM STYLES */
input[type="radio"],
input[type="checkbox"] {
    position: relative;
    vertical-align: top;
    top: 5px;
}
/* Firefox up from v.89 starts to activate annoying blue color for active input sets
   just like chromium does, which, at least in the Backend, looks ugly and bites the UI color.
   Thus we keep the white background and style the checked fields to grayscale - and adjusting the size. */
input[type="checkbox"],input[type="radio"] {
    filter: grayscale(1);
}
input[type="checkbox"] {
    width: .875rem;
    height: .875rem;
}

.button_link:focus,
.tabs > ul a:focus,
button:focus,
#edit_entry_category button.mfp-close:focus,
#edit_entry_freetags button.mfp-close:focus,
input:focus,
select:focus,
textarea:focus {
    box-shadow: #0066ff 0 0 5px 0;
    z-index: 1;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
    box-shadow: none;
}

.button_link,
.tabs > ul a,
button,
#edit_entry_category button.mfp-close,
#edit_entry_freetags button.mfp-close,
input[type="button"],
input[type="color"],
input[type="reset"],
input[type="submit"] {
    border-radius: 4px;
    background-clip: padding-box;
    border: 1px solid;
    line-height: normal;
    outline: 0;
    padding: .25em .5em;
    text-decoration: none;
    width: auto;
}
.button_link {
    max-width: fit-content;
}

.button_link,
.tabs > ul a,
button,
button[type="submit"].publish_now,
input[type="button"],
input[type="color"],
noscript button[type="submit"],
noscript button[type="submit"]:hover {
    background: #ddd;
    background-image: -webkit-linear-gradient(#fff, #ddd);
    background-image: linear-gradient(#fff, #ddd);
    border-color: #ddd #bbb #999;
    color: #222;
    text-shadow: #fff 0 1px 1px;
}
noscript button[type="submit"],
noscript button[type="submit"]:hover {
    padding: .1em;
}
button[type="submit"].publish_now {
    text-shadow: none !important;
}

.button_group {
    width: auto;
    display: -webkit-inline-box;
    display: inline-block;
    margin-bottom: 2em;
}

.state_submit,
.state_submit:visited,
#edit_entry_category button.mfp-close,
#edit_entry_category button.mfp-close:visited,
#edit_entry_freetags button.mfp-close,
#edit_entry_freetags button.mfp-close:visited,
input[type="submit"],
button[type="submit"] {
    background: #468847;
    background-image: -webkit-linear-gradient(#63af64, #468847);
    background-image: linear-gradient(#63af64, #468847);
    border-color: #468847 #2f5c30 #182f18;
}

.state_cancel,
.state_cancel:visited,
input[type="reset"],
input[type="submit"].state_cancel,
input[type="submit"].state_cancel:visited {
    background: #b94a48;
    background-image: -webkit-linear-gradient(#cc7a79, #b94a48);
    background-image: linear-gradient(#cc7a79, #b94a48);
    border-color: #b94a48 #893634 #582322;
}

.state_update,
.state_update:visited,
input[type="update"],
button[type="update"] {
    background: #fcf3f3;
    background-image: -webkit-linear-gradient(#fcf3f3, #ffe18c);
    background-image: linear-gradient(#fcf3f3, #ffe18c);
    border-color: #d7a936 #cb6a6a #2f1820;
}

.button_link:hover,
.tabs > ul a:hover,
button:hover,
button[type="submit"].publish_now:hover,
input[type="button"]:hover,
input[type="color"]:hover {
    background: #ccc;
    background-image: -webkit-linear-gradient(#fff, #eee 1px, #ccc);
    background-image: linear-gradient(#fff, #eee 1px, #ccc);
}

.state_submit:hover,
.state_submit:focus,
#edit_entry_category button.mfp-close:hover,
#edit_entry_category button.mfp-close:focus,
#edit_entry_freetags button.mfp-close:hover,
#edit_entry_freetags button.mfp-close:focus,
input[type="submit"]:hover,
button[type="submit"]:hover {
    background: #63af64;
    background-image: -webkit-linear-gradient(#63af64, #519e52 1px, #3b723c);
    background-image: linear-gradient(#63af64, #519e52 1px, #3b723c);
}

.state_cancel:hover,
.state_cancel:focus,
input[type="reset"]:hover,
input[type="submit"].state_cancel:hover,
input[type="submit"].state_cancel:focus {
    background: #cc7a79;
    background-image: -webkit-linear-gradient(#cc7a79, #c26260 1px, #a2403e);
    background-image: linear-gradient(#cc7a79, #c26260 1px, #a2403e);
}

.state_update:hover,
.state_update:focus,
input[type="update"]:hover,
button[type="update"]:focus {
    background: #f8e97c;
    background-image: -webkit-linear-gradient(#fcfbf7, #f8e97c 1px, #ff8e3b);
    background-image: linear-gradient(#fcfbf7, #f8e97c 1px, #ff8e3b);
}

.active,
input:checked + .media_selector,
.tabs > ul .on a,
.button_link:active,
button[type="submit"].publish_now:active,
.tabs > ul a:active,
button:active,
input[type="button"]:active,
input[type="color"]:active {
    background-image: -webkit-linear-gradient(#fff, #ddd 1px, #eee);
    background-image: linear-gradient(#fff, #ddd 1px, #eee);
    box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
    border-color: #999 #bbb #ddd;
}

.state_submit:active,
#edit_entry_category button.mfp-close:active,
#edit_entry_freetags button.mfp-close:active,
input[type="submit"]:active
button[type="submit"]:active {
    background-image: -webkit-linear-gradient(#63af64, #468847 1px, #519e52);
    background-image: linear-gradient(#63af64, #468847 1px, #519e52);
    border-color: #182f18 #2f5c30 #468847;
}

.state_cancel:active,
input[type="reset"]:active
input[type="submit"].state_cancel:active {
    background-image: -webkit-linear-gradient(#cc7a79, #b94a48 1px, #c26260);
    background-image: linear-gradient(#cc7a79, #b94a48 1px, #c26260);
    border-color: #582322 #893634 #b94a48;
    color: #fafafa;
}

input[type="submit"].entry_preview {
    background: #ddd;
    background-image: -webkit-linear-gradient(#fff, #ddd);
    background-image: linear-gradient(#fff, #ddd);
    border-color: #ddd #bbb #999;
    color: #222;
    text-shadow: #fff 0 1px 1px;
}

input[type="submit"].entry_preview:hover,
input[type="submit"].entry_preview:focus {
    background: #ccc;
    background-image: -webkit-linear-gradient(#fff, #eee 1px, #ccc);
    background-image: linear-gradient(#fff, #eee 1px, #ccc);
    color: #222;
    text-shadow: #fff 0 1px 1px;
}

a.button_link.state_submit,
a.button_link.state_submit:visited,
a.button_link.state_submit:hover,
a.button_link.state_submit:focus,
a.button_link.state_submit:active,
a.button_link.state_cancel,
a.button_link.state_cancel:visited,
a.button_link.state_cancel:hover,
a.button_link.state_cancel:focus,
a.button_link.state_cancel:active,
input[type="submit"],
button[type="submit"],
input[type="reset"],
input[type="submit"]:hover,
input[type="reset"]:hover,
button[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:focus,
button[type="submit"]:focus {
    color: #fafafa;
    text-shadow: #050505 0 1px 1px;
}
/* entry trackbacks & in-group clearfield buttons */
.buttonless_link.state_cancel {
    background-image: linear-gradient(#ffdddd, #b94a48);
    border: 2px solid;
    border-color: #ede6dc;
    cursor: pointer;
}

.icon-user.admin, .icon-users.admin {
    color: #b10dc9;
}
.icon-user.chief, .icon-users.chief {
    color: #0074d9;
}
.icon-user.editor, .icon-users.editor {
    color: gray;
}

.comment_data dd .button_link,
.toggle_info,
.toggle_info:visited,
.toggle_info:hover,
.toggle_info:focus,
.toggle_info:active,
.filter_karma,
.filter_karma:visited,
.filter_karma:hover,
.filter_karma:focus,
.filter_karma:active {
    margin: 0 0 0 .4em;
    padding: 1px 3px;
}
.toggle_button,
.toggle_button:active,
.toggle_button:focus,
.toggle_button:hover {
    margin: 0 0 .75em .5em;
    padding: 4px 3px;
}

input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="time"],
input[type="week"],
textarea,
select,
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box;
    border-radius: 0;
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid;
    border-color: #c1c1c1 #c1c1c1 #e1e1e1;
    color: #222;
    outline: 0;
    padding: 2px 3px;
    text-align: left;
    height: 1.8em;
    max-width: 100%;
}
textarea.cke_source,
.configuration_group .form_area textarea.cke_source { white-space: pre-wrap; max-width: 100%; }

input[type="datetime-local"]::-webkit-clear-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="time"][disabled],
input[type="week"][disabled],
textarea[disabled],
select[disabled],
input[type="email"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="url"][disabled] {
    background-color: #eee;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
    box-shadow: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    color: #888;
    cursor: default;
}

/* Special case rules in importers generic, livejournal */
#serendipity\[import\]\[url\] {
    width: 80%;
}

/* Special case rules in media file properties, media entry insert and media directory edit */
#serendipity_alt,
#serendipity_title,
#image_as_link .form_field input#media_file_path,
#image_as_link .form_field input#media_file_path:focus,
#image_directory_edit_form .form_field input#diredit_new,
#image_directory_edit_form .form_field input#diredit_new:focus  {
    width: auto;
    min-width: 21em;
}
#mediaPropertyForm .form_field input#mediaPropertyTITLE,
#mediaPropertyForm .form_field input#mediaPropertyTITLE:focus,
#mediaPropertyForm .form_field input#mediaPropertyCOPYRIGHT,
#mediaPropertyForm .form_field input#mediaPropertyCOPYRIGHT:focus,
#mediaPropertyForm .form_field input#mediaPropertyALT,
#mediaPropertyForm .form_field input#mediaPropertyALT:focus {
    width: 25em;
    min-width: 20.75em;
}
#image_as_link .form_field input#media_file_path:active,
#mediaPropertyForm .form_field input#mediaPropertyTITLE:active,
#mediaPropertyForm .form_field input#mediaPropertyCOPYRIGHT:active,
#mediaPropertyForm .form_field input#mediaPropertyALT:active,
#image_directory_edit_form .form_field input#diredit_new:active {
    width: auto;
}
#image_as_link .form_field input#media_file_path,
#image_as_link .form_field input#media_file_path:focus,
#image_as_link .form_field input#media_file_path:active {
    width: 100%;
}

/* Separate rule for FF + IE. Cannot stack with WebKit. */
::-webkit-input-placeholder {
    color: #888;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #888;
}

input.placeholder_text,
textarea.placeholder_text {
    color: #888;
}

:invalid {
    box-shadow: none;
}

textarea,
select[size],
select[multiple] {
    height: auto;
}

@media (-webkit-min-device-pixel-ratio: 0) {
    select {
        background-image: url("data:image/gif;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==");
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 20px;
    }

    select[size],
    select[multiple] {
        background-image: none;
        padding: 0;
    }
}

/* event includeentry plugin */
select#staticblock_template {
    min-width: 10em;
}

textarea {
    min-height: 3em;
    overflow: auto;
    resize: vertical;
    width: 100%;
}

optgroup {
    color: #222;
    font-style: normal;
    font-weight: normal;
}


/* BACKEND FORM STYLES */
label,
.wrap_legend,
figcaption {
    font-weight: bold;
}

label > span,
.wrap_legend > legend > span,
input[type=checkbox] + label,
input[type=radio] + label,
.form_check label,
.js #toggle_extended label {
    font-weight: normal;
}

input[type=checkbox],
#toggle_extended,
#toggle_metadata,
#toggle_advanced,
#category_icon {
    margin-right: .4em;
}

#upgrade_notice a {
    display: -webkit-box;
    display: block;
    margin: 0 0 .5em;
}

.form_radio {
    float: left;
    margin-right: 1em;
}

.form_radio label,
.form_check label {
    display: inline !important;
}

.serendipity_commentDirection,
.configuration_group ul .form_check,
#serendipity_comments_list details,
#preview,
.form_field,
.form_area,
.form_check,
.form_radio,
.form_select,
.form_multiselect,
#edit_entry_metadata,
#advanced_options,
#entry_skip,
.filter_pane,
#media_filter > div > fieldset,
#s9y_links > ul,
#serendipity_category .inputs,
.serendipity_customfields textarea,
#adv_opts,
.entryproperties > h3,
.entryproperties_customfields > h4 {
    margin-top: .75em;
    margin-bottom: .75em;
}

#category_permissions legend {
    margin-bottom: .5rem;
}
#directory_permissions legend {
    margin-top: .5rem;
}

h3.additional_properties::before,
#adv_opts > fieldset > span > legend::before {
    display: inline;
    content: "";/* fill %23 = # */
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/></svg>");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-size: 1rem 1rem;
    vertical-align: middle;
    padding-right: 20px;
    padding-right: 1.25rem;
}
h3.additional_properties,
#adv_opts > fieldset > span > legend {
    background-image: radial-gradient(black 15%, transparent 16%), radial-gradient(black 15%, transparent 16%), radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%), radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%);
    background-repeat: repeat, repeat, repeat, repeat;
    background-attachment: scroll, scroll, scroll, scroll;
    background-position: 0 0, 8px 8px, 0 1px, 8px 9px;
    background-clip: border-box, border-box, border-box, border-box;
    background-origin: padding-box, padding-box, padding-box, padding-box;
    background-color: rgb(40, 40, 40);
    background-size: 1em 1em;
    padding: .1em;
    color: whitesmoke;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 87%;
}
h3.additional_properties {
    width: 100%;
    font-size: 1rem;
    padding: .25em .1em;
}

#media_filter > .keywords {
    margin-bottom: 0.75em;
}
#media_filter .bp_note,
#media_filter .bp_filters input {
    background-color: rgba(0, 87, 128, 0.08);
}
#media_filter .bp_note {
    margin-top: 2.25em;
    display: -webkit-inline-box;
    display: inline-block;
    padding: 1px;
    border: 1px solid #CCC;
}
#media_filter_path .form_select {
    margin: 0 0 0 .125em;
}

#serendipity_category .inputs .form_radio,
.configuration_group fieldset > fieldset,
.configuration_group div > fieldset,
.theme_options .configuration_group > fieldset,
.configuration_group .form_field,
.configuration_group .form_area,
.configuration_group .form_check,
.configuration_group .form_radio,
.configuration_group .form_select,
.configuration_group .form_multiselect {
    margin-top: 0;
    margin-bottom: 0;
}
.configuration_group .form_field label,
.configuration_group .form_select label,
.configuration_group .form_area label {
    margin-bottom: .5em;
}

#serendipity_config_options .configuration_group > .config_optiongroup,
.configure_plugin .configuration_group > .config_optiongroup {
    margin-top: 0;
    margin-bottom: 1.5em;
}

.configuration_group fieldset > fieldset,
.configuration_group div > fieldset,
.theme_options .configuration_group > fieldset,
.configure_plugin .configuration_group > fieldset,
.configuration_group .form_field,
.configuration_group .form_area,
.configuration_group .form_select,
.configuration_group .form_multiselect,
.configuration_group .custom_item {
    padding: .75em 0;
}
.configuration_group.plug {
    padding: .5em .4em;
}

.configure_plugin .configuration_group > h3 + fieldset {
    padding: 0;
}

.importer_data dd,
.form_buttons > input,
.js .media_choose label,
.js .media_choose input,
.quick_list ol > li,
.filter_pane .form_field > label,
.filter_pane .form_select > label,
.serendipity_emoticon_bar {
    margin-bottom: .75em;
}

.comment_data,
.comment_data dt,
.template_info dt,
.comment_summary,
.comment_full,
.serendipity_commentDirection,
.entry_info,
.pagination,
.media_choose figure,
.media_file_metadata h4,
.media_file_metadata h5,
.media_file_metadata dt,
#serendipity_comments_list details,
.no-flexbox #dashboard > #s9y_links,
.no-flexbox #dashboard > #s9y_quicktip,
.configure_plugin .cke {
    clear: both;
}

.comment_data {
    font-size: .9125em;
    padding: .25em;
}
.comment_data.ping {
    width: auto;
    margin-bottom: 0;
}
.comment_summary {
    width: 100.3%; /* when truncation piped to the very end (rare cases) */
}
/* hides the box when empty, without breaking depending styles */
.comment_summary.ping {
    line-height: 0;
    width: 0;
}
/* additional comment html support start */
.comment_full h4 {
    display: contents;
}
.comment_full pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-tab-size: 4;
    tab-size: 4;
    width: 99%;
    width: -moz-fit-content;
    width: fit-content;
}
.comment_full pre[class^="language-"] {
    display: -webkit-box;
    display: block;
    max-height: 100vh;
    padding: .5em;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #8899b1 #1e2127;
    background-color: lightgray;
    background-image: linear-gradient(135deg, #fcfcfc, #dbcbcb, #aaa0a0);
    border: 1px solid #cbcbcb;
    border-right-color: transparent;
}
.comment_full pre code {
    display: -webkit-box;
    display: block;
    padding: .5em;
    color: #333;
    background: #f8f8f8;
    min-width: 18em;
}
.comment_full pre code[class^="language-"] {
    background-color: lightgray;
    background-image: linear-gradient(135deg, #fcfcfc, #e8e8e8, #a8a6a6);
    border: 1px solid #cbcbcb;
    border-right-color: transparent;
}
/* comment html support end */

/* Disables spamblock msg per default for the backend comment form */
#serendipityCommentFormC .serendipity_comment_spamblock {
    visibility: hidden;
    display: none;
}
.serendipity_comment {
    border: 1px solid #BBB;
    width: auto;
    padding: 0 .5em .5em;
    background: #FFF;
    margin-top: 1.5em;
    margin-bottom: 1em;
}
.serendipity_comment header h4,
.serendipity_commentBody,
.serendipity_comment footer {
    padding: 0 .5em;
}
.serendipity_comment header h4,
.serendipity_comment footer {
    background-color: #EEE;
    border: 1px solid #DDD;
}
.serendipity_commentBody {
    margin-bottom: 1em;
    background-color: #F9F9F9;
    border: 1px solid #DDD;
}
.comment_preview_editstatus { float: right; }
.comment_preview_editstatus .msg_notice {
    margin: inherit;
    padding: .1em .5em;
    display: unset;
}
.comment_preview_editstatus::after { clear: right; }
.comment_summary .msg_error {
    margin: inherit;
}
.summary_stripped {
    display: inline;
    color: #FF4136;
}

/* COMMON STYLES  */
a,
a:visited {
    color: #3e5f81;
}

a:hover,
a:focus {
    color: #d06604;
}

/* Frontend pointers */
a:hover.linkout ,
a:focus.linkout {
    color: #6495ed;
}

a.button_link,
a.button_link:hover,
a.button_link:focus,
button[type="submit"].publish_now,
.button_link > span:before {
    color: #222;
    text-decoration: none;
}
a.state_update:hover,
a.state_update:focus {
    color: #2A41A5;
}

.button_link > span:before {
    margin-right: 0;
    width: auto;
}

h1 {
    font-size: 1.125em;
    margin: .55em 0;
}

h2 {
    font-size: 1.42857em;
    line-height: 1.05em;
}

h2 {
    margin: 1.05em 0;
}

h2, h3 {
    color: #1a559c;
}

h3,
.js .mfp-wrap #edit_entry_category .wrap_legend {
    font-size: 1.28571em;
    line-height: 1.16667em;
    margin: 1.16667em 0;
}

h4,
#diagnose caption {
    font-size: 1.14286em;
    line-height: 1.3125em;
    margin: 1.3125em 0;
}

#diagnose caption,
.no-js #mediaupload_tabs h3:first-child {
    margin-top: 0;
}

#diagnose tr {
    border-bottom: 1px solid #aaa;
}

#diagnose td h5 {
    margin: .5em 0;
}

.toggle_headline,
.taxonomy h3,
.entryproperties > h3,
.entryproperties_customfields > h4,
h5,
h6 {
    font-size: 1em;
}

summary {
    cursor: pointer;
    outline: none;
}


/* MESSAGES */
.msg_error,
.msg_success,
.msg_notice,
.msg_hint {
    margin: 1.5em 0;
    padding: .5em;
}

.msg_success + #serendipity_iframe,
.msg_notice + #serendipity_iframe,
.msg_error + #serendipity_iframe,
.msg_hint + #serendipity_iframe {
    margin-top: auto;
}

.msg-0 {
    margin: 0;
}
.msg-t1 {
    margin-top: .5em;
}
.msg-btm {
    margin: 0 0 .5em;
}
.msg-sm {
    font-size: .9125rem;
}
.msg-spot {
    color: #222;
    font-family: Georgia, 'Times New Roman', serif;
    word-wrap: break-word;
}

.installer .msg_error,
.installer .msg_success,
.installer .msg_notice,
.installer .msg_hint {
    display: -webkit-inline-box;
    display: inline-block;
    margin: .5em 0;
    padding: 0 .5em;
}

.msg_error {
    background: #f2dede;
    border: 1px solid #e4b9b9;
    border-left: 3px solid #b94a48;
    color: #b94a48;
}
.unmet_requirements.msg_error {
    border-radius: .5em;
    padding: .5em .25em;
}
.plugin_status.installed > .unmet_requirements.msg_error {
    margin: .25em;
}
.theme_file .unmet_requirements.msg_error {
    display: inline;
    margin: initial;
}

.msg_error_list {
    background: #f2dede;
    border-bottom: 1px solid #e4b9b9;
    margin: 0 0;
    padding: .1em;
    color: #b94a48;
}

.msg_success {
    background: #dff0d8;
    border: 1px solid #c1e2b3;
    border-left: 3px solid #468847;
    color: #468847;
}

.msg_notice {
    background: #fcf8e3;
    border: 1px solid #fbeed5;
    border-left: 3px solid #c09853;
    color: #c09853;
}

.msg_hint {
    background: #eee;
    border: 1px solid #aaa;
    border-left: 3px solid #777;
    color: #777;
}
.msg_hint.focused {
    color: #555;
    text-shadow: 1px 1px 1px rgba(195, 195, 195, 0.8);
}


/* LAYOUT */
#top > div,
#main_menu,
#content {
    margin: 0;
    padding-left: 2.5%;
    padding-right: 2.5%;
    width: 95%;
}

#top > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#workspace {
    overflow: hidden;
}

.serendipity_statistics > .wide_box {
    min-height: .01%;
    overflow-x: auto;
    display: inline-grid;
    width: 100%;
}

.serendipity_statistics > .wide_box table {
    max-width: 100%;
}

.serendipity_statistics > .wide_box tr {
    font-size: .8125em;
    text-align: center;
}

.serendipity_customfields label {
    margin-right: 1em;
}

.category_data,
.directory_data,
.user_name,
.group_name,
#serendipity_comments_list .form_check,
#serendipity_comments_list h4,
.karmalog .form_check,
.karmalog h4,
.comment_data dt,
.comment_data dd,
.template_info dt,
.template_info dd,
#entries_list .form_check,
.pagination .first,
.pagination .prev,
.serendipity_customfields textarea,
#dashboard_header h2 {
    float: left;
}
.mediabase_file_action,
.maintenance_toogle_info,
.pagination .next,
.pagination .last {
    float: right;
}

#mediaPropertyForm .media_wrap_thumb {
    display: -webkit-inline-box;
    display: inline-block;
    float: none;
    margin: 0;
    width: auto;
}

#entry_skip legend,
#entry_skip label,
#skipto_entry,
.dialog_delrip li {
    float: left;
    margin: 0 .4em 0 0;
}
#entry_skip .form_field {
  float: left;
  width: 49%;
}
#entry_skip .form_field.select_page {
  text-align: right;
}
#entry_skip .form_field.select_page label {
  float: initial;
}

#entries_list h3 {
    float: left;
    margin: .75em 1em .75em 0;
}

.edit_actions,
#entries_list .actions,
.toggle_links {
    float: right;
}

#karmalog .serendipity_karmaVoting_links {
    float: right;
    font-size: 1em;
    margin: .75em;
}

.toggle_links {
    margin: 1.25em 0 .75em;
}
/* special cases for right-headed and link focused toggles, being a single/last element, blue shadow right margin, which use the containers form width */
#dashboard_header a.button_link.toggle_links,
#show_config_all.button_link.toggle_config,
a.media_show_info.button_link,
.button_link.toggle_comment_full {
    margin-right: 2px;
}

.wrap_legend a.toggle_info.button_link {
    margin-bottom: .25em;
}

#filter_comments label,
#serendipity_comment label {
    width: 15%;
}
.serendipity_commentForm.reassign #serendipity_comment label {
    width: 38%;
}

.serendipity_commentForm #serendipity_emoticonchooser_comment {
    display: -webkit-flex;
    display: flex;
    display: ruby-base-container;
}

.media_file_keywords li {
    float: left;
    margin: 0 2% .5em 0;
    width: 48%;
}

.pagination .first,
.pagination .last,
.pagination .prev,
.pagination .next {
    min-height: 1px;
    width: 2.2em;
}
.first .button_link, .last .button_link {
    width: .5em;
}
.pagination > ul {
    min-height: 1em;
}

.pagination .icon-to-start,
.pagination .icon-to-end {
    font-size: .75em;
    position: relative;
    top: -1px;
}

#filter_comments .form_field > input,
#filter_comments select,
#serendipity_comment .form_field input,
#serendipity_comment select,
.js .configuration_group .media_choose input,
.js #serendipity_category .form_field #category_icon,
#dashboard_header h2 {
    width: 85%;
}

#edit_entry_title input,
#edit_entry_metadata .form_field input,
#edit_entry_metadata select,
#categoryselector,
.configuration_group .form_select select,
.configuration_group .form_multiselect select,
.configuration_group .form_field input,
.configuration_group .form_area textarea,
#serendipity_category .form_field input,
#serendipity_category .form_select select,
#serendipity_category .form_multiselect select,
#directory_permissions .form_multiselect select,
#sort_entries .form_select select,
#filter_entries .form_select select,
#filter_entries .form_field input,
#media_pane_filter input,
#media_pane_filter select,
#uploadform .form_select select,
#uploadform .form_field input,
#login .form_field input,
#auth_fpwd .form_field input,
#diagnose > table,
#advanced_options .form_multiselect select,
.serendipity_statistics table {
    width: 100%;
}

#media_pane_filter input.reset_media_filters[type="reset"],
#media_pane_filter input[type="submit"] {
    width: auto;
}

#media_pane_filter div fieldset input[type="date"] {/*mediafilter for role date HTML5 date picker interface */
    max-width: 10em;
    font-size: small;
}

.comment_data dd {
    max-width: 75%;
}

.comment_data dt,
#serendipityScaleForm .form_field label {
    min-width: 4.25em;
}

.category_data,
.directory_data,
.user_name,
.group_name,
.folder_name {
    min-width: 8em;
    padding: .4em 0;
}

#categoryfilter {
    min-width: 20em;
}

#edit_entry_metadata #categoryfilter {
    max-width: 76%;
    min-width: 0;
}

.user_level {
    display: -webkit-box;
    display: block;
}
ul.edit_actions li > .user_level {
    display: none;
    visibility: hidden;
}

.user_action_state {
    display: initial;
}

#image_directory_create_form .form_field input,
#image_directory_create_form .form_select select {
    min-width: 12em;
}
#mediaPropertyForm .form_field input,
#mediaPropertyForm .form_select select {
    min-width: 18em;
}

#mediaPropertyForm textarea {
    max-width: 40em;
}

#serendipityEntry {
    padding-top: .5em;
    position: relative;
}

#edit_entry_submit, #advanced_options .jump_to_edit_entry_submit {
    position: absolute;
    top: -.75em;
    right: 0;
}


/* HEADER */
#banner .chop-title {
    text-overflow: ellipsis;
    width: 7.4em;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    display: -webkit-inline-box;
    display: inline-block;
}
#top {
    background: #3e5f81;
    background-image: -webkit-linear-gradient(#3e5f81, #294564);
    background-image: linear-gradient(#3e5f81, #294564);
    box-shadow: 0 1px 4px rgba(0,0,0,.5);
    color: #ccdde7;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}

#top a,
#top a:visited,
#top a:hover,
#top a:focus {
    color: #ccdde7;
    text-decoration: none;
}

#top a:hover,
#top a:focus {
    color: #fcfcfc;
}


/* Login mode dark */
:root[data-login-color-mode="dark"] {
    --color-bg-primary: #22272e;
    --color-bg-overlay: #323941;
    --color-bg-tertiary: #2d333b;
    --color-text-primary: #adbac7;
    --color-text-secondary: #768390;
    --color-text-white: #cdd9e5;
    --color-border-primary: #444c56;
    --color-border-secondary: #373e47;
    --color-border-tertiary: #636e7b;
    --color-scale-gray-5: #545d68;
    --color-scale-green-2: #6bc46d;
    --color-scale-green-4: #46954a;
    --color-scale-green-6: #2b6a30;
    --color-alert-success-text: #6bc46d;
    --color-fade-black-10: rgba(28,33,40,0.1);
    --color-fade-black-85: rgba(28,33,40,.85);
    --color-fade-fg-10: rgba(205,217,229,0.1);
    --color-fade-fg-30: rgba(205,217,229,0.3);
    --color-fade-white-10: rgba(205,217,229,.1);
    --color-fade-white-30: rgba(205,217,229,.3);
    --color-shadow-medium: 0 3px 6px rgba(149,157,165,0.15);
}

html[data-login-color-mode="dark"], [data-login-color-mode="dark"] button, [data-login-color-mode="dark"] input {
    color: var(--color-text-secondary);
    background: var(--color-bg-primary);
}
[data-login-color-mode="dark"] input {
    border-color: var(--color-border-tertiary);
}
[data-login-color-mode="dark"] #top {
    background-color: var(--color-bg-tertiary);
    background-image: none;
    box-shadow: 0 1px 4px rgba(0,0,0,.5);
    color: var(--color-text-white);
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
    border: 0 none;
}
[data-login-color-mode="dark"] #login, [data-login-color-mode="dark"] #auth_fpwd {
    border-color: var(--color-border-primary);
    box-shadow: 1px 2px 3px #222;
}
[data-login-color-mode="dark"] #login fieldset>span, [data-login-color-mode="dark"] #auth_fpwd fieldset>span, [data-login-color-mode="dark"] .button_link {
    background: var(--color-bg-overlay);
    background-image: -webkit-linear-gradient(var(--color-scale-gray-5),var(--color-bg-overlay));
    background-image: linear-gradient(var(--color-scale-gray-5),var(--color-bg-overlay));
}
[data-login-color-mode="dark"] #login fieldset>span, [data-login-color-mode="dark"] #auth_fpwd fieldset>span {
    color: var(--color-text-primary);
    border-bottom-color: var(--color-border-tertiary);
}
[data-login-color-mode="dark"] input[type="submit"] {
    background: var(--color-bg-overlay);
    background-image: none!important;
    border-color: var(--color-scale-green-2) var(--color-scale-green-4) var(--color-scale-green-6);
    color: var(--color-alert-success-text);
}
[data-login-color-mode="dark"] .button_link {
    border-color: var(--color-border-secondary);
    color: var(--color-text-white);
    text-shadow: none;
}
[data-login-color-mode="dark"] .button_link:focus {
    color: var(--color-text-primary);
}
[data-login-color-mode="dark"] .active, [data-login-color-mode="dark"] input:checked + .media_selector, [data-login-color-mode="dark"] .button_link:active, [data-login-color-mode="dark"] button[type="submit"].publish_now:active, [data-login-color-mode="dark"] .tabs > ul a:active, [data-login-color-mode="dark"] button:active, [data-login-color-mode="dark"] input[type="button"]:active, [data-login-color-mode="dark"] input[type="color"]:active {
    box-shadow: inset rgba(225, 225, 225, .75) 0 1px 2px 0;
}
[data-login-color-mode="dark"] .active, [data-login-color-mode="dark"] input:checked + .media_selector, [data-login-color-mode="dark"] .button_link:active, [data-login-color-mode="dark"] button[type="submit"].publish_now:active, [data-login-color-mode="dark"] button:active, [data-login-color-mode="dark"] input[type="button"]:active, [data-login-color-mode="dark"] input[type="color"]:active {
    background-color: var(--color-fade-black-85);
    border: 1px solid var(--color-border-secondary);
    box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
    background-image: linear-gradient(var(--color-fade-black-10), var(--color-fade-fg-10) 1px, var(--color-fade-fg-30));
}
[data-login-color-mode="dark"] .button_link:hover {
    background: var(--color-bg-overlay) !important;
    background-image: -webkit-linear-gradient(var(--color-scale-gray-5), var(--color-bg-overlay)) !important;
    background-image: linear-gradient(var(--color-scale-gray-5), var(--color-bg-overlay)) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-white) !important;
    text-shadow: none !important;
}
[data-login-color-mode="dark"] .button_link:hover, [data-login-color-mode="dark"] button:hover, [data-login-color-mode="dark"] input[type="button"]:hover, [data-login-color-mode="dark"] input[type="color"]:hover {
    background: transparent !important;
    background-image: none !important;
}
[data-login-color-mode="dark"] .button_link:focus, [data-login-color-mode="dark"] input:focus, [data-login-color-mode="dark"] select:focus, [data-login-color-mode="dark"] textarea:focus {
    box-shadow: var(--color-shadow-medium);
}
[data-login-color-mode="dark"] #meta {
    border-top-color: var(--color-border-primary);
}
[data-login-color-mode="dark"] #meta p {
    color: var(--color-text-placeholder);
}

/* NAVIGATION */
.js #main_menu {
    position: absolute;
    left: -22em;
    width: 22em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.js #main_menu,
.js #content {
    float: left;
}

.active_nav #main_menu {
    box-shadow: 1px 1px 4px rgba(0,0,0,.5);
    left: 0;
    z-index: 10;
}

#main_menu {
    background: #ccdde7;
}

#main_menu h3 {
    border-bottom: 1px solid #aaa;
    color: #666;
    font-size: 1em;
    margin-bottom: .5em;
    padding-bottom: .25em;
}

#main_menu > ul {
    margin-bottom: .75em;
}

#main_menu a {
    display: -webkit-box;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
}

#main_menu a,
#main_menu a:visited,
.quick_list h3 a,
.quick_list h3 a:visited {
    text-decoration: none;
}

#nav-toggle {
    float: left;
    font-size: 1.25em;
    margin: .35em .75em 0 0;
}

#main_menu #user_menu li {
    display: -webkit-inline-box;
    display: inline-block;
    margin-right: .5em;
    width: auto;
}

/* default setting for mobiles until 1024px width regarding expandable hooked plugins */
#main_menu li > .flex-inside, #main_menu li.expandable-group{
  display: none;
  visibility: hidden;
}

/* CONTENT */
#content {
    padding-bottom: 1.5em;
}
.media_file.mfile_prop h3 {
    width: 100%;
    overflow: clip;
}
/* plugin stackable status icons (1), media hotlink share to media properties (2) */
#content > h2 > svg,
.media_file.mfile_prop h3 > svg {
  float: right; }
  /* e.g. sidebarlogo */
  #plugin_options > h2 > svg {
    margin-right: .25em;
    float: left; }

/* comments filter status */
#content > h2 > svg.bi.bi-filter-circle-fill {
    float: none;
}
.media_pane > .media_file header h3 > svg {
    right: .5em;
    position: absolute;
}

.is_entry_preview.no_iframe_data {
    display: inline-block;
    border: 1px solid #ddd;
    margin: 0 0 1em;
    padding: .5em;
    box-shadow: 2px 3px 4px #222;
    background-color: whitesmoke;
    width: 94%;
}

#edit_entry_timestamp,
#edit_entry_category,
#edit_entry_freetags,
#media_pane_filter,
.comments_pane .pagination,
.media_pane .pagination,
.entries_pane .pagination,
.karma_pane .pagination,
.plugin_data {
    position: relative;
}

#media_pane_filter #toggle_filters,
.plugin_data .perm_name {
    position: static;
}
.plugin_data .perm_name {
    vertical-align: top; /* see position: static */
}
.pluginmanager_container .plugin_data .perm_name {
    left: 1.25em;
}
.plugin_data[open=""] .block_level,
.plugin_data .plugin_desc,
.plugin_data .plugin_author {
    font-size: .875em;
}
.plugin_author {
    margin-top: .5em;
}
.plugin_data[open=""] {
    border: 1px dashed #777;
    margin-bottom: .5em;
    padding: .25em;
    background: #F5F5F5;
}
.pluginmanager_container .plugin_data[open=""] .perm_name {
    left: 0;
    padding-left: .25em;
}

.ac_results {
    z-index: 2000;
}

.comments_pane .pagination h3,
.media_pane .pagination h3,
.entries_pane .pagination h3,
.karma_pane .pagination h3 {
    font-size: 1em;
    font-weight: normal;
    text-align: center;
}

#edit_entry_category label {
    vertical-align: top;
    line-height: 1;
}
#category_filter.compact > .svg-button_link {
    float: right;
    margin-top: -2em;
}
#category_filter .svg-button_up {
    padding: .15em .25em;
}
#edit_entry_category .compact label {
   position: relative;
   top: 5px;
}

.filters_toolbar,
.plugin_info {
    margin: 0 0 1em;
}
.plugin_info.plugup_from,
.plugin_info.plugup_to {
    border-radius: .5em;
    padding: .05em .25em;
}
.plugin_info.plugup_from {
    background: #DDD;
    border-top: 1px solid #EEE;
    border-left: 1px solid #EEE;
    border-right: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
}
.plugin_info.plugup_to {
    background: #FFF;
    border-top: 1px solid #EEE;
    border-left: 1px solid #EEE;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
.plugin_info.plainList li {
    width: 100%;
}
.plugin_info.tgroup_info p {
    margin: auto;
}

fieldset p,
.media_file_meta > ul {
    margin: 0;
}
#template_options fieldset.config_optiongroup p {
    margin: revert;
}

.media_file_metadata dl {
    display: -webkit-box;
    display: block;
    margin-top: 0;
    border-top: 1px solid #aaa;
}
.media_file_metadata dt,
.media_file_metadata dd {
    display: -webkit-inline-box;
    display: inline-block;
    min-width: 15em;
    width: auto;
    padding: .25em 0;
    border-bottom: 1px solid #aaa;
    overflow-wrap: break-word;
    overflow: auto;
}
.media_file_metadata dd {
    width: 100%;
}
@media only screen and (min-width: 640px) {
    .media_file_metadata dd {
        width: 70%;
    }
}

.media_sync_thumbs .media_sync_list,
.media_rebuild_thumbs .plainList li {
    margin-bottom: .15rem;
}

.media_sync_list .ml_action {
    padding: .25em 0;
}
.media_sync_list .ml_action em {
    color: darkgray;
}

.importer_data dd > div {
    margin-top: 0;
    margin-bottom: 0;
}

.filter_mode {
    position: relative;
    line-height: 1;
    float: right;
    top: 1em;
    right: 27%;
    cursor: pointer;
}
.filter_comment {
    right: 35%;
}
.filter_media {
    right: 30%;
}
.js .filter_media {
    top: 1em;
    right: 36%;
}
.js [class^="msg_"] + .filter_media {
    top: -.5em;
}
.filter_mode svg.bi {
    width: 36px;
    height: 36px;
    border: 2px solid #b9b9b9;
    border-radius: 20px 20px 20px 20px;
}

.entry_status_stripe {
    top: 2em;
    position: relative;
    float: right;
    font-size: smaller;
    color: currentColor;
    opacity: .7;
    width: auto;
    padding: 0 1em;
    background: repeating-linear-gradient( -45deg, transparent, transparent 10px, #ddd 10px, #eee 20px );
    border: 1px dashed currentColor;
}
[class^="msg_"] + .entry_status_stripe {
    top: 0;
}

.actions,
.edit_actions,
#dashboard > section .entry_status,
#dashboard > section .comment_status {
    margin-top: .35em;
    margin-bottom: .35em;
}

#login .form_buttons,
#auth_fpwd .form_buttons,
#entries_list .actions,
.msg_hint > p:last-of-type {
    margin-bottom: 0;
}

#entries_list .actions,
.serendipity_commentForm,
#captchabox .captcha,
.editor_toolbar {
    margin-top: .75em;
}

.js #add_upload {
    margin-top: 1em;
}

.js .uploadIcon {
    padding-right: .5em;
}

#extended_entry_editor > div {
    margin-top: 1em;
    margin-bottom: 1em;
}

.upgrader_tasks dt b {
    font-size: small;
    font-weight: bolder;
    color: #3e5f81;
    border: 1px solid;
    padding: 2px 5px;
    background-color: #EEE;
}

.upgrader_perms dd,
.upgrader_tasks dd {
    margin-bottom: 1em;
}
.upgrader_tasks dd {
    display: -webkit-inline-box;
    display: inline-block;
    background: #fcf8e3;
    border: 1px solid #fbeed5;
    color: #c09853;
    padding: 0 .5rem;
}

.upgrader_perms dd pre,
.upgrader_tasks dd pre {
    margin: 1em 0;
}

.mediabase_file_action {
    margin-top: -3.125rem;
}
.maintenance_toogle_info {
    margin-top: -3.125rem !important;
}

.category_data,
.directory_data {
    margin: 0 1em 0 0;
}

.category_desc {
    display: -webkit-box;
    display: block;
}

#serendipity_comments_list .form_check,
#serendipity_comments_list h4,
.karmalog .form_check,
.karmalog h4 {
    margin: .75em 0;
}

.comment_data dt,
.template_info dt,
.edit_actions li {
    margin: 0 .4em 0 0;
}

.media_file_actions .special {
    margin: 0 0 auto;
}
.special .media_prop {
    display: inline;
}

.no-js .media_file .actions li {
    margin: 0 .4em 0 -.4em;
}

.editor_toolbar button {
    margin: 0 .25em .75em 0;
}

.comment_data,
.configuration_group .toggle_headline,
form > .button_link:first-of-type,
.upload_form > .form_field:first-child,
#uploadform .tabs ul {
    margin-top: 0;
}

.upload_form > .form_field:first-child {
    padding-top: .75em;
}

.configuration_group h3 {
    margin: .58334em 0;
}

.installer .configuration_group h3 {
    margin: 1.16667em 0;
}

#template_options,
#pluginlist_sidebar {
    margin-bottom: 3em;
}
/* remove min heights on empty sidebar blocks (+ overrule inline ) */
#pluginlist_sidebar ol.equal_heights {
    min-height: inherit !important;
}

#serendipity_comments_list .actions {
  position: relative;
  top: 2em;
  right: .25em;
  margin-bottom: .5em;
  display: flex;
  gap: 1px;
  justify-content: flex-end;
}

.bayes_done {
    float: left;
    margin: .875em 0 .625em .4em;
}

.remove_msg,
.remove_msg:visited {
    color: inherit;
    margin-left: .4em;
}

.sub_perm {
    margin-left: 1em;
}

#serendipity_admin_groups li ul div {
    margin-left: 1.5em;
}

.category_info {
    margin-left: 1em;
}

#template_select article,
.media_file,
.media_wrap_thumb,
.plugins_installable > li {
    background: #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 1em;
}

#template_select a.media_fullsize {
    height: auto;
    display: -webkit-inline-box;
    display: inline-block;
}

.plugins_removed li {
    margin-left: 1.5em;
}

.filter_pane,
#meta_data > div,
.adv_opts_box,
#downloads {
    background: #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #aaa;
    padding: 0 .4em;
}

#meta_data > div,
.adv_opts_box {
    margin-bottom: 1em;
    padding: .4em;
}

.filter_pane .form_buttons {
    margin: 0;
}

#template_select article,
.plugins_installable > li {
    padding: 0 .5em 1em;
}

.media_file {
    box-sizing: border-box;
    padding: 0 .5em 3.5em;
    position: relative;
}
.media_enclose_no header div {
    display: -webkit-box;
    display: block;
    border-bottom: 1px solid #DDD;
    background: #FEFEFE;
    padding: .5rem 0 0 .5rem;
    border-top: 1px solid #FDFDFD;
    box-shadow: 1px 1px 1px #DDD;
}
.media_file_meta.plainList {
    margin: .5rem auto;
}
/* clear .media_file bottom padding for main ml list toolbar space, see obove */
form#mediaPropertyForm .media_file {
    padding-bottom: 1em;
}
/* Remove 2cd title */
#mediaPropertyForm .media_file.mfile_prop.media_enclose_no header {
    margin-top: .5em;
}
#mediaPropertyForm .media_file.mfile_prop.media_enclose_no header h3 {
    display: none;
    visibility: hidden;
}
#mediaPropertyForm .media_file.mfile_prop header div {
    font-family: monospace; /* no double for auto size reduce */
}
#mediaPropertyForm header b {
    display: inline-flex;
}
#mediaPropertyForm .form_field #mediaPropertyDPI0 {
    min-width: 3.25em;
    width: 3.25em;
}
#mediaPropertyForm .form_field #mediaPropertyTITLE4 {
    max-width: 40em;
    width: 100%;
}
.media_properties_selects {
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 0.375em 0.75em 0.625em; }
    .media_properties_selects legend {
      padding: 0 .5em;
      font-weight: bold;
      font-variant: all-petite-caps; }
    .media_properties_selects select {
      margin-left: -.5em; }
.media_file_props .msg_hint, #media_select_props .msg_hint {
    background-color: #f0f8ff;
    font-size: .9125em;
    color: #444; }

h3 .media_file_actions {
    position: relative;
    font-size: initial;
}
.media_file_actions {
    position: absolute;
    margin-top: 1em;
}

.media_file_footer {
    position: relative;
}

.media_wrap_thumb {
    padding: .5em;
}

#serendipity_iframe {
    box-shadow: 0 0 4px rgba(0,0,0,.5);
    margin-top: 1.5em;
    width: 99.75%
}

#template_select article,
#serendipityScaleImg img,
.media_file,
.media_wrap_thumb,
.plugins_installable > li,
#dashboard > section,
#maintenance > section,
.serendipity_statistics > section,
#login,
#auth_fpwd {
    border: 1px solid #aaa;
}

#edit_entry_category fieldset > .form_check {
    display: inline-flex;
    width: auto;
    margin-right: .5em;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: .25em .5em .25em 0;
}
.no-flexbox #edit_entry_category fieldset > .form_check {
    display: inline-table;
    flex-wrap: inherit;
    justify-content: inherit;
}

.mfp-content #serendipity_error_top {
    width: 97.5%;
}

.mfp-content #edit_entry_category,
.mfp-content #edit_entry_freetags,
.mfp-content #s9y_links {
    background: #fcfcfc;
    margin: 0 auto;
    padding: 0 2em;
    position: relative;
    width: auto;
}

.mfp-content #s9y_links,
.mfp-content #edit_entry_category {
    max-width: 34em;
}

.compact_categories #edit_entry_category,
.mfp-content #edit_entry_freetags {
    max-width: 60em;
}

.mfp-content #edit_entry_category {
    padding-bottom: 2em;
}

.mfp-content #edit_entry_category .form_check {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-table;
    float: none;
    margin: 0 0 .5em;
    width: 100%;
}

.compact_categories #edit_entry_category .form_check {
    float: left;
    width: 50%;
}

.compact .cat_view_pad,
.compact_categories .cat_view_pad,
.separator {
    display: none !important;
    visibility: hidden;
}

.config_separator {
    visibility: hidden;
}

.mfp-content #edit_entry_category .form_check label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fcfcfc;
    border-radius: 2px;
    cursor: pointer;
    overflow: hidden;
    padding: .25em;
    width: 95%;
}

.compact_categories #edit_entry_category .form_check label {
    display: block !important;
}

.mfp-content #edit_entry_category .form_check input[type="checkbox"] {
    display: none !important;
    visibility: hidden;
}

.mfp-content #edit_entry_category .form_check input[type="checkbox"]:checked + label {
    background-color: #eee;
    border-color: #aaa;
}

.mfp-content #edit_entry_freetags {
    padding: 2em 2em 1em;
}

.mfp-content #backend_freetag_list {
    margin: 1em 0;
    text-align: justify;
}

.mfp-content #backend_freetag_list b {
    background-color: #eee;
    border: 1px solid #aaa;
    line-height: 1.25;
    padding: 0 .25em;
}

.mfp-content #backend_freetag_list a,
.mfp-content #backend_freetag_list b {
    display: -webkit-inline-box;
    display: inline-block;
    margin-right: .25em;
}

#edit_entry_category button.mfp-close,
#edit_entry_freetags button.mfp-close {
    color: #fafafa;
    font-size: 1em;
    height: auto;
    opacity: 1;
    text-shadow: #050505 0 1px 1px;
    top: 1em;
    right: 2em;
    bottom: auto;
}

.js .mfp-wrap #edit_entry_category .wrap_legend,
.mfp-content #s9y_links h3 {
    display: -webkit-box;
    display: block;
    border-bottom: 1px solid #aaa;
    margin-bottom: .583335em;
    padding-bottom: .583335em;
}

.mfp-content #addvar_msg,
.mfp-content #delete_msg,
.mfp-content #rename_msg {
    width: 40em;
    background-color: #FFF;
    text-align: center;
    margin: auto;
    border: 2px double #00FFDB;
    padding: 0.5em;
}
.mfp-content #rename_msg .msg_error,
.mfp-content #rename_msg code,
.mfp-content #rename_msg pre {
    display: -webkit-inline-box;
    display: inline-block;
    text-align: left;
}
.mfp-content #addvar_ok,
.mfp-content #delete_ok,
.mfp-content #rename_ok {
    margin-bottom: 1em;
    color: #FFF;
    text-shadow: inherit;
}
.mfp-content #addvar_msg button.mfp-close,
.mfp-content #delete_msg button.mfp-close,
.mfp-content #rename_msg button.mfp-close {
    display: none;
    visibility: hidden;
    overflow: hidden;
}

.taxonomy h3:hover,
.taxonomy li:hover {
    cursor: pointer;
}

.taxonomy h3 {
    float: left;
    line-height: 1.5em;
    margin: .375em 2em 0 0;
    color: #222;
}

.taxonomy ul {
    clear: left;
    font-size: .875em;
    margin: .5em 0 0;
    line-height: 1.4em;
    padding: 0;
    text-align: left;
    width: 100%;
}

.taxonomy li {
    display: -webkit-inline-box;
    display: inline-block;
    margin: 0 .5714em .3571em 0;
    padding: .1875em 0 0;
    position: relative;
    top: -2px;
}

.taxonomy .selected {
    background: #f6f6f6;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .1428em .5em 0;
    text-align: center;
}
.taxonomy .tagged {
    color: #3e5f81;
    text-decoration: underline;
}

#template_select article,
.plugins_installable > li,
.media_file {
    border-radius: 2px;
}

#dashboard > section > h3,
#maintenance > section > h3,
.serendipity_statistics > section > h3,
#login fieldset > span,
#auth_fpwd fieldset > span {
    background: #ddd;
    background-image: -webkit-linear-gradient(#fff, #ddd);
    background-image: linear-gradient(#fff, #ddd);
    border-bottom: 1px solid #aaa;
    color: #666;
    font-size: 1em;
    margin: 0 -1em;
    padding: .5em 1em;
}

#login fieldset > span,
#auth_fpwd fieldset > span {
    display: -webkit-box;
    display: block;
    font-weight: bold;
}

#dashboard > section,
#maintenance > section,
.serendipity_statistics > section,
#login,
#auth_fpwd {
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 1em;
    padding: 0 1em;
}

#dashboard > section {
    width: 100%;
}

#dashboard > section .actions {
    float: left;
}

#dashboard > section .entry_status,
#dashboard > section .comment_status {
    float: right;
}

#dashboard_backendrss .backendrss ul li {
  width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  list-style-position: inside;
  margin-left: -2.65em;
}

#sysinfo_notifications ul,
#dashboard_backendrss ul,
#dashboard_quicknotes ol {
    max-height: 15rem;
    height: auto;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #8899b1 #1e2127;
    margin: .75em auto;
}
#sysinfo_notifications ul.plainList .msg_notice {
    margin-top: 0;
}
#sysinfo_notifications ul li:last-of-type .msg_notice {
    margin-bottom: 0;
}
#dashboard_sysinfo .sysinfo_item {
    font-size: .925rem;
}
#dashboard_sysinfo .sysinfo_item label {
    vertical-align: middle;
}
#dashboard_sysinfo .sysinfo_item em {
    color: sienna;
}
#dashboard_sysinfo > div {
    margin: .5rem auto auto;
    font-style: italic;
}
#dashboard_sysinfo header {
    color: blueviolet;
    text-align: end;
    font-size: .925rem;
}
#dashboard_sysinfo .sysinfo_title {
    display: -webkit-inline-box;
    display: inline-block;
    width: 85%;
    margin-bottom: .125em;
    color: firebrick;
}
#dashboard_sysinfo .sysinfo_priority {
    display: -webkit-inline-box;
    display: inline-block;
    width: 15%;
    text-align: right;
}
#dashboard_sysinfo input[type="submit"] {
    margin-bottom: 1em;
}

#dashboard .quick_info {
    height: 14em;
    overflow: auto;
    font-size: .875em;
}
#s9y_links .plainList,
#s9y_quicktip .plainList {
    line-height: 1.6;
}
#s9y_quicktip span,
#serendipity_config_options .field_info,
.hyphenate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.media_wrap_thumb {
    float: left;
    margin: 0 2% 1em 0;
    width: 48%;
}

.emptydim {
    color: #696969;
}

#serendipityScaleImg img,
.configure_plugin .cke {
    height: auto;
    max-width: 99%;
}

.zebra_list,
.option_list .odd,
.option_list .even {
    border: 1px solid #aaa;
}

.zebra_list .odd,
.zebra_list .even,
.upload_form {
    border-bottom: 1px solid #aaa;
}

.zebra_list {
    border-bottom: 0 none;
}

.option_list .odd,
.option_list .even {
    margin-top: -1px;
}

.zebra_list .odd,
.option_list .odd {
    background: #eee;
}

.upload_form:nth-child(odd),
.upload_form:nth-child(odd) input[type="file"] {
    background: #eee;
}

.pluginmanager_container .multidel_selected,
.zebra_list .multidel_selected,
.multidel_selected {
    border: 2px solid #b94a48;
}

#entries_list h3,
#serendipity_comments_list h4,
.karmalog h4 {
    font-size: 1em;
    line-height: 1.5;
}

#entries_list h3,
.karmalog h4 {
    max-width: 50%;
}
#entries_list h3 {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}
#serendipity_comments_list h4 {
    max-width: 90%;
}

#properties_freetag_tagList,
.toggle_headline > button,
#toggle_extended,
#toggle_metadata,
#toggle_advanced {
    text-align: left;
    width: 99.75%;
}

#entries_list > li,
#serendipity_comments_list > li,
.karmalog > li,
#categories li > div,
#serendipity_image_folders li > div,
.upload_form {
    padding: 0 0 0 .4em;
}
#serendipity_comments_list > li .comment_full {
    padding-right: .4em;
}
#serendipity_comments_list .comment_full .cofu_hlg {
    background-color: #ef0fff;
    color: #fff;
    padding: 0 .15rem;
}

.zebra_list .odd,
.zebra_list .even,
.option_list .odd,
.option_list .even,
.configure_plugin .config_optiongroup .odd,
.configure_plugin .config_optiongroup .even {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: .4em;
    padding-right: .4em;
}

.theme_options .odd,
.theme_options .even {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .4em;
}

#categories li > ul,
#serendipity_image_folders li > ul {
    padding: 0 0 0 1em;
}

#categories .edit_actions li,
#serendipity_image_folders .edit_actions li {
    padding: 0;
}
#serendipity_image_folders .imgctlabel {
    font-style: italic;
}
#serendipity_users .edit_actions .user_level,
#serendipity_users .edit_actions .entryctlabel,
#serendipity_image_folders .imgctlabel,
#categories .edit_actions .catctlabel {
    font-size: .8125em;
}
#categories .edit_actions .catctlabel.groupbyauthor {
    padding: 0 1rem;
}
#categories .edit_actions .catctlabel {
    font-style: italic;
}
/* Categories + MediaLibrary directories - zebra to gradient replacement */
#categories.slist .x-odd,
#categories:not(.slist) li {
    margin-bottom: .5em;
}
#categories:not(.slist) li ul li {
    margin-bottom: 0;
}
#serendipity_image_folders:not(.slist) > li {
    margin-bottom: .5em;
    background-color: #FCFCFC;
}
#categories:not(.slist) li > div,
#serendipity_image_folders:not(.slist) li > div,
#serendipity_image_folders:not(.slist) ul li ul {
    background-color: transparent;
    background-image: -webkit-linear-gradient(to bottom, transparent 50%, transparent 50%);
    background-image:    -moz-linear-gradient(to bottom, transparent 50%, transparent 50%);
    background-image:         linear-gradient(to bottom, transparent 50%, transparent 50%);
}
#categories:not(.slist) li > ul,
#serendipity_image_folders:not(.slist) li > ul {
    background-color: #FCFCFC;
    background-image: -webkit-linear-gradient(to bottom, #FCFCFC, #F2F2F2);
    background-image:    -moz-linear-gradient(to bottom, #FCFCFC, #F2F2F2);
    background-image:         linear-gradient(to bottom, #FCFCFC, #F2F2F2);
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}
#categories:not(.slist) ul li div:last-of-type,
#serendipity_image_folders:not(.slist) ul li div:last-of-type {
    border-bottom: 0 none;
}
#categories:not(.slist) ul li > div,
#categories:not(.slist) ul li ul,
#serendipity_image_folders:not(.slist) ul li > div,
#serendipity_image_folders:not(.slist) ul li ul {
    border-left: 0 none;
    border-bottom: 0 none;
}

#entries_list .entry_info {
    font-size: .9125em;
}
#entries_list .entry_info span {
    margin: 0 1em .75em 0;
}
#entries_list .entry_meta .icon-edit,
#entries_list .entry_meta .icon-users,
#entries_list .entry_info span .icon-info-circled {
    margin: 0;
}
#entries_list .entry_meta .icon-edit {
    color: #3e5f81;
}
#entries_list .status_lang span {
    margin: 0 0 .2em 0;
}

.entry_status:not(.status_locked),
.comment_status,
.field_info {
    background: #888;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    padding: 0 .25em;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}

.field_info {
    clear: both;
    display: -webkit-box;
    display: block;
    margin: .75em 0;
}

.installer .toggle_info {
    padding: 1px 2px;
    position: relative;
    top: -1px;
}

.installer .toggle_info b {
    display: -webkit-inline-box;
    display: inline-block;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: .875em;
    line-height: 1;
    width: 1em;
    speak: none;
    text-align: center;
}

h3 button.toggle_info.button_link.group_info {
    font-size: smaller;
}

.field_info a,
.field_info a:visited {
    color: #ddd;
}

.field_info a:hover,
.field_info a:focus {
    color: #fcfcfc;
}

#serendipity_config_options .field_info,
#plugin_options .field_info,
#template_options .field_info {
    font-size: .925rem;
}

#password_info.field_info + .upw_field {
    display: none;
}
#password_info.field_info.additional_info + .upw_field {
    width: 48%;
    display: contents;
    font-weight: bold;
    font-style: italic;
    color: #595959;
    text-shadow: 1px 1px 1px rgb(254, 239, 219);
}
.newrex > span,
.upw_field > span {
    padding-right: .5em;
}

#isync_info a {
    color: #fffafa;
}

#entries_list .entry_info .entry_status,
.comment_status {
    float: right;
}

#serendipity_comments_list .comment_status {
    margin: .5em;
}

.serendipity_commentBody blockquote,
#serendipity_comments_list .comment_full blockquote {
    border-left: 5px solid #ccc;
    padding-left: 1em;
    font-style: oblique;
}

.serendipity_commentBody .comment_avatar.avatar_left {
    padding-right: .5em;
}

select#serendipity_commentform_replyToParent {
    text-align-last: right;
}
#serendipity_commentform_replyToParent option {
    direction: rtl;
}
#copa_info.comment_status {
    float: none;
    display: -webkit-inline-box;
    display: inline-block;
    margin: .5em 0;
}
.serendipity_commentDirection.serendipity_comment_s9ymarkup,
.serendipity_commentDirection.serendipity_comment_emoticate {
    background: #eee;
    border: 1px solid #aaa;
    color: #777;
    margin-top: 1em;
    margin-bottom: 0;
    padding: .5em;
}

#maintenance_cleanup .comment_status,
#maintenance_thememanager .comment_status,
#maintenance_thumbs .comment_status {
    float: none;
    margin: 0 0 .5em;
}
#clearplug_access_multi_plugins,
#cleartemp_access_multi_themes {
    width: 100%;
}

.pending {
    color: #666;
}
.owner::before {
    border-left: 1.5em solid transparent;
    border-top: 1.5em solid #3e5f81;
    float: right;
    content: '';
    right: 0;
    top: 0;
}
.comment_type {
    background-color: transparent;
    width: 1.5em;
    height: 1.5em;
    border-top: 1px solid #AAA;
    border-right: 1px solid #AAA;
    position: relative;
    display: flex;
    justify-content: flex-start;
    margin-bottom: .25em;
    line-height: normal;
}
.comment_type.normal {
    background-color: rgba(240,248,255, .8);/*#F0F8FF Color Hex Alice Blue*/
}
.comment_type.trackback {
    background-color: rgba(190,250,230, .8);/*downlighted rgba 127,255,212,.8 #7FFFD4 Color Hex Aquamarine*/
}
.comment_type.pingback {
    background-color: rgba(255, 232, 84, .8);/* downlighted rgba 255,220,0,.8 #FFDC00 Color Hex new Yellow */
}
.comment_type .stype {
    margin-top: -.2em;
    padding: .4em;
    font-weight: 600;
}

#entries_list .entry_info .entry_status {
    margin: 0 .4em .75em 0;
}
#entries_list .entry_info .status_pin,
input.pinpoint {
    margin: 0;
    color: #222;
    background: transparent;
}
#entries_list .entry_info .entry_status.status_pin {
    margin-right: .4em;
}
#entries_list .entry_info .entry_status.status_locked {
    margin-right: .5rem;
}

.status_timestamp {
    min-width: 11em;
}

.ihelp .icon-info-circled {
    cursor: help; /* color of parent */
}
.newrex .icon-info-circled,
.upw_field .icon-info-circled,
.plugin_docu .icon-info-circled,
.status_timestamp .icon-info-circled {
    color: #3e5f81;
    cursor: help;
}
.upw_field .icon-info-circled,
.entry_info .status_timestamp .icon-info-circled {
    color: #718395;
}
.newrex .icon-info-circled {
    color: currentColor;
}
.alertinfo {
    cursor: help;
    color: #dc143c;
}

.show_config_option {
    text-decoration: none;
}

label .perm_name,
.installer pre {
    color: #888;
}

.perm_name {
    font-family: monospace, serif;
    font-size: .875em;
    font-style: normal;
}

.footnote {
    font-size: small;
    font-style: italic;
}

/* FOOTER */
#meta {
    border-top: 1px solid #aaa;
    color: #3e5f81;
    text-align: center;
}

#meta p {
    color: #666;
    margin: 0;
    padding: .75em;
}


/* LOGIN FORM */
#login, #auth_fpwd {
    margin: 2em auto 4em;
    max-width: 22em;
}

#login .form_field label,
#auth_fpwd .form_field label {
    min-width: 8em;
}


/* PLUGIN MANAGER */
.pluginmanager {
    margin-top: 1em;
    margin-bottom: 1em;
}

.pluginmanager_container {
    background: transparent;
    margin: 0;
    padding: .25em;
    position: relative;
}
.pluginmanager_sidebar .pluginmanager_container {
    height: 94%;
}
.pluginmanager_event .pluginmanager_container {
    height: 96.8%;
}

.flexbox .pluginmanager_side,
.no-flexbox .pluginmanager_container {
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.flexbox .pluginmanager_side h4 {
    margin: .75em .5em .25em;
}

.pluginmanager_container .placeholder {
    border: 1px solid black;
    border-radius: 2px;
    height: 50px;
    position: relative;
}

.pluginmanager_container .placeholder:before {
    border: 5px solid transparent;
    border-left-color: #ff4136;
    border-right: none;
    content: "";
    height: 0;
    margin-top: -5px;
    position: absolute;
    left: -5px;
    top: -4px;
    width: 0;
}

.pluginmanager_plugin {
    margin: 0 0 5px;
    padding: 2em 5px 5px;
    position: relative;
}

.pluginmanager_plugin:last-child {
    margin-bottom: 0;
}

.pluginmanager_item_odd,
.pluginmanager_item_even {
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 2px;
    overflow-wrap: anywhere;
}

.pluginmanager_memoryusage {
    display: inline-block;
}
.pluginmanager_ownership.spawn-right {
    float: right;
}

.pluginmanager_place,
.pluginmanager_ownership,
.pluginmanager_move,
.pagination .next,
.pagination .last,
#login .form_buttons,
#auth_fpwd .form_buttons {
    text-align: right;
}

.no-js .pluginmanager_place {
    margin-top: .5em;
}

.plugin_count {
    clear: both;
    margin: 1.5em 0 0;
}

.pluginmanager  .pluginmanager_grablet {
    cursor: move;
    display: -webkit-box;
    display: block;
}
.pluginmanager_grablet button {
    cursor: move;
}

.pluginmanager .pluginmanager_grablet,
.pluginmanager .pluginmanager_configure,
.pluginmanager_move {
    position: absolute;
    top: 5px;
}

.pluginmanager .pluginmanager_grablet,
.pluginmanager_move {
    left: 5px;
}

.pluginmanager .pluginmanager_configure {
    right: 5px;
}

.pluginmanager_plugin .form_check {
    float: left;
    margin: .75em 0;
    width: 5%;
}

.pluginmanager_plugin h5 {
    float: left;
    margin: .75em 0 0;
    width: 95%;
}

.pluginmanager_sidebar .pluginmanager_plugin .form_check {
    width: 8%;
}

.pluginmanager_sidebar .pluginmanager_plugin h5 {
    width: 92%;
}

.pluginmanager_plugin .plugin_data {
    clear: left;
}

.configuration_group .sequence_grablet,
.configuration_group .sequence_item .form_check {
    display: -webkit-inline-box;
    display: inline-block;
    margin: 0 .4em 0 0;
}

.configuration_group .sequence_item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: block;
    margin: 0 0 .25em;
    padding: .25em;
    width: 100%;
}

.configure_plugin .configuration_group .sequence_item > span {
    display: -webkit-inline-box;
    display: inline-block;
    width: 70%;
    vertical-align: top;
}

#media_selection_title {
    word-wrap: break-word;
}

#template_select h3,
.media_file h3 {
    margin: .5em 0 1em;
}
.media_file h3 {
    white-space: nowrap;
    overflow: hidden;
    width: 14em;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.media_file .form_check input {
    position: relative;
    top: .125em;
}
.media_file.manage header {
    white-space: nowrap;
    overflow: hidden;
}

.dragging,
.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

.nojs-controls,
.touch .pluginmanager_grablet,
.toggle_info b,
#edit_entry_metadata #toggle_cat_view {
    display: none;
    visibility: hidden;
}

.no-js .nojs-controls,
.touch .nojs-controls {
    display: -webkit-box;
    display: block;
    visibility: visible;
}


/* MEDIA DB */
.media_pane .pagination,
.no-js .media_file_preview img,
.js .template_wrap,
.media_file .form_check {
    margin: 0 0 1em;
}

.media_directory_entries {
    text-align: right;
    display: inherit;
    margin-top: -1.2rem;
}
.media_directory_entries {
    padding-right: .25rem;
}

.js .template_info > dl {
    margin: 0;
}

.js .media_pane .media_file_preview,
.js .template_preview {
    position: relative;
}
.js .template_preview {
    overflow: hidden;
}
.js .media_pane .media_file_preview {
    overflow: auto;
}

#grid-selector,
#grid-selector.media-grid-selector.poor {
    display: none;
    visibility: hidden;
}
.js .media_controls {
    margin-top: .25em;
    margin-bottom: .25em;
}
.js .mlDefCol .media_controls audio {
    width: max-content;
    min-width: 18em;
    display: -webkit-inline-box;
    display: inline-block;
}
.js img.media_mime_player_thumb,
.js .media_mime_player_thumb img {
    width: 32px;
    width: 2em;
}
.js .media_controls video {
    width: auto;
    height: auto;
    max-width: 96%;
}

/* gallery pane start */
.js .media_gallery  {
    flex: auto;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-flow: row wrap;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start; /* the default is stretch, internally used by Chrome when flexing direct child images */
    justify-content: space-around; /* IE10+ CSS fallback, since -evenly not supported */
    justify-content: space-evenly;
    margin-bottom: 1em;
}
.js .media_gallery .media_gal {
    width: 16%;
    min-width: 8.5em;
    height: 8em;
}
.js .media_gallery .media_gal.odd,
.js .media_gallery .media_gal.even {
    margin: 0 0 1em 0;
}
.media_gal .form_check {
    margin: 0 0 .5em;
    line-height: 1;
}
.js .media_gallery .media_gal header h3 {
    font-size: .9125em;
    line-height: 1;
    margin: .5em 0 .5em;
    width: 79%;
    min-width: 6em;
}
.js .media_gallery .media_file_pregal {
    min-height: 5.5em;
    height: 5.5em;
    overflow: hidden;
}
#gallery_orientation .gallery_strict_columns_head {
    margin-left: 1rem;
}
#gallery_orientation .gallery_strict_columns input {
    margin-left: .75rem;
}
#gallery_orientation .gsc-size {
    display: inline;
    font-size: smaller;
}
/*gallery pane end*/

.js #idx_waitingspin.pulsator {
    position: absolute;
    top: 6.5rem;
    left: 42.5%;
}
.js #waitingspin.pulsator {
    display: flex;
    position: relative;
    top: 3.5em;
    left: 16.5em;
}
.js #dash_plup #waitingspin.pulsator {
    top: 0em;
    left: 6em;
}
.js #waitingspin.pulsator.scale_image {
    margin-top: -1.5em;
}
.js #idx_waitingspin.pulsator div,
.js #waitingspin.pulsator div {
    border: 4px solid #fff;
}
.js .pulsator {
    position: absolute;
    opacity: 1;
    z-index: 2;
    mix-blend-mode: difference;
}
.js .pulsator div {
    position: absolute;
    border: 4px solid #fff;
    opacity: 1;
    border-radius: 50%;
    animation: pulsator 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.js .pulsator div:nth-child(2) {
    animation-delay: -0.25s;
}
@keyframes pulsator {
    0% { top: 36px; left: 36px; width: 0; height: 0; opacity: 0; }
    5% { top: 36px; left: 36px; width: 0; height: 0; opacity: 0; }
    10% { top: 36px; left: 36px; width: 0; height: 0; opacity: 1; }
    100% { top: 0px; left: 0px; width: 72px; height: 72px; opacity: 0; }
}

.js .media_pane .media_file_rotate {
    opacity: .5;
}

.js .media_pane .media_file_meta,
.js .template_info {
    background: #222;
    background: rgba(0,0,0,.6);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fcfcfc;
    height: 100%;
    overflow: auto;
    padding: .5em 1em;
    position: absolute;
    top: 0;
    left: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
    width: 100%;
    font-size: .9125rem;
}

.no-js #show_config_all,
.no-js .show_config_option .icon-plus,
.no-js #reset_timestamp,
.no-js #select_category,
.no-js #select_tags,
.no-js #toggle_metadata,
.no-js #toggle_advanced,
.no-js .filters_toolbar,
.no-js .invert_selection,
.no-js .toggle_comment_full,
.no-js #add_upload,
.no-js .choose_media,
.no-js .media_choose figure,
.no-js #category_preview figure,
.no-js .media_show_info,
.no-js .media_rename,
.no-js .template_show_info,
.no-js #serendipity_comments_list .comment_summary,
.no-js .editor_toolbar,
.no-js .toggle_info .info-icon-circled,
.no-js .pluginmanager_grablet,
.no-js .image_resize_hint,
.no-js #serendipityScaleForm > .form_check,
.no-js .customfieldMedia,
.no-js .toggle_links,
.no-js .toggle_info,
.no-js .taxonomy,
.no-js .comment_summary,
.no-js .show_config_option .icon-right-dir,
.no-js #keyword_list,
.no-js #category_filter,
.js :not(.ping).additional_info,
.js .installer .icon-info-circled,
.hidden {
    display: none !important;
    visibility: hidden;
}

.no-js .mfp-hide,
.js .installer .toggle_info b,
.installer .configuration_group > .additional_info {
    display: block !important;
    visibility: visible;
}

input[name="serendipity[filter][fileCategory]"] {
    display: none;
}

.media_selector {
    cursor: pointer;
    margin-right: -5px;
}
.media_selector:nth-of-type(3) {
    margin-right: 0;
}

.media_selector,
.tabs > ul li > a {
    border-radius: 0;
    border-right: 0 none;
}

.media_selector:first-of-type,
.tabs > ul .first > a {
    border-radius: 4px 0 0 4px;
}

.media_selector:last-of-type,
.tabs > ul .last > a {
    border-radius: 0 4px 4px 0;
    border-right: 1px solid #bbb;
}

#media_selector_bar {
    float: right;
    margin: 1em 0 0;
}

.popuplayer_showUpload {
    float: right;
    margin: 1em 0 0;
}

.media_select_strict {
    clear: right;
    float: left;
    margin: -0.75em 0;
}

#media_pane_sort .hideSubDirLabel {
    margin-top: 0.75em;
    width: 100%;
}

#media_pane_sort .media_page {
    display: -webkit-inline-box;
    display: inline-block;
    width: 100%;
}
#media_pane_sort .media_page label {
    display: -webkit-inline-box;
    display: inline-block;
}
input#select_page {
    width: 54px;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    z-index: 10000;
}

#progressWidget {
    display: -webkit-box;
    display: block;
    margin: auto;
    position: relative;
    top: 40%;
    text-align: center;
}

#updateAll {
    margin-bottom: 1em;
}

#updateMessage {
    color: white;
    width: 20em;
}

#updateProgress, #updateIndicator, #updateMessage {
    display: -webkit-box;
    display: block;
    margin-bottom: 1em;
    margin: auto;
}

@-webkit-keyframes loaderSprite { from { background-position: 0; } to { background-position: -2500px; } }
@-moz-keyframes loaderSprite { from { background-position: 0; } to { background-position: -2500px; } }
@keyframes loaderSprite { from { background-position: 0; } to { background-position: -2500px; } }

#updateIndicator {
    width: 100px;
    height: 100px;
    background-image: url('./templates/default/admin/img/activity.png');
    -webkit-animation: loaderSprite 1s steps(25, end) infinite;
    animation: loaderSprite 1s steps(25, end) infinite;
}

/* TEMP fixes for tree view */
#expandcontractdiv {
    font-size: 1em !important;
    margin: .75em auto !important;
}

#footerContainer {
    margin-left: .75em !important;
    margin-right: .75em !important;
}

#footerContainer .button_link {
    display: -webkit-box;
    display: block;
}

.ygtvitem table {
    margin: 0;
}
/* end TEMP fixes */

/* MAGNIFIC POPUP  */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }
  #category_icon_preview,
  .mfp-container figure {
    text-align: initial;
    border: initial;
    border-radius: initial;
    background: initial;
    padding: initial; }

.mfp-container:before {
  content: '';
  display: -webkit-inline-box;
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-container h2 {
  color: #f0f8ff; }
  .dialog.confirm.mfp-container .content {
  max-width: 54em;
  margin: auto;
  color: #6cb6ff; }

.mfp-content {
  position: relative;
  display: -webkit-inline-box;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-dialog {
  background: #1c2128cc;
  padding: .5em;
  border: .5em solid #444c56;
  text-align: center;
  color: #768390; }
  @media only screen and (min-width: 1024px) {
    .mfp-dialog {
      margin: auto 20%;
    }
  }
  /* mimic core a.button_link.state_submit,... styles */
  .mfp-dialog .mfp-btn.state_submit {
    color: #fafafa;
    text-shadow: #050505 0 1px 1px; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: -webkit-box;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: -webkit-box;
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    height: 100%;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: -webkit-box;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: -webkit-box;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: -webkit-box;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    display: -webkit-box;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }
  .js .media_gallery .media_gal header h3 {
    width: 74%;
    min-width: 4em; } }

/* Additional styles for MagnificPopup, do not remove */
.mfp-image-holder .mfp-content {
    min-width: 240px;
}

/* X-SMALL SCREEN */
@media only screen and (min-width: 320px) {
    #media_pane_filter div fieldset input {/*mediafilter*/
        width: 6em;
    }
    #media_pane_filter div fieldset input[type="date"] {/*mediafilter for role date HTML5 date picker interface */
        width: auto;
    }
    #media_filter .range-label {/*mediafilter*/
        display: -webkit-inline-box;
        display: inline-block;
        width: auto;
    }
    /* top right floated pre-set for 360px+ followups */
    .plugin_togglegroup {
      margin: 0 auto .5em -.35em; }
      .plugin_show_info.toggle_info {
        padding: .25em .5em; }

}

/* SMALL SCREEN */
@media only screen and (min-width: 360px) {
    #banner .chop-title {
        width: 8em;
    }

    .is_entry_preview.no_iframe_data {
        width: 95%;
    }

    .media_file h3 {
        width: 15em;
    }

    .media_directory_entries {
        margin-top: -3.2rem;
    }

    /* float message on personal preferences page for "stickied" form > .button_link.toggle_config */
    .ppconf_msg {
        float: left;
        width: 90%; }

    /* Top right floated filter alike elements - in order: plugins, themes, user pp, entries, comments */
    #plugin_options .plugin_togglegroup,
    #template_options .plugin_togglegroup,
    form > .button_link.toggle_config,
    .filters_toolbar.filter_entries,
    .filters_toolbar.filter_comments  {
      float: right;
      margin: -3.125em 0 0; }
      .msg_error:not(.ppconf_msg) + form > .button_link.toggle_config,
      .msg_notice:not(.ppconf_msg) + form > .button_link.toggle_config,
      .msg_success:not(.ppconf_msg) + form > .button_link.toggle_config {
        position: absolute;
        top: 7.5rem;
        right: 2.25%; }/* general configuration only */
      #plugin_options h2,
      .plugin_info.tgroup_info {
        max-width: 86%;
        word-break: break-word; }/* long titled bee, dsgvo_gdpr, sidebarlogo */
      #template_options .theme_options.option_list .plugin_togglegroup,
      form.theme_options.option_list > #show_config_all {
        margin-top: -7.15em; }
      /* special cases plugin i.e. fieldset#(sidebarlogo|gdpr|bee|spamblock|spartacus)_togglegroup alike plugins */
      #plugin_options form.configure_plugin.option_list > .plugin_togglegroup {
         position: absolute;
         top: 7.3625rem;
         right: 2%; }
        .msg_success + #plugin_options form.configure_plugin.option_list > .plugin_togglegroup {
          top: 11.5rem; }
        /* 4 Spartacus cases */
        .msg_notice + .msg_success + #plugin_options form.configure_plugin.option_list > .plugin_togglegroup {
          top: 16rem; }
        /* Deleting file package_event_en.xml..., package_sidebar_en.xml... + done msg */
        .msg_notice + .msg_notice + .msg_success + #plugin_options form.configure_plugin.option_list > .plugin_togglegroup {
          top: 20rem; }
        /* Deleting file package_event_en.xml..., package_sidebar_en.xml..., package_template.xml... + done msg */
        .msg_notice + .msg_notice + .msg_notice + .msg_success + #plugin_options form.configure_plugin.option_list > .plugin_togglegroup {
          top: 24rem; }
        /* Deleting file package_event_de.xml..., package_event_en.xml..., package_sidebar_de.xml..., package_template.xml... + done msg */
        .msg_notice + .msg_notice + .msg_notice + .msg_notice + .msg_success + #plugin_options form.configure_plugin.option_list > .plugin_togglegroup {
          top: 28.6rem;
          right: 4%; }

      /* special cases theme configuration messages */
      #template_options .msg_success + form.theme_options.option_list > #show_config_all {
         position: absolute;
         top: 11.4285rem;
         right: 2%; }

    #note_subject {/*admin(quick)-notes*/
        min-width: 25em;
    }

    #serendipity_comments_list h4.pingback {
        max-width: 94%;
        width: 94%;
    }

    .popuplayer_showUpload {
        margin: 1em .4rem 0 0;
    }
}

@media only screen and (min-width: 400px) {
    #serendipity_comments_list h4.pingback {
        max-width: 95%;
        width: 95%;
    }
    /* @see 360+ top right floated long titled bee, dsgvo_gdpr, sidebarlogo, nugget_multilingual set */
    #plugin_options h2 {
        max-width: 100%;
        word-break: initial;
    }
    .plugin_info.tgroup_info {
        max-width: 93%;
        word-break: initial;
    }
}

@media only screen and (min-width: 426px) {
    #media_pane_sort .hideSubDirLabel {
        white-space: pre;
    }
    #select_image_target + label {
        margin-inline-start: .5em;
    }
    .js .media_controls video {
        max-width: 24em;
    }
    .js .mlMidCol .media_controls video {
        max-width: 16em;
    }
    .js .mlMaxCol .media_controls video {
        max-width: 12em;
    }
    .is_entry_preview.no_iframe_data {
        width: 96%;
    }
}

@media only screen and (min-width: 480px) {
    #banner .chop-title {
        width: 9em;
    }
    #serendipityEntry {
        padding-top: 0;
    }

    .media_file h3 {
        width: 18em;
    }

    #edit_entry_submit, #advanced_options .jump_to_edit_entry_submit {
        top: -3.25em;
    }

    #pluginlist_tabs {
        clear: both;
        position: relative;
    }

    #media_selector_bar {
        margin: 0;
    }

    .filter_media {
        top: 4.25em;
    }
    .js [class^="msg_"] + .filter_media {
        top: 2.5em;
    }
    .filter_comment {
        right: 30%;
    }

    .entry_status_stripe {
        top: 5em;
    }
    [class^="msg_"] + .entry_status_stripe {
        top: 3.5em;
    }

    .popuplayer_showUpload {
        margin: 1em 0 0;
    }
    .js .popuplayer_showUpload {
        margin: 0;
    }

    .tabcontent #pluginlist_event > a,
    .tabcontent #pluginlist_sidebar > a {
        position: absolute;
        top: -1px;
        right: 0;
    }
}

@media only screen and (min-width: 481px) {
    #login, #auth_fpwd {
        max-width: 25em;
    }

    #sort_entries .form_select label,
    #filter_entries .form_select label,
    #filter_entries .form_field label,
    #media_pane_filter label,
    #media_pane_sort label,
    #karmafilters label,
    #image_directory_create_form label {
        display: -webkit-inline-box;
        display: inline-block;
        width: 20%;
        white-space: nowrap;/*mediafilter*/
    }

    #sort_entries .form_select select,
    #filter_entries .form_select select,
    #filter_entries .form_field input {
        width: 79%; /* keep, although looking redundant. Is mid-screen label - element one-liner. */
    }

    #uploadform label {
        display: -webkit-inline-box;
        display: inline-block;
    }
    #uploadform .form_field input,
    #uploadform .form_select select {
        min-width: 16em;
    }

    .serendipity_commentForm.reassign #serendipity_comment label {
        width: 53%;
    }

    .configuration_group .form_select select,
    .configuration_group .form_multiselect select,
    .configuration_group .form_field input,
    .configuration_group .form_area textarea {
        max-width: 320px;
    }
}

@media only screen and (min-width: 560px) {
    .media_file:not(.mfile_prop),
    .theme_file,
    .current_template,
    .current_backend_template  {
        width: 30em;
    }
    .is_entry_preview.no_iframe_data {
        width: 97%;
    }
}

@media only screen and (min-width: 640px) {
    #banner .chop-title {
        width: 24em;
    }

    .media_file h3 {
        width: 19em;
    }
    .mfile_prop h3 {
        overflow: unset;
    }

    .scale_fname {
        display: inline;
        border: 1px solid #ddd;
        background: #ededed;
        padding: 0 .25em;
    }

    #entries_list h3,
    #serendipity_comments_list h4,
    .karmalog h4 {
        max-width: 75%;
    }

    #serendipity_comments_list h4.pingback {
        max-width: 96%;
        width: 96%;
    }
    .comments_pane .pagination h3,
    .media_pane .pagination h3,
    .entries_pane .pagination h3,
    .karma_pane .pagination h3 {
        position: absolute;
        top: -60%;
        left: 37%;
    }

    #media_selector_bar {
        margin: 0 0 1em;
    }

    .popuplayer_showUpload {
        margin: 0 .4em 1em 0;
    }

    .media_select_strict {
        margin: -1em 0;
    }

    #mediaPropertyForm .media_file_props label,
    #mediaPropertyForm header b,
    #mediaPropertyForm footer b {
        display: -webkit-inline-box;
        display: inline-block;
        width: 20%;
    }

    #media_filter > .left,
    #media_filter > .center {/*mediafilter*/
        margin-right: .2em;
    }

    .user_level {
        display: inline;
    }
    .user_name .user_level {
        display: none;
        visibility: hidden;
    }
    ul.edit_actions li > .user_level {
        display: initial;
        visibility: initial;
    }

    .entryproperties_access_groups,
    .entryproperties_access_users,
    .entryproperties_access_author,
    .entryproperties_markup,
    #plugin_groups {
        float: left;
        margin-right: 2%;
        width: 48%;
    }

    #plugin_groups.update_group {
        min-height: 2em;
    }

    #plugin_filter {
        display: -webkit-inline-box;
        display: inline-block;
        margin-right: 2%;
        width: 48%;
    }

    #plugin_groups .form_buttons {
        margin-bottom: 0;
    }

    .entryproperties_customfields {
        clear: both;
    }

    .media_file_keywords li {
        width: 23%;
    }

    #adv_opts > fieldset > span > legend {
        width: 92%;
    }

    .upgrader_perms {
        background-color: #f5f5f5;
        border: 1px solid #ddd;
        padding: .5em 0 0 1em;
    }
}


/* MEDIUM SCREEN */
@media only screen and (min-width: 768px) {
    html {
        font-size: 1em;
    }

    h1 {
        font-size: 1.25em;
        line-height: 1.125em;
        margin: .6em 0;
    }

    h2 {
        font-size: 1.5em;
        line-height: 1em;
        margin: 1em 0;
    }

    pre {
        font-size: .875em;
        line-height: 1.71429em;
        margin: 1.71429em 0;
    }

    .media_file h3 {
        width: 16em;
    }
    .media_file.mlMidCol h3 {
        width: 12.5em;
    }
    .media_file.mlMaxCol h3 {
        width: 8em;
    }

    .js #grid-selector {
        display: -webkit-box;
        display: block;
        visibility: visible;
        float: right;
    }
    .js #grid-selector.media-grid-selector {
        margin-top: -3em;
    }
    .js #grid-selector.theme-grid-selector {
        font-size: initial;
    }
    .js #grid-selector > div {
        margin: 0 0 0 .5em;
    }
    .mediaGrid {
        display: inline-flex;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0;
        height: auto;
        border: 1px solid #ddd;
        border-radius: 3px;
    }
    .mediaGrid-cell {
        flex: 0 0 auto;
        height: .6em;
        box-shadow: 1px 2px 3px #ccc;
        width: 1.5em;
        cursor: pointer;
    }
    .mediaGrid-cell.tic {
        background-color: #eff3f6;
        border-right: 1px solid #ddd;
        background-image: linear-gradient(-180deg,#fafbfc,#eff3f6 90%);
    }
    .mediaGrid-cell.tac {
        background-color: #fff;
        border-right: 1px solid #ddd;
    }

    /* reset the 100% mobile expander */
    .mfp-iframe-holder .mfp-content {
        height: auto;
    }

    .media_file.mlMidCol header,
    .media_file.mlMaxCol header {
        overflow: hidden;
    }

    #template_select .theme_file,
    .media_pane > .media_file {
        flex: 0 0 auto;
    }
    .media_pane > .media_file.mlDefCol {
        margin: 0 2% 1em 0;
        width: 48%;
    }
    #template_select ul li.theme_file.tmMidCol,
    .media_pane > .media_file.mlMidCol {
        margin: 0 0 1em 0;
        width: 32%;
    }
    #template_select ul li.theme_file.tmMaxCol,
    .media_pane > .media_file.mlMaxCol {
        width: 24%;
    }
    .media_pane > .media_file.mlMaxCol {
        margin: 0 -2% 1em 0;
    }
    .media_pane > .media_file.mlMaxCol:last-of-type {
        margin: 0 0% 1em 0;
    }
    #template_select ul li.theme_file.tmMaxCol {
        margin: 0;
    }
    .media_pane > .media_file.mlMidCol:nth-of-type(2n) {
        margin: 0 0 1em 0;
    }
    #template_select .theme_file.tmMidCol .template_preview,
    #template_select .theme_file.tmMaxCol .template_preview,
    .js .media_pane .media_file.mlMidCol .media_file_preview,
    .js .media_pane .media_file.mlMaxCol .media_file_preview {
        position: relative;
        overflow: hidden;
    }
    /* article element size 279.8 x 279.8 */
    .js #template_select ul li.theme_file.tmMidCol article .template_preview {
        min-height: 12.454em;
        height: 12.454em;
    }
    .js .media_pane .media_file.mlMidCol .media_file_preview {
        min-height: 12.75em;
        height: 12.75em;
    }
    /* article element size 205.35 x 205.35 */
    .js #template_select ul li.theme_file.tmMaxCol article .template_preview {
        min-height: 7.801em;
        height: 7.801em;
    }
    .js .media_pane .media_file.mlMaxCol .media_file_preview {
        min-height: 7.5em;
        height: 7.5em;
    }
    #template_select .theme_file.tmMidCol h3,
    #template_select .theme_file.tmMaxCol h3,
    .media_pane > .media_file.mlMidCol header h3,
    .media_pane > .media_file.mlMaxCol header h3 {
        font-size: 95%;
    }
    .media_pane > .media_file.mlMidCol .media_file_actions.plainList,
    .media_pane > .media_file.mlMaxCol .media_file_actions.plainList {
        margin: 0;
        padding: 0;
    }
    /* mimics single action button styles on the action bar */
    .media_pane > .media_file.mlMidCol ul.media_file_actions.plainList,
    .media_pane > .media_file.mlMaxCol ul.media_file_actions.plainList {
        border-radius: 4px;
        background-clip: padding-box;
        border: 1px solid #DDD;
        box-shadow: 1px 2px 3px #DDD;
        line-height: normal;
        outline: 0;
        padding: .15em .15em;
        text-decoration: none;
        width: auto;
        margin-top: .25em;
        display: inline-flex;
    }
    .media_pane > .media_file.mlMaxCol ul.media_file_actions.plainList {
        margin-top: 1em;
    }
    #template_select .theme_file.tmMaxCol .button_link {
        padding: .25em;
    }
    #template_select .theme_file.tmMidCol .button_link {
        font-size: .875em;
    }
    #template_select .theme_file.tmMaxCol .button_link {
        font-size: small;
    }
    .media_pane > .media_file.mlMidCol .button_link,
    .media_pane > .media_file.mlMaxCol .button_link {
        border-radius: initial;
        background-clip: initial;
        border: 0 none;
        line-height: normal;
        outline: 0;
        padding: 0;
        width: initial;
    }
    .media_pane > .media_file.mlMidCol ul.media_file_actions.actions > li {
        margin: 0;
        padding: .375em;
    }
    .media_pane > .media_file.mlMaxCol ul.media_file_actions.actions > li {
        margin: 0;
        padding: .15em;
    }
    #template_select .theme_file.tmMidCol .template_info  dl dd,
    #template_select .theme_file.tmMidCol .template_info  dl dt,
    .media_pane > .media_file.mlMidCol .media_file_meta ul li {
        font-size: 90%;
    }
    #template_select .theme_file.tmMaxCol .template_info,
    #template_select .theme_file.tmMaxCol .template_info {
        padding: .25em .25em;
    }
    #template_select .theme_file.tmMaxCol .template_info  dl dd,
    #template_select .theme_file.tmMaxCol .template_info  dl dt {
        font-size: .75em;
    }
    .media_pane > .media_file.mlMaxCol .media_file_meta ul li {
        font-size: 70%;
    }

    #maintenance {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
    }
    #maintenance > section {
        display: -webkit-inline-box;
        display: inline-block;
        width: 100%;
        -webkit-column-break-inside: avoid;
                  page-break-inside: avoid;
                       break-inside: avoid;
    }
    /* this forces chromium (webkit) to use next column */
    #maintenance_thememanager {
        height: 100%;
    }
    #maintenance > .quick_list {
        margin: 0 2% 1.0625em 0;
    }
    .no-flexbox #template_select article,
    .no-flexbox .plugins_installable > li,
    #serendipityScaleForm,
    #serendipityScaleImg,
    .no-flexbox .media_file,
    .no-flexbox #dashboard > .dashboard_widget,
    .serendipity_statistics > section,
    #serendipity_category > div > div,
    #serendipity_category #preview,
    #serendipity_category > div > fieldset,
    #directory_permissions .form_multiselect,
    .media_chooser {
        float: left;
        margin: 0 2% 1.0625em 0;
        width: 48%;
    }

    #dashboard > section {
        width: 48%;
    }

    #dashboard,
    .media_pane,
    .pluginmanager,
    .plugins_installable,
    #template_select,
    #template_select > ul {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #template_select > ul {
        width: 100%;
    }

    #dashboard,
    .plugins_installable {
        justify-content: flex-start;
    }

    #dashboard > .dashboard_widget,
    .media_pane > .media_file,
    .plugins_installable li,
    #template_select > article,
    #template_select > ul li {
        flex: 0 0 auto;
        margin: 0 2% 1em 0;
        width: 48%;
    }

    #dashboard_ticker.expand,
    #dashboard_update.expand {
        width: 98%;
        height: 100%;
    }
    #dashboard_ticker .hl {
        color: #f20000;
        font-weight: 600;
        padding: 0 2px;
    }

    .pluginmanager .pluginmanager_event {
        flex: 0 0 auto;
        margin: 0 1% 0 0;
        width: 49%;
    }

    .pluginmanager .pluginmanager_sidebar {
        flex: 0 0 auto;
        margin: 0 1% 0 0;
        width: 32%;
    }

    .media_pane .pagination,
    #template_select > h2 {
        flex: 0 0 auto;
        width: 100%;
    }

    .no-flexbox #dashboard > .dashboard_widget:nth-of-type(even),
    .no-flexbox #maintenance > .quick_list:nth-of-type(even),
    .media_pane > .media_file:nth-of-type(even),
    #template_select > .current_backend_template,
    #template_select > ul li:nth-of-type(even) {
        margin: 0 0 1em 2%;
    }
    .media_pane > .media_file.mlMaxCol:nth-of-type(even) {
        margin: 0 0 1em 2% !important;
    }

    .media_chooser {
        margin-bottom: 0;
    }

    .media_chooser + .field_info {
        margin-top: 0;
    }

    .taxonomy ul {
        clear: none;
        float: right;
        width: 84%;
    }

    .no-flexbox #template_select .current_backend_template,
    .no-flexbox #template_select li:nth-child(even) article,
    .no-flexbox .media_pane .even,
    .no-flexbox #dashboard > .dashboard_widget:nth-child(even),
    .no-flexbox #maintenance > section:nth-of-type(even) {
        margin: 0 0 1em 2%;
    }

    #mediaPropertyForm .media_file {
        float: none;
        margin: 1.5em 0;
        width: auto;
    }

    #upgrade_notice {
        float: right;
    }

    #upgrade_notice a {
        display: -webkit-inline-box;
        display: inline-block;
        margin: 0 0 0 .4em;
    }

    .compact_categories #edit_entry_category .form_check {
        width: 25%;
    }

    #meta_data > div,
    #template_options fieldset legend,
    #template_options fieldset > .grouped,
    .configure_plugin fieldset legend,
    .configure_plugin fieldset > .grouped,
    .configure_plugin .sequence_container,
    .configuration_group fieldset > .grouped,
    .configuration_group .form_select label,
    .configuration_group .form_multiselect label,
    .configuration_group .form_field label,
    .configuration_group .form_area label,
    .configuration_group .form_select select,
    .configuration_group .form_multiselect select,
    .configuration_group .form_field input,
    .configuration_group .form_area textarea,
    .configuration_group fieldset > fieldset legend,
    .configuration_group div > fieldset legend,
    #uploadform .form_select label,
    #uploadform .form_field label,
    #uploadform .form_select select,
    #uploadform .form_field input,
    .field_info {
        float: left;
        margin-right: 2%;
        width: 48%;
    }
    #acl_rw_info.field_info {
        width: initial;
    }

    #hide_subcats_info {
        float: none;
        width: 100%;
    }

    #edit_entry_status_comments {
        float: left;
        width: 70%;
    }

    #maintenance_import label {
        display: -webkit-box;
        display: block;
    }

    .js #serendipity_category .form_field #category_icon {
        width: 85%;
    }

    #entry_status {
        width: 100%;
    }

    .is_entry_preview.no_iframe_data {
        width: 97.5%;
    }

    .serendipity_statistics > .wide_box {
        clear: left;
        float: none;
        margin: 0 0 1em;
        width: 100%;
    }

    .field_info {
        margin: .75em 2% .75em 0;
    }

    .configuration_group .form_select select,
    .configuration_group .form_multiselect select,
    .configuration_group .form_field input,
    .configuration_group .form_area textarea,
    #uploadform .form_select select,
    #uploadform .form_field input {
        max-width: 48%;
    }

    .configuration_group .form_select.has_info.info_expanded select,
    .configuration_group .form_area.has_info.info_expanded textarea {
        margin-top: -.5rem;
    }

    .js .configuration_group .media_choose input {
        margin-right: 1%;
        max-width: none;
    }

    /* Chromium needs box sizing to expand correct (see categorytemplates) */
    .configuration_group .sequence_container {
        box-sizing: border-box;
    }

    .info_expanded select,
    .info_expanded > input,
    .info_expanded textarea,
    .info_expanded .grouped,
    .info_expanded .sequence_container {
        position: relative;
        top: -1.5em;
    }

    .media_choose .button_link {
        position: relative;
        top: 2px;
    }

    .js .media_pane .media_file_preview,
    .js .template_preview {
        min-height: 12em;
        height: 18.75em;
    }
    .js .media_pane .media_file_preview.media_file_pregal {
        min-height: 5.5em;
        height: 5.5em;
        overflow: hidden
    }

    .js .media_controls video {
        max-width: 20em;
    }
    .js .mlMidCol .media_controls video {
        max-width: 14em;
    }
    .js .mlMaxCol .media_controls video {
        max-width: 10em;
    }

    .configuration_group .form_select,
    .configuration_group .form_multiselect,
    .configuration_group .form_field,
    .configuration_group .form_area,
    .configuration_group .custom_item,
    .configuration_group fieldset > fieldset,
    .configuration_group div > fieldset,
    .no-flexbox #template_select li:nth-child(odd),
    #template_select h2,
    .no-flexbox .media_pane .odd,
    .no-flexbox .plugins_installable > li:nth-child(odd),
    .serendipity_statistics > section:nth-child(odd),
    .no-flexbox .dashboard_widget:nth-child(odd) {
        clear: left;
    }

    #serendipityScaleImg {
        margin-top: 1.25em;
        overflow: hidden;
    }

    .configure_plugin fieldset .form_radio,
    .configuration_group fieldset > fieldset .form_radio,
    .configuration_group div > fieldset .form_radio,
    #serendipity_plugin_config > fieldset .form_radio,
    #template_options fieldset .form_radio {
        margin-top: 0;
    }
    /* Allow WYSIWYG-nuggets placed "field_info" element selector at template_option array key
       items 2, 3, 4, 5, or 6 to give a wide range for theme designers to be able to use such styles. */
    #template_options .configuration_group .info_expanded #nuggets2_info,
    #template_options .configuration_group .info_expanded #nuggets3_info,
    #template_options .configuration_group .info_expanded #nuggets4_info,
    #template_options .configuration_group .info_expanded #nuggets5_info,
    #template_options .configuration_group .info_expanded #nuggets6_info,
    #template_options .configuration_group .form_area  .cke {
        float: unset;
        width: 98%;
        display: -webkit-inline-box;
        display: inline-block;
        margin-top: .5rem;
    }

    #template_options summary.button {
        display: inline flow-root list-item;
        /*padding: 1px .25em;*/
    }
    #template_options details[open] > .helpbox {
        background-color: #fefefe;
        padding: 0 .25em;
        border: 1px solid #ddd;
        box-shadow: 0 2px 3px #bbb;
    }

    .no-flexbox .pluginmanager_side {
        float: left;
        margin: 0 0 1.5em;
        vertical-align: top;
    }

    .no-flexbox #pluginlist_sidebar .pluginmanager_side  {
        margin-right: 1%;
        width: 32%;
    }

    .no-flexbox #pluginlist_event .pluginmanager_side  {
        margin-right: 1%;
        width: 49%;
    }

    .no-flexbox #pluginlist_event .pluginmanager_side:nth-child(even) {
        margin-right: 0;
        margin-left: 1%;
    }

    .no-flexbox #pluginlist_sidebar .pluginmanager_side:nth-of-type(4) {
        clear: left;
    }

    .pluginmanager .pluginmanager_sidebar:nth-of-type(n+4) {
        margin-top: 1em;
    }

    #meta p {
        font-size: .875em;
        padding: .85715em;
    }
}


/* LARGE SCREEN */
@media only screen and (min-width: 860px) {
    #banner .chop-title {
        width: 26em;
    }
    .media_file h3 {
        width: 19em;
    }
    .media_file.mlMidCol h3 {
        width: 14em;
    }
    .media_file.mlMaxCol h3 {
        width: 11em;
    }
}

@media only screen and (min-width: 900px) {
    #edit_entry_status_comments .form_check {
        margin-bottom: 0;
    }

    #media_pane_sort div fieldset input,
    #media_pane_sort div fieldset select,
    #media_pane_filter div fieldset input,
    #media_pane_filter div fieldset select {
        margin-bottom: .75em;
    }

    #sort_entries .form_select label,
    #filter_entries .form_select label,
    #filter_entries .form_field label,
    #filter_comments label,
    #serendipity_comment label,
    #media_pane_filter label,
    #media_pane_sort label,
    #karmafilters label {
        display: -webkit-box;
        display: block;
        width: auto;
    }

    #edit_entry_status select[multiple],
    #sort_entries .form_select select,
    #filter_entries .form_select select,
    #filter_entries .form_field input,
    #media_filter input,
    #media_filter select,
    #media_pane_sort select,
    #karmafilters .form_field input,
    #karmafilters .form_select select {
        width: 85%;
    }

    #sort_entries .form_select,
    #filter_comments .inputs > div,
    #serendipity_comment .form_field,
    #media_filter > div,
    #media_pane_sort > .left,
    #media_pane_sort > .center,
    #media_pane_sort > .right,
    #media_pane_sort > .grouped > div {
        float: left;
        width: 33% ;
    }

    #media_pane_sort .form_field.media_page {
        float: right;
        width: 34%;
    }

    .serendipity_commentForm.reassign #serendipity_comment .form_field,
    .serendipity_commentForm.reassign #serendipity_comment .form_select {
        float: left;
        width: 50% ;
    }
    .serendipity_commentForm.reassign #serendipity_comment label {
        width: 100%;
    }

    #media_filter > div.keywords {/*simple filter*/
        float: unset;
        margin-top: -2.5em;
        margin-bottom: 0;
    }

    #filter_entries .form_select,
    #filter_entries .form_field {
        float: left;
        width: 25%;
    }

    #karmafilters .form_field,
    #karmafilters .form_select {
        float: left;
        width: 50%;
    }

    #media_filter .left {
        clear: left;
    }

    #serendipity_comment .form_area {
        clear: both;
    }

    #keyword_list {
        padding-top: 2em;
    }

    select#serendipity_commentform_replyToParent {
        width: auto;
        max-width: 25em;
    }

    .js .media_controls video {
        max-width: 24em;
    }
    .js .mlMidCol .media_controls video {
        max-width: 16em;
    }
    .js .mlMaxCol .media_controls video {
        max-width: 14em;
    }
    .media_file.mlMidCol h3 {
        width: 15.5em;
    }
}

@media only screen and (min-width: 960px) {
    .media_pane > .media_file.mlMidCol ul.media_file_actions.plainList,
    .media_pane > .media_file.mlMaxCol ul.media_file_actions.plainList {
        padding: .25em .45em;
        display: initial;
    }
    .media_pane > .media_file.mlMidCol ul.media_file_actions.actions > li {
        padding: .45em;
    }
    .media_pane > .media_file.mlMaxCol ul.media_file_actions.actions > li {
        padding: .175em;
    }
    .media_file.mlMidCol h3 {
        width: 16em;
    }
}

@media only screen and (min-width: 1024px) {
    #login .form_field input,
    #auth_fpwd .form_field input {
        width: auto;
    }

    h1 {
        font-size: 1.125em;
        line-height: 1.3333em;
        margin: .6667em 0;
    }

    #banner .chop-title {
        width: 18em;
    }

    #top > div,
    main {
        margin: 0 auto;
        max-width: 80em;
        width: 96%;
    }

    #main_menu {
        background: transparent;
    }

    #user_menu {
        position: absolute;
        top: 0;
        right: 1.5%;
        text-align: right;
        width: auto;
    }

    #main_menu #user_menu h3 {
        border: 0 none;
        color: #ccdee7;
        float: left;
        font-weight: normal;
        margin: 1em 1em 0 0;
        padding: 0;
    }

    #user_menu > ul {
        float: right;
        margin-top: .6em;
    }

    #top > div,
    #main_menu,
    #content {
        padding-left: 0;
        padding-right: 0;
    }

    .js #main_menu {
        position: static;
        left: 0;
        width: 23%;
    }

    /* hooked plugins expandable */
    .js #main_menu li.expandable-group {
      width: 50%;
      margin-left: auto;
      margin-right: 0;
      display: list-item;
      visibility: visible;
    }
    .js #main_menu li > .flex-inside {
      margin-top: -1.75em;
      margin-right: -.75em;
      margin-bottom: .5em;
      justify-content: space-between;
      align-items: baseline;
      display: flex;
      visibility: visible;
      background: linear-gradient(#fcfcfc, #fcfcfc) padding-box,
                  linear-gradient(to right, #fcfcfc, #d7d7d7) border-box;
      border-bottom: 1px solid transparent;
    }
    .js #main_menu .expandable {
      display: -webkit-inline-box;
      display: inline-block;
      overflow: visible;
      vertical-align: text-bottom;
    }
    .js #main_menu div.flex-inside > button.btn-expander {
      background: none;
      border: 0 none;
      margin-left: auto;
      margin-right: 0;
      border-radius: unset;
      padding: 0;
    }
    .js #main_menu div.flex-inside > button.btn-expander:active, .js #main_menu div.flex-inside > button.btn-expander:focus,
    .js #main_menu div.flex-inside > button.btn-expander > span:active, .js #main_menu div.flex-inside > button.btn-expander > span:focus {
      box-shadow: none;
      text-shadow: unset;
      outline: 0;
      background-image: none;
    }
    /* default: not expanded on startup */
    .js #main_menu .list-flex:not(.ease-in,.ease-out) {
      display: none;
    }
    .js #main_menu .list-flex.ease.in {
      display: flex;
    }
    .js #main_menu .flex-column-1 {
      display: flex;
      flex: 1;
      flex-direction: column;
      min-width: 0;
    }
    .js #main_menu [aria-expanded="false"] span.hide, .js #main_menu span.hide {
      display:none;
    }
    .js #main_menu [aria-expanded="true"] span.open {
      display:block;
    }
    .js #main_menu .list-flex.ease-out { display: none; }
    .js #main_menu #entry_hooks .list-flex.ease-out.ao { animation: ease-in 1500ms ease-out both; }
    .js #main_menu #entry_hooks .list-flex.ease-in.ai { animation: ease-out 600ms ease-in both; }
    .js #main_menu #activity_hooks .list-flex.ease-out.ao { animation: ease-in 1500ms ease-out both; }
    .js #main_menu #activity_hooks .list-flex.ease-in.ai { animation: ease-out 600ms ease-in both; }
    .js #main_menu #user_hooks .list-flex.ease-out.ao { animation: ease-in 1500ms ease-out both; }
    .js #main_menu #user_hooks .list-flex.ease-in.ai { animation: ease-out 600ms ease-in both; }
    @-webkit-keyframes ease-in {
      0% { -webkit-transform: scale(0) rotate(12deg); opacity: 0; visibility: hidden; }
      100% { -webkit-transform: scale(1) rotate(0); opacity: 1; visibility: visible; }
    }
    @keyframes ease-in {
      0% { transform: scale(0) rotate(12deg); opacity: 0; visibility: hidden;  }
      100% { transform: scale(1) rotate(0); opacity: 1; visibility: visible; }
    }
    @-webkit-keyframes ease-out {
      0% { -webkit-transform: scale(1) rotate(0); opacity: 1; visibility: visible; }
      100% { -webkit-transform: scale(0) rotate(-12deg); opacity: 0; visibility: hidden; }
    }
    @keyframes ease-out {
      0% { transform: scale(1) rotate(0); opacity: 1; visibility: visible }
      100% { transform: scale(0) rotate(-12deg); opacity: 0; visibility: hidden; }
    }

    #nav-toggle {
        display: none !important;
        visibility: hidden;
    }

    #main_menu {
        display: block !important;
        visibility: visible;
    }

    #main_menu h3 {
        background: #ddd;
        background-image: -webkit-linear-gradient(#fff, #ddd);
        background-image: linear-gradient(#fff, #ddd);
        border-bottom: 1px solid #aaa;
        display: -webkit-box;
        display: block;
        color: #666;
        font-size: 1em;
        margin: 0 -1em;
        padding: .5em 1em;
        visibility: visible;
    }

    #main_menu > ul {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
    }

    #main_menu > ul > li {
        border: 1px solid #aaa;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 0 1em;
        padding: 0 1em;
    }

    #main_menu {
        float: left;
        margin: 0 2% 0 0;
    }

    #main_menu #user_menu {
        border: 0 none;
        padding: 0;
    }

    #main_menu #user_menu h3 {
        background: transparent;
        border: 0 none;
        padding-top: 0;
    }

    #content {
        float: right;
        margin: 0 0 0 0.5%;
    }
    #content h2 {
        margin-top: 1.25em;
    }

    #preview {
        float: left;
        margin-bottom: 2.25em;
        width: 66%;
    }

    #main_menu {
        width: 23%;
    }

    #content {
        width: 74.5%;
    }

    /* special cases plugin i.e. fieldset#(sidebarlogo|gdpr|bee|spamblock|spartacus)_togglegroup alike plugins */
    #plugin_options form.configure_plugin.option_list > .plugin_togglegroup {
      top: 7.95rem; }
      .msg_success + #plugin_options form.configure_plugin.option_list > .plugin_togglegroup {
        top: 12rem; }

    .compact_categories #edit_entry_category .form_check {
        width: 20%;
    }

    .installer #content {
        float: none;
        margin: 0 auto 2em;
        max-width: 60em;
        width: 100%;
    }

    #login {
        margin: 4em auto 8em;
    }
    #auth_fpwd {
        margin: auto auto 4em;
    }

    .filter_entry, .filter_comment {
        top: 1.5em;
    }
    .filter_media {
        top: 4.75em;
    }
    .js [class^="msg_"] + .filter_media {
        top: 3em;
    }
    .js .filter_media {
        top: 1.5em;
    }

    .media_pane > .media_file.mlMidCol ul.media_file_actions.plainList,
    .media_pane > .media_file.mlMaxCol ul.media_file_actions.plainList {
        padding: .15em .15em;
        display: inline-flex;
    }
    .media_pane > .media_file.mlMidCol ul.media_file_actions.actions > li {
        padding: .375em;
    }
    .media_pane > .media_file.mlMaxCol ul.media_file_actions.actions > li {
        padding: .15em;
    }
    .js .media_controls video {
        max-width: 20em;
    }
    .js .mlMidCol .media_controls video {
        max-width: 14em;
    }
    .js .mlMaxCol .media_controls video {
        max-width: 10em;
    }
    .media_file.mlMidCol h3 {
        width: 12.5em;
    }
    .media_file.mlMaxCol h3 {
        width: 8em;
    }
}

/* LARGER SCREENS */
@media only screen and (min-width: 1280px) {
    #content {
        width: 74%;
        margin: 0 0 0 1%;
    }
    #serendipity_comments_list h4.pingback {
        max-width: 97.75%;
        width: 97.75%;
    }
    #edit_entry_metadata #categoryfilter {
        max-width: 80%;
        min-width: 0;
    }
    #adv_opts > fieldset > span > legend {
        width: 93%;
    }
    #serendipityScaleImg {
        margin-top: 0;
    }

    .is_entry_preview.no_iframe_data {
        width: 98%;
    }

    .media_pane > .media_file.mlMidCol ul.media_file_actions.plainList,
    .media_pane > .media_file.mlMaxCol ul.media_file_actions.plainList {
        padding: .25em .45em;
        display: initial;
    }
    .media_pane > .media_file.mlMidCol ul.media_file_actions.actions > li {
        padding: .45em;
    }
    .media_pane > .media_file.mlMaxCol ul.media_file_actions.actions > li {
        padding: .175em;
    }
    .js .media_controls video {
        max-width: 24em;
    }
    .js .mlMidCol .media_controls video {
        max-width: 16em;
    }
    .js .mlMaxCol .media_controls video {
        max-width: 14em;
    }
    .media_file.mlMidCol h3 {
        width: 15.5em;
    }
    .media_file.mlMaxCol h3 {
        width: 12em;
    }
}

@media only screen and (min-width: 1320px) {
    #content {
        width: 73%;
        margin: 0 0 0 2%;
    }
    .media_file.mlMidCol h3 {
        width: 16em;
    }
    #plugin_options form.configure_plugin.option_list > .plugin_togglegroup {
         right: 3%;
    }
}

@media only screen and (min-width: 1600px) {
    html {
        font-size: 1.125em;
    }
    #plugin_options form.configure_plugin.option_list > .plugin_togglegroup {
         right: 5%;
    }
}

@media only screen and (min-width: 1800px) {
    #plugin_options form.configure_plugin.option_list > .plugin_togglegroup {
         right: 7.5%;
    }
}

@media only screen and (min-width: 2000px) {
    #plugin_options form.configure_plugin.option_list > .plugin_togglegroup {
         right: 10%;
    }
}


/* serendipity_event_spamblock_start */

#maintenance_cleanspam .comment_status {
    float: none;
    margin: 0 0 .5em;
}
.no-flexbox #maintenance_cleanspam.quick_list {
    margin: 0 0 1em 2%;
}
#maintenance_cleanspam .form_cpm,
#maintenance_cleanspam .toggle_info,
#maintenance_cleanspam .toggle_info:visited,
#maintenance_cleanspam .toggle_info:hover,
#maintenance_cleanspam .toggle_info:focus,
#maintenance_cleanspam .toggle_info:active {
    margin: .5em 0;
}
#maintenance_cleanspam .cleanspam_toggle {
    float: right;
}

/* serendipity_event_spamblock_end */



/* event emoticate plugin start */

.example_emos {
    margin-left: auto;
    margin-right: auto;
}
.example_emos td {
    background-color: gainsboro;
    font-size: xx-large;
    padding: 0 .2em;
    text-align: center;
}
.example_emos td:nth-child(2n) {
    background-color: #FFF;
}
/* event emoticate plugin end */



/* nl2br plugin start */

#clean_tags_info {
    width: 100%;
    margin-bottom: 2.25em;
    word-break: break-all; /*since using a non breakable too long word*/
}

/* nl2br plugin end */



/* emoticonchooser plugin start */

.bi.bi-emoji-smile-fill.bi-emoji-smile-fillCo { fill: gold; border-radius: 1rem; background-color: black; }
[data-color-mode="dark"] .bi.bi-emoji-smile-fill.bi-emoji-smile-fillCo { border-radius: unset; background-color: unset; }

.serendipity_toggle_emoticon_bar.serendipityPrettyButton {
    margin: 1em auto 1px;
}
.serendipity_emoticon_bar {
    text-align: right;
}
.serendipity_emoticon_bar.emotin {
    display: inline;
}

/* emoticonchooser plugin end */



/* serendipity_event_statistics BACKEND START */

.serendipity_statistics table {
    background: #eaeaea;
    background-image: -webkit-linear-gradient(#fff, #eaeaea);
    background-image: linear-gradient(#fff, #eaeaea);
    border-color: #ddd #bbb #999;
    color: #222;
    text-shadow: #fff 0 1px 1px;
    width: 100%;
}
[data-color-mode="dark"] .serendipity_statistics table {
    background-image: linear-gradient(var(--color-auto-gray-4), var(--color-auto-gray-1));
    color: var(--color-text-primary);
    text-shadow: none;
}
.stats_imagecell, .stats_imagecell img {
    vertical-align: bottom;
}
.stats_imagecell.stats_day > img,
.stats_imagecell > span > img {
  width: 4px;
}
.stats_imagecell > span {
    height: 100%;
    display: inline-block;
}
#statistics_yearbox table tr:nth-child(4) td {
  color: #533753;
  text-shadow: 1px 2px 3px #bbb;
}
[data-color-mode="dark"] #statistics_yearbox table tr:nth-child(4) td {
  color: var(--color-counter-text);
  text-shadow: none;
}
.stats_imagecell .co_mo img {
  background-image: linear-gradient(#666, #aaa);
}
[data-color-mode="dark"] .stats_imagecell .co_mo img {
  /*transform: scaleY(-1);*/
  background-image: linear-gradient(var(--color-auto-gray-8), var(--color-auto-gray-3));
}
.stats_header {
    width: auto;
    display: block;
    background: #eee;
}
.stats_header span {
    text-align: right;
    width: 50%;
    float: right;
}
[data-color-mode="dark"] .stats_header {
    background-color: var(--color-bg-overlay);
}
.serendipity_statistics .wide_box dl {
    clear: left;
    display: table;
    width: 100%;
}
.serendipity_statistics .wide_box dt {
    display: table-row;
}
.serendipity_statistics .wide_box dd {
    margin-left: 0;
    padding: 0px 0.5em 0.5em 0;
}
.serendipity_statistics .serendipityReferer {
    margin: 1em 0;
    display: inline-block;
}
.serendipity_statistics .serendipityReferer span.block_level {
    display: flow-root list-item;
    list-style: symbols;
    margin-left: 2em;
}
@media only screen and (min-width: 550px) {
    .stats_imagecell.stats_day > img {
      width: 8px; }
    .stats_imagecell > span > img {
      width: 8px; }
}
@media only screen and (min-width: 768px) {
  .serendipity_statistics:not(.extended_statistics) {
    display: block;
    width: 98%;
    column-count: 2;
    column-gap: 1em;
  }
  .serendipity_statistics:not(.extended_statistics) > section {
    float: none;
    clear: left;
    margin: auto auto 1.5em auto;
    width: auto;
    break-inside: avoid;
  }
}

/* serendipity_event_statistics BACKEND STOP */



/* serendipity_event_dsgvo_gdpr start */

.dsgvo_gdpr_properties {
    background-color: #EEE;
    border: 1px solid #DDD;
}

/* serendipity_event_dsgvo_gdpr end */



/* freetag plugin start */

a.button_link.tagview_active {
    box-shadow: 0 4px 6px -3px #0066ff;
    z-index: 1;
}
[data-color-mode="dark"] a.button_link.tagview_active {
    background: var(--color-bg-primary);
    box-shadow: 0 4px 6px -3px #cdd9e5;
}

.freetagMenu svg[class^="icon-"]:before, .freetagMenu svg[class*=" icon-"]:before {
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.freetagMenu svg.icon {
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
}
.freetagMenu svg.icon-tags:before { content: '\e805'; }
.freetagMenu svg.icon-tag:before { content: '\e804'; }
.freetagMenu svg.icon-notag:before { content: '\f0f6'; }
.freetagMenu svg.icon-leaftag:before { content: '\f15c'; }
.freetagMenu svg.icon-keytag:before { content: '\e803'; }
.freetagMenu svg.icon-ctag:before { content: '\e807'; }
.freetagMenu svg.icon-autotag:before { content: '\e802'; }
.freetagMenu svg.icon-cleantag:before { content: '\e806'; }

.freetagMenu svg.icon-notag,
.freetagMenu svg.icon-leaftag,
.freetagMenu svg.icon-ctag,
.freetagMenu svg.icon-autotag,
.freetagMenu svg.icon-cleantag {
    vertical-align: baseline;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

#backend_freetag_list a.tagzoom {
    font-size: 0.875em;
}

.plainList.freetags_list .odd {
    background-color: #EEE;
    border: 1px solid #DDD;
}

#edit_entry_freetags .freetag_entry_submit {
    top: 1em; /* without core #adv_opts background: 0; */
}

#edit_entry_freetags_need_to_save {
    display: none;
    visibility: hidden;
}
/* show in .mfp-content layer */
.mfp-content #edit_entry_freetags_need_to_save {
    display: inline-block;
    visibility: visible;
}
/* unset up button block for .mfp-content layer */
.mfp-content #edit_entry_freetags .freetag_entry_submit {
    top: unset;
}
.mfp-content #edit_entry_freetags div {
    position: unset;
    right: unset;
    margin-right: unset;
}
.mfp-content .jump_to_edit_entry_submit  {
    display: none;
    visibility: hidden;
}

.freetagMenu li {
    display: inline-block;
    margin: 0 0 .5em;
    vertical-align: middle;
}
.freetagMenu li:nth-child(1) .button_link {
    padding: 5px 8px;
}
.freetagMenu li:nth-child(2) .button_link {
    padding: 5px 8px;
}
.freetagMenu li:nth-child(6) .button_link {
    padding: 4px 10px 4px 4px;
}

.freetags_manage {
    border: 1px solid #aaa;
    border-bottom: 0 none;
    width: 100%;
}

.freetags_manage thead tr {
    background-color: #eee;
}

.freetags_manage tr {
    border-bottom: 1px solid #aaa;
}

.freetags_manage th,
.freetags_manage td {
    padding: .125em .25em;
}

.freetags_list li {
    margin: 0 0 .25em;
}

@media only screen and (min-width: 768px) {
    .freetagMenu li {
        margin: 0 .25em .5em 0;
    }
}

/* freetag plugin end */



#autobut.button_action { margin-bottom: .5em }



#maintenance_moma .comment_status {
    float: none;
    margin: 0 0 .5em;
}
.no-flexbox #maintenance_test.quick_list {
    margin: 0 0 1em 2%;
}
#maintenance_test .comment_status {
    margin: 0 0 .5em;
}
.fivezerothree {
    color: #ff4136;
    font-weight: bold;
    font-family: monospace;
    font-size: 1.5em;
}
.bi.bi-sign-do-not-enter {
    width: 3.25rem;
    height: 3.25rem;
    vertical-align: middle;
    padding: .75rem 0;
    fill: #a8a8a8;
}


#maintenance_logview .comment_status {
    float: none;
    margin: 0 0 .5em;
}
.no-flexbox #maintenance_logview.quick_list {
    margin: 0 0 1em 2%;
}
#maintenance_logview .serendipity_logger {
    margin-bottom: 1em;
}
#maintenance_logview .serendipity_logger .comment_status {
    margin: 0.5em 0 .5em;
}



/* entryproperties plugin backend start */

#edit_entry_freetags div,
#edit_entry_custompermalinks div,
.entryproperties_customfields {
    margin-right: 2%;
}
#ep_spacer label {
    opacity: .3;
}
#edit_entry_entryproperties legend {
    margin-top: 1em;
    margin-bottom: 1em;
}
#ep_customfields legend {
    margin-bottom: 0;
}
#ep_customfields .msg_hint {
    margin: .25em 0 0 0;
}
#edit_entry_entryproperties .ep_entry_submit {
    top: initial;
    margin-top: -2.7em; /* without core #adv_opts background: -1.5em; */
    margin-right: auto;
}
#maintenance_buildcache {
    display: inline-table;
    width: 100%;
}
#ep_cacheinfo {
    margin-bottom: 1em;
}

/* desktop */
@media only screen and (min-width: 768px) {
    #ep_sticky,
    #ep_spacer,
    #ep_gather,
    #ep_frontpage,
    #ep_hiderss,
    #ep_access_list,
    #ep_access_pw,
    #ep_access_groups,
    #ep_access_users,
    #ep_access_author,
    #ep_access_multiauthors,
    #ep_markup {
        float: left;
        margin-right: 2%;
        width: 48%;
    }
    #ep_access_list {
        margin-top: 0.75em;
    }
    #ep_access_pw input {
        width: 64%;
    }
    #edit_entry_entryproperties .ep_entry_submit {
        margin-right: 1.2em;
    }
    #sequence {
        float: right;
        margin-right: inherit;
    }
    #ep_cacheinfo {
        margin-bottom: 1.5em;
    }
}
/* mobile */
@media only screen and (max-width: 768px) {
    #ep_sticky,
    #ep_spacer,
    #ep_gather,
    #ep_frontpage,
    #ep_hiderss,
    #ep_access_list,
    #ep_access_pw,
    #ep_access_groups,
    #ep_access_users,
    #ep_access_author,
    #ep_markup {
        float: unset;
        width: 100%;
    }
    #ep_spacer {
        visibility: hidden;
        display: none;
    }
}

/* entryproperties plugin backend end */