/* <style>
/* tags */
* {margin: 0; padding: 0;}
body {font-family: sans-serif; font-size: 12px; color: #000; background-color: #ededed; margin: 0 0 1em 0;}
a {font-size: 12px; color: #F84A00; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}
h1 {font-size: 18px; font-weight: normal; margin-bottom: 0.5em;}
h2 {font-size: 14px; margin: 0.25em 0;}
h3 {font-size: 12px; margin: 0.25em 0;}
p {padding: 0; margin: 2px 0 10px 0; line-height: 160%;}
ul, ol {padding: 2px 0 12px 40px; line-height: 160%;}
dfn {font-style: normal; border-bottom: 1px dashed #bbbbbb; cursor: help;}
img {border: 0;}
small {color: #969696;}
td, th {font-size: 12px; padding: 1px;}
th {text-align: left; font-weight: bold;}
form td {padding: 2px;}
form > table > tbody > tr > th, .cform th {padding-right: 10px; text-align: right;}

/* forms */
form {margin: 0 0 8px 0;}
form.inline {line-height: 1;}
fieldset {margin: 25px 0; padding: 8px; background-color: #f5f5f5; border: 1px solid #ededed;}
fieldset fieldset {background-color: #fff;}
fieldset.hs_fieldset > legend:hover {text-decoration: underline;}
legend {font-weight: bold; color: #000;}
label {padding-right: 0.5em;}

input, button, select, textarea {padding: 6px; margin: 0; box-sizing: border-box; font-size: 12px; line-height: 1 !important; vertical-align: middle;}

input[type=checkbox], input[type=radio] {padding: 0; margin: 3px; border: none; vertical-align: middle;}
input[type=text], input[type=password], input[type=number], input[type=email], input[type=search], input[type=datetime-local], select {height: 26px; border: 1px solid #bbbbbb; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.075);}
input[type=submit], input[type=button], input[type=reset], button {cursor: pointer; padding: 8px 12px; border: 1px solid #d9d9d9; background: #f5f5f5; background: linear-gradient(to bottom, #fcfcfc, #ededed); color: #000; font-size: 13px;}
input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus, button:focus {outline: 1px solid #fe6e27;}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, button:hover {background: #feccb3; background: linear-gradient(to bottom, #feccb3, #feb18b); border-color: #feb18b; outline: none;}
input[type=color] {padding: 0;}

select {padding: 0 20px 0 6px; background: #fff url("../public/images/select_arrow.png") right center no-repeat; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; line-height: 2 !important;}
select::-ms-expand {display: none;}
select[multiple], select[size] {height: auto;}
optgroup option {padding-left: 16px;}

@-moz-document url-prefix() {
    input::-moz-focus-inner, button::-moz-focus-inner, select::-moz-focus-inner, textarea::-moz-focus-inner {border: 0; padding: 0;}
    input[type=text], input[type=password], select {padding-top: 0; padding-bottom: 0;}
}


/* layout */
.wrapper {max-width: 1400px; margin: 0 auto;}

/* header */
#top {background: url("../public/images/top_bg.png") left bottom repeat-x;}
#header {font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; padding: 0.7em 16px 0.5em 16px;}
#title {color: #757575;}
#usermenu {float: right; position: relative; top: 6px;}
#usermenu, #usermenu a {font-size: 14px; color: #969696;}
#usermenu a {text-decoration: none;}
#usermenu a:hover {color: #F84A00;}
a#usermenu-username {margin-right: 0.5em; font-weight: bold; color: #757575;}
#usermenu a.usermenu-web-link {margin-left: 0.5em;}
#usermenu-avatar {position: absolute; left: -42px; top: -8px; display: block; width: 32px; height: 32px; overflow: hidden; border: 1px solid #d9d9d9; background-color: #fff; vertical-align: middle; border-radius: 50%;}
#usermenu-avatar img {max-width: 32px; opacity: 0.9;}
#usermenu-avatar:hover img {opacity: 1;}

/* menu */
#menu {position: relative; padding: 5px 0 0 16px; background-color: #fe6e27; font-size: 0;}
#menu a {color: #fff; text-decoration: none; display: inline-block;}
#menu a span {display: inline-block; padding: 7px 16px; background: url("../public/images/menu_sep.png") right bottom no-repeat; font-size: 13px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
#menu a:hover span, #menu a.act span {color: #000; background: #fff url("../public/images/menu_active.png") left top repeat-x; text-shadow: none;}
#menu-toggle-button {display: none;}

/* content */
#content {min-width: 320px; padding: 12px 16px 16px 16px; background-color: #fff;}

/* footer */
#footer {margin-bottom: 0.5em; text-align: right;}
#footer-content {padding: 8px 16px; background-color: #fe6e27;}
#footer, #footer a {font-size: 11px; text-decoration: none; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
#footer a:hover {text-decoration: underline;}
#footer-links {float: left;}
#footer-links a {margin-right: 1em;}

/* login layout */
.login-layout {background: radial-gradient(at center 270px, #ededed, #bbbbbb) no-repeat fixed;}
.login-layout .wrapper {max-width: 500px;}
.login-layout #header, .login-layout #menu {display: none;}
.login-layout #top {padding-top: 140px; background: url("../public/images/logo.png") center 50px no-repeat;}
.login-layout #content {padding: 24px 16px; box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.15); text-align: center;}
.login-layout #content form {display: inline-block;}
.login-layout .login-form-links, .login-layout #content form {text-align: left;}
.login-layout .login-form-links {padding: 0 0 0 3px; list-style-type: none;}
.login-layout #content .message {text-align: left;}
.login-layout #footer-content {background: none;}
.login-layout #footer, .login-layout #footer a {color: #000; text-shadow: none;}

/* external container */
#external-container {padding: 10px;}
#external-container h1 {border-bottom: 3px solid #ea4c00; padding-bottom: 3px; margin-bottom: 6px;}

/* index */
#index-table {width: 100%; margin: 0 0 10px 0; padding: 0; border-collapse: collapse;}
#index-table > tbody > tr > td {padding: 10px; border: 1px solid #d9d9d9; background-color: #f5f5f5;}
#index-table > tbody > tr > td:last-child {width: 200px;}
#index-table h2 {margin-bottom: 6px; border-bottom: 2px solid #d9d9d9; padding-bottom: 6px;}
#index-table li {padding: 3px;}
#index-table table {width: 100%;}
#index-table table th, #index-table table td {text-align: left; padding: 0.2em; border-bottom: 1px solid #d9d9d9;}
#index-table table tr:last-child th, #index-table table tr:last-child td {border-bottom: none;}
.module-index .latest-version {font-weight: bold; color: #0077a7;}
.module-index .latest-version.latest-version-age-0 {color: #009800;}
.module-index .latest-version.latest-version-age-1 {color: #cda869;}
.module-index .latest-version.latest-version-age-2 {color: #f06c00;}
.module-index .latest-version.latest-version-age-3 {color: #e60000;}

/* content management */
#contenttable {width: 100%; border: 1px solid #ededed; line-height: 140%;}
#contenttable a {text-decoration: none;}
#contenttable h2 {margin: 0 0 8px 0; padding: 4px 0 7px 0; border-bottom: 1px solid #ededed;}
#contenttable .pad {padding: 20px 0;}
#contenttable .main-box {width: 80%;}

#content-modules {border: none;}
#content-modules h2 {margin-top: 1em;}
#content-modules h2:first-child {margin-top: 0;}

/* page list */
.page-list {width: 100%; margin-bottom: 0.5em; border-collapse: separate; border-spacing: 0; white-space: nowrap;}
.page-list td {min-width: 19px; padding: 0 5px; border-left: 1px solid #fff; line-height: 30px; position: relative;}
.page-list td:first-child {border-left: none;}

.page-list a {color: #000;}

.page-list .page-title {width: 90%;}
.page-list .page-title a {color: inherit; padding: 4px 0;}
.page-list .page-title a:hover {text-decoration: underline !important;}
.page-list .page-invisible .page-title-content {color: #898989;}
.page-list .page-title-content .page-actions {margin-left: 2px;}

.page-list.page-list-full-tree .page-title-content:not(.node-level-m0) {padding-left: 8px; border-left: 1px solid #bbbbbb;}
.page-list.page-list-full-tree .page-separator .page-title-content {border-left-color: #969696;}

.page-list .page-separator td {border-top: 24px solid #fff; border-bottom: 2px solid #bbbbbb; background-color: #feb18b;}
.page-list .page-separator.sorting td {border-top: none;}
.page-list .page-separator:first-child td {border: none;}
.page-list .page-separator .page-title-content {font-weight: bold;}

.page-list tr:hover:not(.page-separator) td {background-color: #feb18b;}
.page-list tr:hover .page-type {color: inherit;}

.page-list .page-actions {text-align: right; white-space: nowrap;}
.page-list .page-actions a {padding: 4px;}
.page-list .page-actions a img.icon {margin: 0; padding: 0; vertical-align: middle;}
.page-list .page-actions a span {display: none;}

.page-list .sortable-placeholder td {height: 36px;}
.page-list .page-list-sortcell {width: 1%; vertical-align: bottom;}
.page-list .page-list-ord {width: 45px;}
.page-list .page-type {color: #898989;}

.page-list-breadcrumbs {margin: 0 0 0.5em 0; padding: 0.5em 1em; border-bottom: 2px solid #bbbbbb; list-style-type: none; background-color: #feccb3;}
.page-list-breadcrumbs li {display: inline; padding-right: 0.5em;}
.page-list-breadcrumbs li:not(:last-child):after {content: ">"; display: inline-block; margin-left: 0.5em;}
.page-list-breadcrumbs a {color: #000; font-weight: bold; vertical-align: middle;}
.page-list-breadcrumbs a:hover {color: #F84A00;}

/* editpages settings */
#settingseditform fieldset label{display: block;}
#settingseditform fieldset:first-child {margin: 0 0 25px 0;}
#settingseditform table td { padding: 4px 8px;border-bottom: 1px solid #d9d9d9;}
#settingseditform table tr:last-child td {border-bottom: none;}

/* box management */
.module-content-boxes .list {margin-bottom: 32px;}
.module-content-boxes td {white-space: nowrap;}
.module-content-boxes .box-title-cell {white-space: normal; width: 90%;}

/* article edit */
#article-edit-picture {width: 100%;}
#article-edit-picture-file {display: block; max-width: 200px; max-height: 200px; margin: 0 auto; border: 1px solid #feb18b;}
#article-edit-picture-delete {padding: 6px; text-align: center;}
#article-edit-picture-upload {display: block; margin: 0 auto;}
#article-edit-time input[type=datetime-local] {margin-bottom: 10px;}

/* box manager */
#boxesedit {width: 100%;}
#boxesedit .cell {padding: 10px 20px 25px 10px;}
#boxesedit .cell > div {border: 1px solid #ededed; padding: 20px 15px;}

/* file manager */
#fman-action {border-bottom: 1px solid #ededed; margin-bottom: 10px;}
#fman-action h2 {margin-bottom: 6px;}
#fman-list {width: 100%; border-collapse: collapse; margin-bottom: 6px;}
#fman-list a {color: #000;}
#fman-list .fman-size {width: 15%;}
#fman-list .actions {width: 25%;}
#fman-list .fman-item a {display: block;}
#fman-list td {padding: 2px 4px; border: 1px solid #fff; line-height: 200%;}
#fman-list tr:hover td {background-color: #feccb3;}
#fman-list input {margin: 5px 4px 0 0; float: left;}
#fman-list .fman-uploaded td {background: #feb18b;}
#fmanFiles {white-space: nowrap;}
.fman-menu {border-width: 1px 0 1px 0; border-style: solid; border-color: #ededed; line-height: 200%;}
.fman-menu {margin-top: 5px; padding: 5px;}
.fman-menu a, .fman-menu > span {border-right: 1px solid #ededed; padding-right: 8px; margin-right: 8px;}
.fman-spacer {height: 10px;}

/* galleries */
.gallery-savebutton {float: left; margin: 0 14px 0 0; display: block;}
#gallery-edit {float: left; margin: 14px 0; padding: 5px; border: 1px solid #ededed;}
.gallery-edit-image {float: left; margin: 5px;}
.gallery-edit-image input {cursor: default;}
.gallery-edit-image table {width: 100%; height: 100%; border: 1px solid #bbbbbb; padding: 10px; background-color: #ededed; cursor: move;}
.gallery-edit-image a {color: #000; cursor: pointer;}
.gallery-edit-image-preview {margin-bottom: 5px;}
.gallery-edit-image-preview img {border: 1px solid #969696; max-width: 248px;}

/* sqlex */
#sqlex {width: 100%; margin-top: 1em; border-collapse: collapse;}
#sqlex td {padding: 1em; border: 1px solid #ededed; vertical-align: top;}
#sqlex td:first-child ul {padding: 0; margin: 0; list-style-type: none;}
#sqlex li, #sqlex-result li {line-height: 160%;}
#sqlex-result {overflow: auto;}
#sqlex-result h2 {margin-bottom: 1em;}
#sqlex-result .list {width: 100%; background-color: #fff; outline: 6px solid #fff;}
#sqlex-result .list textarea {width: 100%;}

/* settings */
#settings-container {display: flex; align-items: flex-start;}
#settings-nav {margin-right: 1em; flex-basis: 20%; position: sticky; top: 10px;}
#settings-nav, #settings-nav a {font-size: 12px;}
#settings-nav input[type=submit] {width: 100%;}
#settings-nav ul {padding: 0; margin: 0.5em 0 0 0; border: 1px solid #ededed; background-color: #f5f5f5;}
#settings-nav li {display: block; list-style-type: none;}
#settings-nav li a {display: block; padding: 6px 11px; border-bottom: 1px solid #ededed; color: #000;}
#settings-nav a:hover {background-color: #bbbbbb; color: #000;}

#settings-form fieldset {margin: 0 0 5em 0;}
#settings-form fieldset:target {border-color: #ea4c00;}
#settings-form label {font-weight: bold;}
#settings-form table {border-collapse: collapse;}
#settings-form table td {padding: 4px 8px; border-bottom: 1px solid #d9d9d9;}
#settings-form table th {padding-right: 8px; padding-left: 4px;}
#settings-form table tr:last-child td {border-bottom: none;}

/* plugins */
.plugin-list {width: 100%; table-layout: fixed;}
.plugin-list td {vertical-align: top;}
.plugin-list > thead > tr > th:first-child {width: 30%;}

/* busy overlay */
body.busy-overlay-active {overflow: hidden;}
#busy-overlay {position: fixed; left: 0; top: 0; z-index: 5000; width: 100%; height: 100%; cursor: wait; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#busy-overlay > div {transition: opacity 1s; width: 100%; height: 100%; opacity: 0; background-color: rgba(0, 0, 0, 0.5);}
#busy-overlay.busy-overlay-visible > div {opacity: 1;}
#busy-overlay > div > div {position: absolute; left: 50%; top: 50%; margin: -60px 0 0 -150px; width: 300px; height: 120px; text-align: center;}
#busy-overlay > div > div > p {color: #fff; font-size: 1.8em;}

/* link styles */
a.invisible-link {color: #969696;}
a.active-link {text-decoration: underline !important;}

/* highlight */
.hl {background-color: #f5f5f5;}

/* messages */
.message {margin: 1em 0; padding: 13px 5px 13px 48px; line-height: 140%; background-color: #ededed; background-position: 5px 5px; background-repeat: no-repeat;}
.message ul {margin: 0; padding: 5px 0 0 15px;}
.message a {color: inherit; text-decoration: underline;}
.message a.button {color: unset; text-decoration: unset;}
.message-ok {background-color: #D0EDEE; background-image: url("../public/images/icons/info.png");}
.message-warn {background-color: #FFD183; background-image: url("../public/images/icons/warning.png");}
.message-err {background-color: #FFA7A7; background-image: url("../public/images/icons/error.png");}
.message-small {margin: 0.5em 0; padding: 7px 5px 7px 30px; background-color: unset !important; background-size: 20px 20px;}
.message-small + .message-small {margin-top: -0.25em;}

/* preformatted */
pre {white-space: pre-wrap; overflow-wrap: anywhere; word-break: normal;}
pre.exception {max-height: 300px; margin: 1em 0; padding: 13px; overflow: auto; background-color: #FFA7A7;}

/* form tables */
.formtable {border: 1px dotted #ededed; background-color: #fcfcfc;}
.cform table {width: 100%; table-layout: fixed;}
.cform th {width: 111px;}
.cform th:first-child + td {width: 40%;}
.cform th:first-child + td:last-child {width: auto;}
.form-box {padding: 8px; margin: 0; border-right: 1px solid #ededed;}
.form-box.main-box {width: 70%; padding-bottom: 0;}
.customsettings {padding-left: 10px;}

/* text colors */
.text-success {color: #080;}
.text-warning {color: #FE7F00;}
.text-danger {color: #E71717;}

/* table cell colors */
.cell-success, .row-success > th, .row-success > td {background-color: #e1ffe1;}
.cell-warning, .row-warning > th, .row-warning > td {background-color: #fff0e1;}
.cell-danger, .row-danger > th, .row-danger > td {background-color: #fde3e3;}
tr.even > td {background-color: #ededed;}
tr.od >d td {background-color: #fcfcfc;}

/* form element sizes */
.arealine {width: 100%; height: 100px;}
.areasmall {width: 290px; height: 150px;}
.areasmall_100pwidth {width: 100%; height: 200px;}
.areasmallwide {width: 620px; height: 150px;}
.areamedium {width: 600px; height: 350px;}
.areabig {width: 100%; height: 400px;}
.areabigperex {width: 100%; height: 150px;}
.inputmini {width: 38px;}
.inputmini[type=number] {width:50px;}
.inputsmaller {width: 80px;}
.inputsmall {width: 145px;}
.inputmedium {width: 290px;}
.inputbig {width: 750px;}
.inputmax {width: 100%;}
.inputfat {padding: 8px 16px !important;}
.selectmedium {width: 294px;}
.selectbig {width: 753px;}
.selectmax {width: 100%;}

/* horizontal rule */
.hr {height: 10px; background-image: url("../public/images/hr.gif"); background-position: left center; background-repeat: repeat-x;}
.hr hr {display: none;}

.paging {margin: 1em 0;}
.paging-label {display: none;}
.paging a {display: inline-block; padding: 0.3em 0.6em; border: 1px solid #ededed; text-decoration: none;}
.paging a.act, .paging a:hover {color: #000; background-color: #ededed;}
fieldset .paging a {background-color: #fff;}
fieldset .paging a.act, fieldset .paging a:hover {background-color: #bbbbbb; color: #fff;}

/* two-column layout */
.two-columns {width: 100%; table-layout: fixed; border: 1px solid #ededed; border-collapse: collapse;}
.two-columns > tbody > tr > td {width: 50%; padding: 5px 15px;}
.two-columns > tbody > tr > td:first-child {border-right: 1px solid #ededed;}
.two-columns > tbody > tr > td > h2 {margin: 20px 0 10px 0; padding-bottom: 5px; border-bottom: 1px solid #ededed;}
.two-columns > tbody > tr > td > h2:first-child {margin-top: 5px;}
.two-columns > tbody > tr > td > form:last-child {margin-bottom: 0;}

/* list */
.list {margin: 10px 0; border-collapse: collapse; border: 1px solid #ededed; background-color: #fff;}
.list.list-max {width: 100%;}
.list.list-half {min-width: 50%;}
.list > caption {padding: 15px; border-bottom: 3px double #fcfcfc; background-color: #ededed; text-align: left;}
.list > * > tr > th, .list > thead > tr > td {font-weight: bold; background-color: #ededed;}
.list > * > tr > td, .list > * > tr > th {padding: 7px 15px; border-bottom: 1px solid #ededed;}
.list.list-hover > tbody > tr:hover:not(.nohover) > td {background-color: #feede5;}
.list.list-noborder > * > tr > *, .list > * > tr.list-noborder > * {border: none;}
.list > tbody + tbody {border-top: 3px double #ededed;}
.list h3 {font-weight: normal; font-size: 16px;}
fieldset .list > thead > tr > td, fieldset .list > * th {background-color: #bbbbbb;}
fieldset .list > * tr > td {border-color: #bbbbbb;}

/* log */
.log-list {background-color: #fcfcfc; min-width: 800px;}
.log-list a {color: unset;}
.log-list > tbody:hover > tr > td {background-color: #f5f5f5;}
.log-list > tbody + tbody {border-top: 1px solid #d9d9d9;}
.log-url {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 0;}
.log-message {color: #616161;}
.log-message a {display: block;}
.log-message code {overflow-wrap: anywhere; word-break: normal;}
.log-search .log-time-presets {width: 50px;}

/* actions list */
.actions {white-space: nowrap;}
.actions a {margin-left: 0.5em;}
.actions a:first-child {margin-left: 0;}

/* radio group */
.radio-group {border: 1px solid #bbbbbb; background-color: #fff; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);}
.radio-group label {display: block; float: left; padding: 5px; border-left: 1px solid #bbbbbb;}
.radio-group label:first-child {border-left: none;}

/* inline list */
.inline-list {padding-left: 0; padding-right: 0; list-style-type: none;}
.inline-list > li {display: inline-block; padding-left: 0.5em;}
.inline-list > li:after {content: "|"; padding-left: 0.5em; color: #bbbbbb;}
.inline-list > li:first-child {padding-left: 0;}
.inline-list > li:last-child:after {display: none;}
.inline-list > li > strong {padding-right: 0.2em;}

/* buttons */
a.button {display: inline-block; margin: 0; padding: 6px; border: 1px solid #d9d9d9; background: #f5f5f5; background: linear-gradient(to bottom, #fcfcfc, #ededed); color: #000; vertical-align: middle; font-weight: normal; line-height: 1;}
a.button img.icon {margin: -1px 0 -1px 0; padding: 0 6px 0 0;}
a.button.block {display: block; margin: 6px;}
a.button.block img.icon {float: none; margin: 0; padding: 0 10px 0 0;}
a.button:hover {background: #feccb3; background: linear-gradient(to bottom, #feccb3, #feb18b); border-color: #feb18b;}
a.button.big, input[type=submit].button.big, input[type=button].button.big, input[type=reset].button.big, button.button.big {padding: 8px 12px; font-size: 13px;}
a.button.bigger, input[type=submit].button.bigger, input[type=button].button.bigger, input[type=reset].button.bigger, button.button.bigger {padding: 12px 18px; font-size: 14px;}
input[type=submit].button, input[type=button].button, input[type=reset].button, button.button {padding: 6px; font-size: 12px;}

/* inline separator */
.inline-separator {margin-left: 0.5em; padding-right: 0.5em; border-left: 1px solid #d9d9d9;}

/* well */
.well {margin: 10px 0; padding: 10px; border: 1px solid #d9d9d9; background-color: #f5f5f5;}
.well h2 {font-weight: normal;}

/* sortables */
.sortable.ui-sortable {overflow: hidden;}
.sortable-handle {display: inline-block; vertical-align: middle; padding-right: 10px; width: 11px; height: 18px; background: url("../public/images/icons/drag-handle.png") left top no-repeat; cursor: move;}

/* generic */
.bborder {padding-bottom: 8px; margin-bottom: 12px; border-bottom: 1px solid #ededed;}
fieldset .bborder {border-color: #969696;}
fieldset fieldset .bborder {border-color: #ededed;}
.backlink {display: block; font-weight: bold; padding-bottom: 10px;}
.icon {margin: -2px 0 0 0; padding-right: 4px; vertical-align: middle;}
.inline {display: inline;}
.hidden {display: none;}
.cleaner {clear: both;}
.special {color: #F84A00;}
.small {font-size: 10px;}
.block {display: block;}
.note {color: #969696;}
.important {color: red;}
.highlight {color: #F84A00;}
.max-area {width: 100%; height: 100%;}
.max-width {width: 100%;}
.half-width {width: 50%;}
.separated {margin-top: 1em;}
.clickable {cursor: pointer;}
.strike {text-decoration: line-through;}
.em {font-style: italic;}
.big-text {font-size: larger;}
.left {float: left; margin: 1px 10px 5px 1px;}
.right {float: right; margin: 1px 1px 5px 10px;}
.text-left {text-align: right;}
.text-center {text-align: center;}
.text-right {text-align: right;}
tr.valign-top > *, table.valign-top > * > tr > * {vertical-align: top;}
.cell-shrink {width: 0; white-space: nowrap;}
.error-border {border-color: #f00 !important;}
.no-bullets {list-style-type: none; padding-left: 10px;}
.ui-sortable-handle {-ms-touch-action: none; touch-action: none;}
.no-wrap {white-space: nowrap;}

/* tree */
.node-level-m0 {margin-left: 0 !important;}
.node-level-p0 {padding-left: 0 !important;}
.node-level-m1 {margin-left: 24px !important;}
.node-level-p1 {padding-left: 24px !important;}
.node-level-m2 {margin-left: 48px !important;}
.node-level-p2 {padding-left: 48px !important;}
.node-level-m3 {margin-left: 72px !important;}
.node-level-p3 {padding-left: 72px !important;}
.node-level-m4 {margin-left: 96px !important;}
.node-level-p4 {padding-left: 96px !important;}
.node-level-m5 {margin-left: 120px !important;}
.node-level-p5 {padding-left: 120px !important;}
.node-level-m6 {margin-left: 144px !important;}
.node-level-p6 {padding-left: 144px !important;}
.node-level-m7 {margin-left: 168px !important;}
.node-level-p7 {padding-left: 168px !important;}
.node-level-m8 {margin-left: 192px !important;}
.node-level-p8 {padding-left: 192px !important;}
.node-level-m9 {margin-left: 216px !important;}
.node-level-p9 {padding-left: 216px !important;}
.node-level-m10 {margin-left: 240px !important;}
.node-level-p10 {padding-left: 240px !important;}
.node-level-m11 {margin-left: 264px !important;}
.node-level-p11 {padding-left: 264px !important;}
.node-level-m12 {margin-left: 288px !important;}
.node-level-p12 {padding-left: 288px !important;}
.node-level-m13 {margin-left: 312px !important;}
.node-level-p13 {padding-left: 312px !important;}
.node-level-m14 {margin-left: 336px !important;}
.node-level-p14 {padding-left: 336px !important;}
.node-level-m15 {margin-left: 360px !important;}
.node-level-p15 {padding-left: 360px !important;}
.node-level-m16 {margin-left: 384px !important;}
.node-level-p16 {padding-left: 384px !important;}
.node-level-m17 {margin-left: 408px !important;}
.node-level-p17 {padding-left: 408px !important;}
.node-level-m18 {margin-left: 432px !important;}
.node-level-p18 {padding-left: 432px !important;}
.node-level-m19 {margin-left: 456px !important;}
.node-level-p19 {padding-left: 456px !important;}
.node-level-m20 {margin-left: 480px !important;}
.node-level-p20 {padding-left: 480px !important;}

/* desktop only styles >=1000px */
@media all and (min-width: 1000px) {
    .mobile-only, .mobile-spacer {display: none !important;}
}

/* responsive styles <1000px */
@media all and (max-width: 999px) {
    /* tags */
    html {scroll-padding-top: 90px;}
    body {margin: 0;}

    /* header */
    #top {position: sticky; top: 0; background-color: #ededed; z-index: 200;}
    #header {padding: 0;}
    #usermenu {display: block; position: static; float: none; padding: 10px 5px; text-align: right;}
    #usermenu, #usermenu a {font-size: 16px;}
    #title {padding: 8px 16px; color: #fff; background: #fe6e27; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

    /* menu */
    #menu-toggle-button {display: initial; cursor: pointer; user-select: none;}
    #menu {display: none; position: absolute; left: 0; top: 100%; z-index: 200; padding: 16px;}
    #menu {max-width: 300px;}
    #menu a {display: block; background: unset;}
    #menu a.act {background-color: #fff}
    #menu a.act span, #menu a:hover span {background: unset;}
    #menu a span {font-size: 16px;}
    #menu a:hover {background-color: #feede5;}
    #menu-toggle:checked ~ #menu {display: block;}

    /* content */
    #page {overflow-x: auto; background-color: #fff;}
    #content {background: unset;}

    /* footer */
    #footer {position: sticky; bottom: 0; z-index: 190; margin-bottom: 0;}

    /* login layout */
    .login-layout #container {min-width: 320px;}
    .login-layout .wrapper {width: 90%; max-width: 400px;}
    .login-layout #page {overflow-x: unset;}
    .login-layout .login_form :is(table, tbody, tr, th, td) {display: block;}
    .login-layout .login_form th {text-align: left; margin-top: 10px;}

    /* content management */
    #contenttable {border: none; background: none;}
    #contenttable .form-box {margin-bottom: 20px; border: 1px solid #ededed;}
    #contenttable-actions {line-height: 270%;}

    /* backup */
    .module-backup label:has(input[type=radio]) {white-space: nowrap;}

    /* settings */
    #settings-container {display: initial;}
    #settings-nav {margin: 0 0 5em 0;}
    #settings-nav li.active a {background-color: unset; color: unset;}
    #settings-form table td {border: none;}
    #settings-form table tr {margin: 10px 0; border-bottom: 1px solid #d9d9d9;}
    #settings-form table tr:last-child {border-bottom: 0;}
    #settings-form th {margin-bottom: 5px;}

    /* plugins */
    #plugins-menu .right {float: none;}
    .module-plugins .list .inline-list > li {display: block; padding: 0;}
    .module-plugins .list .inline-list > li:after {display: none;}

    /* articles */
    .module-content-articles-list .list > tbody > tr > td:first-child,
    .module-content-confirm .list > tbody > tr > td:first-child {min-width: 100px;}

    /* two-column layout */
    .two-columns {border: none;}
    .two-columns, .two-columns > tbody, .two-columns > tbody > tr, .two-columns > tbody > tr > td {display: block; width: auto; margin: 0; padding: 0;}
    .two-columns > tbody > tr > td {margin-bottom: 20px;}

    /* form tables */
    .formtable,
    .formtable > *,
    .formtable > * > tr,
    .formtable > * > tr > td,
    .formtable > * > tr > th {display: block;}
    .formtable > * > tr > th {margin-top: 10px; text-align: left;}
    .formtable :is(
        .areasmall,
        .areasmallwide,
        .areamedium,
        .areabig,
        .areabigperex,
        .inputbig,
        .selectbig,
        select:not(.inputmax)
    ) {width: 80%;}

    .edittable .main-box > table,
    .edittable .main-box > table > *,
    .edittable .main-box > table > *,
    .edittable .main-box > table > * > tr,
    .edittable .main-box > table > * > tr > td,
    .edittable .main-box > table > * > tr > th {display: block;}
    .edittable .main-box > table > * > tr > th {margin-top: 10px; text-align: left;}
    .edittable select + select {margin-top: 5px;}

    .form-box {width: auto !important; border-right: none;}

    /* form element sizes */
    .inputmedium, .selectmedium {width: 190px;}
    .inputbig {width: 100%;}

    /* buttons */
    *:has(> .button + .button:not(.block)) > .button {margin-bottom: 5px !important;}
    td.actions a.button:has(.icon) {width: 14px; overflow: hidden;}
    td.actions button.button:has(.icon) {width: 26px; overflow: hidden;}

    /* list */
    .list-half {width: 100%;}

    /*  horizontal scroller */
    .horizontal-scroller {overflow-x: auto;}
    fieldset .horizontal-scroller {max-width: calc(100vw - 40px);}

    /* tables */
    .table-collapse,
    .table-collapse > *,
    .table-collapse > * > tr,
    .table-collapse > * > tr > th,
    .table-collapse > * > tr > td {display: block; width: auto !important;}
    .table-collapse > * > tr > td:not(:last-child) {margin-bottom: 10px;}
    .table-collapse > * > tr > th {text-align: left;}
    .table-collapse > * > tr > th:empty {display: none;}

    /* generic */
    .desktop-only {display: none !important;}
    .user-link {white-space: nowrap;}
    .mobile-text-wrap {overflow-wrap: anywhere;}
    .mobile-spacer {height: 5px;}
}

/* responsive styles < 420px */
@media all and (max-width: 419px) {
    .login-layout #top {background-size: 90%;}
}


/* Admin Plus Plugin */
ul.submenu {width: 100%; background: #fff; border-bottom: 1px solid #fe6e27; padding: 0 0 0 22px; display: inline-block;}
ul.submenu > li {display: inline-block; padding: 7px 10px;}
.module-content-editgallery>form>p>a.button {display: none;}
button.block.bigger {margin: 6px;}
button.savebtn.block.bigger {text-align: left; float: left;}
a.prevbtn.bigger {margin: 6px; float: right;}
button.block img.icon {float: none; margin: 0; padding: 0 10px 0 0;}
#service-container {display: flex; justify-content: space-around; width: 100%; border-bottom: 1px solid #ededed;}#service-container .button {flex-grow: 1; text-wrap: nowrap;}input#plugin-filter {margin: 0 3px 0 0;}fieldset:target {border: 1px solid #fe6e27;}
/* /Admin Plus Plugin */
/* codemirror */
div.CodeMirror {
resize: vertical;
outline: 1px solid  #fff;
border-width: 1px;
border-style: solid;
border-color: #bbbbbb #ededed #ededed #bbbbbb;
line-height: 1.5;
cursor: text;
background-color: #fff;
}
div.CodeMirror span.cm-hcm {color: #f60;}