/**************************************************************/
/*                   TOP MENU
/**************************************************************/

#top-menu > ul > li {
  height: 20px;
}

#top-menu li ul.menu-children {
  display: none;
  position: absolute;
  clear: both;
  top: 19px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  color: #505050;
  max-width: 230px;
}

#top-menu ul.menu-children > li {
  padding: 5px;
  float: none;
  display: block;
  border-bottom: 1px solid #e4e4e4;
  margin: 0 6px;
}

#top-menu ul.menu-children > li:last-child {
  border-bottom: 0px;
}

#top-menu ul.menu-children > li a {
  color: inherit;
}

#top-menu li:hover ul.menu-children {
  display: block;
  z-index: 1000;
}

#top-menu #account.cms > ul > li {
  height: 20px;
  position: relative;
}

#top-menu #account li:last-child > ul.menu-children {
  right: 0px;
  left: auto;
}

#top-menu div#account img.gravatar {
  margin-right: 5px;
  padding: 0px;
  position: relative;
  top: -2px;
}

/**************************************************************/
/*                   FOOTER MENU
/**************************************************************/
#footer ul {
  position: relative;
  float: left;
  padding-left: 0px;
  list-style: none;
}

div#footer ul li {
  display: inline;
  padding-right: 10px;
}

div#footer p {
  text-align: right;
}


/**********************************************************************/
/* TAGS
/**********************************************************************/

#sidebar ul.tags-cloud  {
  list-style: none;
  padding: 0px;
}

#sidebar ul.tags-cloud li.letter { display: block; border-bottom: 1px dotted; margin: 8px 0 4px; font-weight: bold; }
#sidebar ul.tags-cloud li:not(.letter) { display: inline-block; margin: 0 2px 2px 0; }

/**************************************************************/
/*                   FEATURE
/**************************************************************/
div.feature {
  padding: 20px;
  border-bottom: 1px solid #AAA;
}

div.feature .feature-content {
  padding-left: 52%;
  min-height: 250px;
  position: relative;
}

.feature .feature-content img {
  position: absolute;
  left: 0px;
  bottom: 0px;
  border: 1px solid #CCC;
}

div.feature.left .feature-content {
  padding-left: 0px;
  padding-right: 52%;
}

div.feature.left .feature-content img {
  right: 0px;
  left: auto;
}

/**************************************************************/
/*                   PRICING TABLE
/**************************************************************/

div.wiki .pricingtable {
  width: 100%;
}

div.wiki table.pricingtable {
  text-align: center;
}

div.wiki table.pricingtable, div.wiki table.pricingtable th, div.wiki table.pricingtable td {
  border: none;
}

div.wiki table.pricingtable th, div.wiki table.pricingtable td {
  padding: 10px;
}

div.wiki table.pricingtable .divider td, div.wiki table.pricingtable .divider th {
  padding: 2px;
}
div.wiki table.pricingtable .divider, div.wiki table.pricingtable .divider .optimal  {
  background: #CCC;
}

div.wiki  table.pricingtable td:first-child {
  text-align: left;
  white-space: nowrap;
}

div.wiki table.pricingtable .price, div.wiki table.pricingtable th.product  {
  font-size: 25px;
  padding: 10px;
  display: block;
}

div.wiki table.pricingtable .optimal {
  background: #EBEBEB;
}

div.wiki table.pricingtable tr:nth-child(even) {
  background: #F1F1F1;
}

div.wiki table.pricingtable tr:nth-child(even) .optimal {
  background: #DBDBDB;
}

div.wiki table.pricingtable .buttons td {
  padding-bottom: 20px;
}

div.wiki table.pricingtable .header th {
  padding-top: 20px;
}

div.wiki table.pricingtable .price span {
  font-size: 14px;
  font-weight: normal;
  color: #999;
}

/**************************************************************/
/*                   TOOLS
/**************************************************************/
#header div.contextual.page-edit a {
  color: #333;
}

/**************************************************************/
/*                   BUTTONS
/**************************************************************/

a.button, button.button, strong.button, div.button {
  background-color: #628DB6;
  color: white;
}

a.button:hover {
  text-decoration: none;
}

.button span {
  font-size: 12px;
}

/**************************************************************/
/*                   PAGE
/**************************************************************/

.wiki.page .wiki-anchor {
  display: none;
}

.contextual.page-edit {
  position: fixed;
  top: 0px;
  left: 0px;
  margin-top: 0px;
  padding: 10px 20px;
  background-color: rgba(41, 51, 58, 0.80);
  color: white;
  font-size: 14px;
  border: 1px solid white;
  z-index: 10000;
}

.contextual.page-edit a {
  color: white;
  font-weight: bold;
}

.contextual.page-edit ul.parts-edit li {
  padding-left: 10px;
  list-style-type: none;
}

.contextual.page-edit ul.parts-edit {
  display: none;
}

.contextual.page-edit:hover ul.parts-edit {
  display: inline;
}

div.page-title {
  text-align: center;
}

div.splitcontent.page-content {margin-bottom: 5px;}

.contextual.add-to-table {margin-bottom: 5px;}
div#tab-content-page_parts.tab-content {min-height: 20px;}

.tabular div#tab-content-content div.attachments p {
  padding: 0px;
  min-height: 0px;
}

.page-fields tr.page-field td.name {width: 20%;}
.page-fields tr.page-field td.name input,
.page-fields tr.page-field td.content input { width: 85%;}

#sidebar .page.idnt span {background: url("../../bullet_arrow_right.png") no-repeat 0 50%; padding-left: 16px;}
#sidebar .page.idnt-1 {padding-left: 0.5em;}
#sidebar .page.idnt-2 {padding-left: 2em;}
#sidebar .page.idnt-3 {padding-left: 3.5em;}
#sidebar .page.idnt-4 {padding-left: 5em;}
#sidebar .page.idnt-5 {padding-left: 6.5em;}
#sidebar .page.idnt-6 {padding-left: 8em;}
#sidebar .page.idnt-7 {padding-left: 9.5em;}
#sidebar .page.idnt-8 {padding-left: 11em;}
#sidebar .page.idnt-9 {padding-left: 12.5em;}

.tabs.part-tabs li:first-child { margin-right: 10px !important; }

/**************************************************************/
/*                   PART
/**************************************************************/

.tabs.part-tabs .locked {
  font-weight: normal;
  font-style: italic;
}

/**************************************************************/
/*                   SNIPPET
/**************************************************************/

table.list.snippets .snippet {
  white-space: nowrap;
}

tr.snippet td.description {
  white-space: normal;
}

/**************************************************************/
/*                   CODEMIRROR
/**************************************************************/

.cm-editor {
  border: 1px solid #D7D7D7;
  font-size: 13px;
  min-height: 100px;
}

.cm-editor.cm-focused {
  outline: none;
}

.cm-editor.cm-fullscreen {
  position: fixed !important;
  top: 0; left: 0;
  width: 100%;
  height: 100% !important;
  z-index: 9999;
  background: #fff;
  font-size: 14px;
}

.box.tabular .cm-panel.cm-search label,
.box.tabular .cm-panel.cm-search input {
  float: none;
  display: inline;
  width: auto;
  margin: 0 4px 0 0;
}

a.cms-apply {
  margin-left: 10px;
}

.cm-editor .cm-cms-ref {
  color: #228811;
  text-decoration: underline dotted;
}

.cm-editor.cm-cms-ref-active .cm-cms-ref {
  cursor: pointer;
  text-decoration: underline;
}

/**************************************************************/
/*                   SETTINGS
/**************************************************************/
#cms-settings-menu a.selected.icon:not(:has(svg)) {
  padding-left: 20px;
}

#content .tabs ul {
  width: 10000px;
}
/**************************************************************/
/*                   ICONS
/**************************************************************/
#admin-menu a.cms:not(:has(svg)) { background-image: url("/assets/plugin_assets/redmineup_cms/sitemap_color-1fe8e69d.png");}

.icon-refresh:not(:has(svg)) {background-image: url("/assets/plugin_assets/redmineup_cms/arrow_refresh-8ee6d662.png");}
.icon-bullet-arrow-right:not(:has(svg)) {background-image: url("../../bullet_arrow_right.png");}
.icon-preview:not(:has(svg)) {background-image: url("/assets/plugin_assets/redmineup_cms/page_white_magnify-b57c86a0.png");}
.icon-menu:not(:has(svg)) {background-image: url("/assets/plugin_assets/redmineup_cms/sitemap-449217b9.png");}
.icon-page:not(:has(svg)) {background-image: url("/assets/plugin_assets/redmineup_cms/page_white_world-89049389.png");}
.icon-part:not(:has(svg)) {background-image: url("/assets/plugin_assets/redmineup_cms/page_white_text-faa4cfde.png");}
.icon-layout:not(:has(svg)) {background-image: url("/assets/plugin_assets/redmineup_cms/layout_content-6a65c534.png");}
.icon-redirect:not(:has(svg)) {background-image: url("/assets/plugin_assets/redmineup_cms/arrow_switch-b8a75ea9.png");}
.icon-vars:not(:has(svg)) {background-image: url("/assets/plugin_assets/redmineup_cms/page_white_actionscript-6c33c6a7.png");}
.icon-settings:not(:has(svg)) {background-image: url("/assets/changeset-80034980.png");}
.icon-root-page:not(:has(svg)) {background-image: url("/assets/plugin_assets/redmineup_cms/world-d90be913.png");}
.icon-snippet:not(:has(svg)) {background-image: url("/assets/plugin_assets/redmineup_cms/page_code-c8071878.png");}
.icon-redmine-layout:not(:has(svg)) {background-image: url("/assets/plugin_assets/redmineup_cms/layout_link-cb6ce671.png");}
.icon-redmine-hooks:not(:has(svg)) {background-image: url("/assets/plugin_assets/redmineup_cms/page_white_code-3cf2d6c4.png");}

.list.pages tr.entry td.filename_no_report { width: auto; }
.list.pages .expander.placeholder { visibility: hidden; }
.list.pages tr.entry.file td.filename_no_report a { margin-left: 0; }
.list.pages tr.entry td.page_name_field { width: 40%; }
.list.pages .page-icon:not(:has(svg)) { padding-left: 20px; }
.list.pages .page-icon.locked:not(:has(svg)) { background-image: url("/assets/plugin_assets/redmineup_cms/page_locked-76fadf66.png"); background-repeat: no-repeat; }
.list.pages .page-icon.parent:not(:has(svg)) { background-image: url("/assets/plugin_assets/redmineup_cms/parent_page-8f2581fc.png"); background-repeat: no-repeat; }
.list.pages .page-icon.single:not(:has(svg)) { background-image: url("/assets/plugin_assets/redmineup_cms/page_white_world-89049389.png"); background-repeat: no-repeat; }


.cms-files-toolbar { margin-bottom: 8px; }
.cms-files-toolbar input[type=search] { width: 200px; }
.cms-files-table td.thumbnail img { max-width: 48px; max-height: 48px; }
.cms-files-table td.filename { text-align: left; }
.cms-files-table tr.idnt td { opacity: 0.8; }
.cms-files-table tr.idnt td.name { background: none; padding-inline-start: 44px; }
.cms-files .badge { inset-block-end: 0; }
.cms-files-toolbar label { font-weight: normal; float: none; display: inline; width: auto; margin: 0 4px 0 8px; padding: 0; text-align: start; }
.cms-file-ext { display: inline-block; padding: 2px 4px; font-size: 0.8em; color: var(--oc-gray-7, #495057); border: 1px solid var(--oc-gray-4, #ced4da); border-radius: 3px; }
.cms-files-cards { display: flex; flex-wrap: wrap; gap: 12px; }
.cms-file-card { width: 200px; padding: 4px; border-radius: 3px; }
.cms-file-card.context-menu-selection .cms-file-card-meta { color: inherit; }
.cms-file-card-preview { display: flex; align-items: center; justify-content: center; width: 200px; height: 200px; border: 1px solid var(--oc-gray-3, #dee2e6); background: var(--oc-gray-0, #f8f9fa); }
.cms-file-card-preview img { max-width: 100%; max-height: 100%; object-fit: contain; }
.cms-file-card-preview .cms-file-ext { font-size: 1.4em; }
.cms-file-card-info { display: flex; align-items: center; gap: 4px; margin-top: 4px; }
.cms-file-card-info .filename { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cms-file-card-meta { color: var(--oc-gray-6, #868e96); font-size: 0.9em; }
.cms-file-card-meta .expander { cursor: pointer; }
.cms-file-previous img { max-width: 60px; max-height: 60px; margin: 4px 4px 0 0; }

.cms-files:has(.cms-files-none) .cms-files-toolbar { display: none; }

.cms-draft-overlay { position: fixed; inset: 0; z-index: 10000; display: flex; flex-direction: column; background: #fff; }
.cms-draft-overlay[hidden] { display: none; }
.cms-draft-bar { display: flex; align-items: center; margin: 0; padding: 0 10px; height: 40px; flex: none; list-style: none; background: #29333a; color: #fff; font-size: 14px; }
.cms-draft-bar li { position: relative; padding: 0 8px; white-space: nowrap; }
.cms-draft-bar a { color: #f8f8f8; font-weight: bold; text-decoration: none; }
.cms-draft-bar svg { width: 16px; height: 16px; margin-right: 4px; vertical-align: text-bottom; fill: currentColor; }
.cms-draft-title { opacity: 0.7; }
.cms-draft-version-label { display: inline-block; min-width: 3em; text-align: center; }
.cms-draft-close { margin-left: auto; }
.cms-draft-close a { font-size: 18px; }
.cms-draft-bar ul.menu-children { display: none; position: absolute; top: 100%; left: 0; z-index: 1; margin: 0; padding: 0; list-style: none; border: 1px solid #e4e4e4; background: #fff; color: #505050; min-width: 160px; max-height: 70vh; overflow-y: auto; }
.cms-draft-bar li:hover > ul.menu-children { display: block; }
.cms-draft-bar ul.menu-children li { padding: 5px 10px; border-bottom: 1px solid #e4e4e4; }
.cms-draft-bar ul.menu-children li:last-child { border-bottom: 0; }
.cms-draft-bar ul.menu-children a { display: block; color: inherit; }
.cms-draft-bar ul.menu-children a.selected { color: #1f8a3b; }
.cms-draft-warnings { margin: 0; flex: none; }
.cms-draft-frame { flex: 1; width: 100%; border: 0; background: #fff; }

.cms-preview-toolbar { display: flow-root; margin-bottom: 8px; }
.cms-draft-warnings { position: relative; }
.cms-draft-warnings > svg.icon-svg { position: absolute; inset-block-start: 50%; margin-block-start: -9px; margin-inline-start: -24px; }
.cms-draft-warnings ul { margin: 0; padding-inline-start: 1.2em; }
.cms-preview-toolbar label { float: none; display: inline; width: auto; margin: 0 4px 0 0; padding: 0; text-align: start; }
.cms-preview-tab .cms-draft-warnings { margin: 0 0 8px; }
.cms-preview-tab .cms-draft-frame { flex: none; height: 70vh; border: 1px solid var(--oc-gray-4, #ced4da); }
.cms-draft-box .next-prev-links a.disabled { color: var(--oc-gray-6, #868e96); pointer-events: none; text-decoration: none; }