/* VERSION: 002 */ /* ADMIN FONTS */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('fonts/open-sans-v17-latin-300.eot'); src: local('Open Sans Light'), local('OpenSans-Light'), url('fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans-v17-latin-300.woff2') format('woff2'), url('fonts/open-sans-v17-latin-300.woff') format('woff'), url('fonts/open-sans-v17-latin-300.ttf') format('truetype'), url('fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg');} @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('fonts/open-sans-v17-latin-regular.eot'); src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans-v17-latin-regular.woff2') format('woff2'), url('fonts/open-sans-v17-latin-regular.woff') format('woff'), url('fonts/open-sans-v17-latin-regular.ttf') format('truetype'), url('fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg');} @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('fonts/open-sans-v17-latin-700.eot'); src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans-v17-latin-700.woff2') format('woff2'), url('fonts/open-sans-v17-latin-700.woff') format('woff'), url('fonts/open-sans-v17-latin-700.ttf') format('truetype'), url('fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg');} .font_admin { font-family: 'Open Sans', sans-serif !important;} #admin_dashboard.content_block { font-family: 'Open Sans', sans-serif; width: 100%; color: #fff; letter-spacing: 0; padding: 20px; max-width: 1024px; margin: 0 auto 20px auto;} #default_form_admin_login_wrapper { background-color: #222; max-width: 400px !important; margin: 20px auto 20px auto; padding: 40px; margin-top: 20px; border-radius: 5px;} #default_admin_overview_wrapper { margin: 0 auto 0 auto; padding: 20px; box-sizing: border-box; background: #eee; border-radius: 5px;} .dashboard_wrapper { margin-top: 30px; border-radius: 5px; border-color: #fff; min-height: 60px; padding-bottom: 20px;} .dashboard_wrapper legend { font-size: 18px; font-weight: 700; color: #111;} .dashboard_wrapper .category_wrapper .category_caption { margin: 20px 10px 5px 20px; line-height: 30px; border-bottom: 1px solid #bbb; font-size: 18px; color: #555; font-weight: bold; text-transform: uppercase;} .dashboard_wrapper .category_wrapper .default_link, .dashboard_wrapper .category_wrapper .link_list div { float: left; display: block; width: 140px; margin: 10px 0 0 20px; box-sizing: border-box; padding: 10px; align-content: center; text-align: center; background-color: #fff; color: #111; font-size: 14px; font-weight: 700; border-radius: 5px; text-transform: uppercase; height: 140px; border: 1px solid #bbb;} .dashboard_wrapper .category_wrapper .link_list div:not(.disabled) { cursor: pointer;} .dashboard_wrapper .category_wrapper .default_link:hover, .dashboard_wrapper .category_wrapper .link_list div:hover:not(.disabled) { border-color: #111;} #admin_dashboard h1, #admin_dashboard h2 { font-family: 'Open Sans'; padding: 0 !important; margin: 0 !important;} #default_form_admin_login_wrapper h1, #default_form_admin_login_wrapper h2, #default_form_admin_login_wrapper p { color: #fff;} #default_admin_overview_wrapper h1, #default_admin_overview_wrapper h2, #default_admin_overview_wrapper p { color: #111;} #admin_dashboard h1 { line-height: 40px; font-size: 30px; letter-spacing: 1px; font-weight: 700;} #admin_dashboard h2 { font-size: 16px; line-height: 32px; letter-spacing: 1px; font-weight: 400;} #admin_dashboard p { margin-top: 60px;} #admin_dashboard input:focus, #admin_dashboard textarea:focus { outline: none;} #admin_dashboard form label{ display: block; width: 100%; margin: 30px 0 5px 0; font-size: 14px;} #admin_dashboard form input { font-family: 'Open Sans', sans-serif; display: block; width: 100%; line-height: 30px; box-sizing: border-box; padding-left: 10px; border: none; font-size: 14px;} #admin_dashboard form button { font-family: 'Open Sans', sans-serif; display: block; padding: 0; line-height: 30px; margin-top: 30px; background-color: #fff; outline: none; border: 1px solid #999; font-size: 15px; cursor: pointer; color: #000; width: 120px; text-align: center; border-radius: 5px; margin-left: calc(100% - 120px);} /* ADMIN INTERFACE STYLING */ #default_admin_bar, #default_admin_data_api_bar { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 50px; z-index: 101; line-height: 30px; background-color: var(--background-color); color: var(--text-color); font-size: 14px; user-select: none; pointer-events: all; box-sizing: border-box; border-bottom: 1px solid var(--text-color); letter-spacing: 0;} #hig_admin_btn_dashboard { color: var(--text-color);} body.hig_admin_logged_in #default_admin_bar { display: block;} body.hig_admin_data_api #default_admin_bar { display: none;} body.hig_admin_data_api #default_admin_data_api_bar { display: block;} /* TBD: KANN var(--viewport-height) DURCH 100svh ERSETZT WERDEN? */ .hig_admin_overlay { display: none; overflow: auto; position: fixed; top: 50px; left: 0; width: 25%; box-sizing: border-box; height: calc(var(--viewport-height) - 50px); padding: 0 10px 10px 10px; background-color: var(--background-color); color: var(--text-color); z-index: 101; color-scheme: var(--color-scheme); scrollbar-color: var(--scrollbar-color); letter-spacing: 0;} #hig_admin_item_mask, .hig_admin_overlay form input, .hig_admin_overlay form button, .hig_admin_overlay form select, .hig_admin_overlay form textarea { font-family: 'Open Sans'; letter-spacing: 0;} #hig_admin_filetree, #hig_admin_media {width: 100%; max-width: 600px;} .hig_admin_overlay input { color-scheme: normal;} .hig_admin_overlay input:disabled { background-color: #9D9D9D !important;} .hig_admin_overlay input[type="text"] { border: none; outline: none;} body.hig_admin_logged_in .hig_admin_overlay.visible { display: block;} body.hig_admin_logged_in #top { top: 50px; overflow: hidden;} .content_block > .inactive { opacity: 0.5;} #hig_admin_static_tooltip { display: none; position: absolute; top: -100px; left: -150px; max-width: 300px; font-size: 14px; line-height: 20px; color: #4a1102; box-sizing: border-box; padding: 5px 10px 5px 10px; text-align: left; overflow: hidden; z-index: 103; border: 1px solid #ddd; border-radius: 5px; background-color: #fbfbd0;} #hig_admin_static_language_switch, #hig_admin_data_api_language_switch { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto 0 auto; text-decoration: none; box-sizing: border-box; width: fit-content; line-height: 50px; font-size: 20px;} #hig_admin_data_api_language_switch.hidden { display: none;} #hig_admin_data_api_language_switch > .lang { display: inline-block; cursor: pointer;} #hig_admin_static_language_switch a { font-size: 20px;} #hig_admin_static_language_switch .selected, #hig_admin_data_api_language_switch .selected { text-decoration: underline;} #default_admin_bar .hig_admin_btn_toggle_filetree, #default_admin_bar .hig_admin_btn_toggle_media, #hig_admin_btn_dashboard { float: left; padding: 10px; text-decoration: underline; cursor: pointer;} #default_admin_bar .hig_admin_btn_toggle_filetree.disabled, #default_admin_bar .hig_admin_btn_toggle_media.disabled, #hig_admin_btn_dashboard.disabled { cursor: default;} #default_admin_bar .hig_admin_btn_save { display: none; float: right; padding: 12.5px 12.5px 0; cursor: pointer;} #default_admin_bar .hig_admin_btn_save g { fill: var(--btn-save-color);} #default_admin_bar .hig_admin_btn_save.user_lock_error g { fill: #bb1111;} #default_admin_bar .hig_admin_btn_save.unsaved { display: block;} #default_admin_bar .hig_admin_btn_toggle_filetree.active, #default_admin_bar .hig_admin_btn_toggle_media.active, #default_admin_bar .hig_admin_btn_toggle_edit.active_color { color: var(--btn-toggle-active-color);} #default_admin_bar .hig_admin_btn_toggle_edit, #default_admin_bar .hig_admin_btn_logout, #default_admin_data_api_bar .hig_admin_btn_logout { float: right; padding: 10px; text-decoration: underline; cursor: pointer;} #default_admin_bar .hig_admin_btn_logout.disabled, #default_admin_bar .hig_admin_btn_toggle_edit.disabled { cursor: default;} #default_admin_bar .hig_admin_btn_toggle_edit.hidden:not(.edit_index), body.hig_admin_non_editable_page .hig_admin_btn_toggle_edit:not(.edit_index) { display: none;} #hig_admin_pages_wrapper { float: left; width: 100%;} #hig_admin_pages_wrapper .default_link { white-space: nowrap;;} .hig_admin_btn_toggle_edit_top, .hig_admin_btn_toggle_edit_footer, .hig_admin_btn_show_path_translations, .hig_admin_btn_show_pages, .hig_admin_btn_show_archive, .hig_admin_btn_open_media { margin: 15px 0 0 0; box-sizing: border-box; font-size: 14px; line-height: 22px; cursor: pointer; color: var(--text-color); width: fit-content;} .hig_admin_btn_show_archive { margin-bottom: 10px;} /* ADMIN FILETREE */ #hig_admin_media, #hig_admin_filetree { padding-bottom: 40px;} #hig_admin_filetree *:not(input) { user-select: none;} .hig_admin_filetree_btn_wrapper { display: inline-block; position: absolute; right: 0; height: 40px;} .hig_admin_filetree_btn { width: 30px; height: 40px; float: right; margin-left: 5px; cursor: pointer; background-repeat: no-repeat; background-size: auto 15px; background-position: center center;} .hig_admin_filetree_btn.disabled { opacity: 0; cursor: default;} .hig_admin_filetree_btn.hidden { display: none;} .hig_admin_filetree_btn_copy { background-image: url(../_img/ui/admin/copy.svg); background-size: auto 18px;} .hig_admin_filetree_btn_settings { background-image: url(../_img/ui/admin/settings.svg); background-size: auto 20px;} .hig_admin_filetree_btn_restore_subpage { background-image: url(../_img/ui/admin/restore.svg); background-position: center bottom 13px;} .hig_admin_filetree_btn_publish { background-image: url(../_img/ui/admin/unpublished.svg);} .hig_admin_filetree_btn_publish.published { background-image: url(../_img/ui/admin/published.svg);} .hig_admin_filetree_btn_delete { margin-left: 15px; background-image: url(../_img/ui/admin/minus-circle.svg); background-size: auto 20px;} .hig_admin_filetree_dir > .hig_admin_filetree_btn_delete { margin: 0; position: absolute; top: 0; right: 0;} .hig_admin_filetree_btn_create_subpage { box-sizing: border-box; position: absolute; top: 0; right: 210px; background-size: auto 20px; background-image: url(../_img/ui/admin/plus-circle.svg);} .hig_admin_filetree_file.hidden, .hig_admin_filetree_dir.hidden { display: none;} .hig_admin_filetree_dir > .container, .hig_admin_filetree_file > ul { display: none;} .hig_admin_filetree_dir.unfolded > .container { display: block;} .hig_admin_filetree_dir { clear: both; float: left;} .hig_admin_filetree_file { position: relative; line-height: 40px; border-top: 1px solid var(--border-color); clear: both;} .hig_admin_filetree_file.translated { padding: 5px 0; line-height: 17px;} .hig_admin_filetree_file > .default_link { clear: both; float: left; font-size: 13px; text-decoration: none; line-height: 40px; cursor: pointer; overflow: hidden; color: var(--text-color); padding-left: 19px;} .hig_admin_filetree_file.translated > .default_link { line-height: 17px; margin-top: 3px;} .hig_admin_filetree_file.translated > .default_link > span { color: var(--filetree-translated-color);} .hig_admin_filetree_file > ul > li:hover { text-decoration: underline;} .hig_admin_filetree_file > ul { font-size: 13px; line-height: 20px; margin-block-start: 0;} .hig_admin_filetree_file > ul > li { cursor: pointer;} .hig_admin_filetree_input_new_subpage { right: 0; width: 200px; position: absolute; top: 10px; font-size: 14px; padding: 0px 5px; height: 20px; box-sizing: border-box;} .container .hig_admin_filetree_input_new_subpage { right: 40px; width: 160px;} .hig_admin_filetree_input_new_subpage::-webkit-calendar-picker-indicator { display: none;} .hig_admin_filetree_dir { position: relative; width: 100%; box-sizing: border-box;} .container .hig_admin_filetree_dir { padding-left: 10px;} .hig_admin_filetree_dir > .caption { border-top: none; color: var(--text-color); line-height: 40px; font-size: 14px; margin-bottom: 10px;} .container .hig_admin_filetree_dir > .caption { border-top: 1px solid var(--border-color); padding-bottom: 0;} .hig_admin_filetree_dir > .caption > span { cursor: pointer;} .hig_admin_filetree_dir > .caption > span > span { display: inline-block; position: relative; top: 1px; margin-right: 6px; width: 13px;} .hig_admin_filetree_dir.empty > .caption > span > span { display: none;} .hig_admin_filetree_dir:not(.unfolded) > .caption > span > span { transform: rotate(-90deg);} /* HIG-ADMIN-OVERLAY UNIFICATION */ body.disable_user_select #top, body.disable_user_select #content, body.disable_user_select #footer { user-select: none;} .hig_admin_overlay.align_center, .hig_admin_overlay.align_left, .hig_admin_overlay.align_right { position: fixed; left: 0; top: 0; width: 100%; height: var(--viewport-height); overflow: visible; z-index: 102; background-color: rgba(0, 0, 0, 0.3);} .hig_admin_overlay_wrapper { position: absolute; box-sizing: border-box; margin: 0; background-color: var(--menus-color); color: var(--menus-text-color); overflow: hidden; border: 1px solid var(--border-color); border-radius: 5px; color-scheme: normal; scrollbar-color: auto;} .hig_admin_overlay.extended_top .hig_admin_overlay_wrapper { border-radius: unset;} .hig_admin_overlay.align_center.visible { display: grid !important; place-items: center;} .hig_admin_overlay.align_left > .hig_admin_overlay_wrapper { top: 80px; left: 30px; max-width: 100%;} .hig_admin_overlay.align_right > .hig_admin_overlay_wrapper { top: 80px; right: 30px; max-width: 100%;} .hig_admin_overlay.align_left.position_fixed > .hig_admin_overlay_wrapper, .hig_admin_overlay.align_center.position_fixed > .hig_admin_overlay_wrapper, .hig_admin_overlay.align_right.position_fixed > .hig_admin_overlay_wrapper { left: 15px; right: 15px;} .hig_admin_overlay_content { box-sizing: border-box; padding: 10px 15px 0; overflow-x: hidden; overflow-y: auto;/*TBD: AUTO-FOCUS, TEST OVERFLOW-BEHAVIOUR.*/ font-size: 15px;} .hig_admin_overlay.align_center .hig_admin_overlay_content { min-height: calc((var(--viewport-height) - 304px) / 2); max-height: calc(var(--viewport-height) - 304px);} .hig_admin_overlay.align_left .hig_admin_overlay_content, .hig_admin_overlay.align_right .hig_admin_overlay_content { min-height: calc((var(--viewport-height) - 218px) / 2); max-height: calc(var(--viewport-height) - 218px);} .hig_admin_overlay_inner { box-sizing: border-box; padding: 10px 15px; overflow-x: hidden; overflow-y: auto; font-size: 15px;} .hig_admin_overlay.align_left .hig_admin_overlay_inner, .hig_admin_overlay.align_right .hig_admin_overlay_inner { min-height: calc((var(--viewport-height) - 159px) / 2); max-height: calc(var(--viewport-height) - 159px);} .hig_admin_overlay.align_center .hig_admin_overlay_inner { min-height: calc((var(--viewport-height) - 245px) / 2); max-height: calc(var(--viewport-height) - 245px);} .hig_admin_overlay.moved > .hig_admin_overlay_wrapper { transform: unset;} .hig_admin_overlay_top { box-sizing: border-box; padding: 10px 10px 10px 15px; background-color: var(--menus-top-color); color: var(--menus-top-text-color); border-bottom: 1px solid #111;} .hig_admin_overlay_top *:not(.hig_select) { user-select: none;} .hig_admin_overlay_top_title { font-size: 17px; font-weight: 700; line-height: 25px; display: inline-block; white-space: nowrap; pointer-events: none;} .hig_admin_overlay.extended_top .hig_admin_overlay_top_title { font-size: 18px; line-height: 30px; position: absolute;} .hig_admin_overlay:not(.extended_top) .hig_admin_overlay_top_btn_close { position: absolute; top: 15px; right: 10px; cursor: pointer; width: 15px; height: 15px; background-image: url(../_img/ui/admin/cross-dark.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: center center;} .hig_admin_overlay.extended_top .hig_admin_overlay_top .button { float: right; min-width: 80px; box-sizing: border-box; padding: 0 10px; font-size: 14px; line-height: 30px; margin-left: 10px; cursor: pointer; background-color: var(--btn-color); border-radius: 5px; text-align: center; color: var(--btn-text-color);} .hig_admin_overlay.extended_top .hig_admin_overlay_top .button.hidden { display: none;} .hig_admin_overlay.extended_top .hig_admin_overlay_top .button:hover { background-color: var(--btn-hover-color);} .hig_admin_overlay_caption { font-size: 15px; font-weight: 700; line-height: 24px; margin-bottom: 6px;} .hig_admin_overlay:not(.extended_top) .hig_admin_overlay_wrapper input:not([type="checkbox"]) { margin-bottom: 10px; width: 100%; min-height: 38px; padding: 8px; box-sizing: border-box; border: 1px solid #bbb; outline: none; background-color: #fff; color: #000; font-size: 15px; line-height: unset;} .hig_admin_overlay_controls { padding: 15px;} .hig_admin_overlay_controls > .button { min-width: 100px; float: right; margin-left: 10px; padding: 0 10px; box-sizing: border-box; border: none; font-size: 14px; line-height: 30px; cursor: pointer; color: var(--btn-text-color); background-color: var(--btn-color); border-radius: 5px; text-align: center; user-select: none;} .hig_admin_overlay_controls > .button:not(.disabled):hover { background-color: var(--btn-hover-color);} .hig_admin_overlay_wrapper .button.disabled, .hig_admin_overlay_wrapper .hig_select.disabled { cursor: default; opacity: 0.5;} .hig_admin_overlay_wrapper .button.hidden { display: none;} /* ARCHIVE AND RESTORE SUBPAGE */ #hig_admin_archive:not(.position_fixed) .hig_admin_overlay_wrapper, #hig_admin_restore_subpage:not(.position_fixed) .hig_admin_overlay_wrapper { width: 400px;} #hig_admin_archive ul, #hig_admin_restore_subpage ul { margin: 0 0 20px 0; padding: 0;} #hig_admin_archive ul:last-child, #hig_admin_restore_subpage ul:last-child { margin-bottom: 0;} #hig_admin_archive ul > li, #hig_admin_restore_subpage ul > li { font-size: 14px; line-height: 22px; display: table; cursor: pointer;} #hig_admin_archive ul > li:hover, #hig_admin_restore_subpage ul > li:hover { text-decoration: underline;} /* PATH TRANSLATIONS */ #hig_admin_path_translations { z-index: 102;} #hig_admin_path_translations .table { width: calc(400px + 50px * var(--count-languages)); max-width:100%; padding-top: 0;} #hig_admin_path_translations.position_fixed .table { width: 100%;} #hig_admin_path_translations .row_wrapper > div { float: left; width: 50px; height: 50px; line-height: 50px; text-align: center; padding: 0 5px; box-sizing: border-box; } #hig_admin_path_translations .row_wrapper > .default { width: calc(100% - 50px * var(--count-languages)); text-align: left; padding-right: 15px;} #hig_admin_path_translations .row_wrapper > .lang { text-align: center;} #hig_admin_path_translations .row_wrapper > .status { font-size: 20px; cursor: pointer;} #hig_admin_path_translations .row_wrapper > .status.missing, #hig_admin_path_translations .row_wrapper > .status.exists { color: var(--border-color); opacity: 0.7;} #hig_admin_path_translations .row_wrapper > .status.exists.translated { color: #2b6de8;} #hig_admin_path_translations .row_wrapper > .status:hover { opacity: 1;} #hig_admin_path_translations .row_wrapper > .title { font-weight: bold;} #hig_admin_path_translations .row_wrapper.titles { position: sticky; top: 0; z-index: 1; background-color: var(--menus-color); border-bottom: 2px solid var(--border-color);} #hig_admin_path_translations .row_wrapper.data:not(:last-child) { border-bottom: 1px solid var(--border-color);} #hig_admin_path_translations .row_wrapper > div:not(:last-child) { border-right: 1px solid var(--border-color);} #hig_admin_path_translations_input input { margin-bottom: 0;} #hig_admin_path_translations_input:not(.position_fixed) .hig_admin_overlay_wrapper { width: 350px;} #hig_admin_path_translations_input .hig_admin_overlay_content { min-height: unset;} /* SUBPAGE OVERLAYS */ #hig_admin_copy_subpage:not(.position_fixed) .hig_admin_overlay_wrapper, #hig_admin_subpage_settings:not(.position_fixed) .hig_admin_overlay_wrapper, #hig_admin_create_subpage:not(.position_fixed) .hig_admin_overlay_wrapper { width: 550px;} #hig_admin_copy_subpage .hig_admin_overlay_content { min-height: unset;} #hig_admin_language_select_box { margin-bottom: 10px;} #hig_admin_content_order_select_box, #hig_admin_content_order_select_box .options { min-width: 190px; float: left;} #hig_admin_new_content_order_select_box, #hig_admin_new_content_order_select_box .options { min-width: 100px; float: left;} #hig_admin_subpage_settings button { float: left; margin-left: 10px; padding: 0; width: 32px; height: 32px; font-size: 25px; line-height: 30px; cursor: pointer; border: 1px solid #bbb; background-color: #ddd;} #hig_admin_subpage_settings .hig_select.hidden { display: none;} #hig_admin_subpage_settings button.hig_admin_btn_save_content_block, #hig_admin_subpage_settings button.hig_admin_btn_cancel_content_block { width: unset; font-size: 13px; padding: 0 5px; float: right;} #hig_admin_subpage_settings button:hover { border-color: #111;} #hig_admin_subpage_settings button:disabled { cursor: default; border-color: #bbb; background-color: #eee;} #hig_admin_subpage_settings .hig_admin_overlay_controls { min-height: 30px;} #hig_admin_subpage_settings .hig_admin_edit_content_block_wrapper { width: 100%; clear: both; padding-top: 20px; padding-bottom: 40px;} #hig_admin_subpage_settings .hig_admin_input_classes_caption { clear: both; padding-top: 10px;} #hig_admin_subpage_settings .hig_admin_content_wrapper, #hig_admin_subpage_settings .hig_admin_blueprint_wrapper { width: 50%; float: left;} #hig_admin_subpage_settings .hig_admin_content_wrapper li.inactive { opacity: 0.5;} #hig_admin_subpage_settings .hig_admin_meta_description_input { margin-bottom: 20px;} #hig_admin_create_subpage .hig_admin_blueprint_wrapper { padding-bottom: 40px;} #hig_admin_subpage_settings .hig_admin_check_blueprint, #hig_admin_create_subpage .hig_admin_check_blueprint { display: initial; width: 16px; height: 16px; margin: 0; position: relative; vertical-align: middle; cursor: pointer;} #hig_admin_subpage_settings label, #hig_admin_create_subpage label { margin: 0 10px 0 7px; vertical-align: middle; cursor: pointer; font-size: 13px; line-height: 25px; color: #000;} #hig_admin_subpage_settings li { font-size: 13px; line-height: 25px; color: #000;} #hig_admin_subpage_settings ul { margin-left: -3px;} /* ITEM MENU */ #hig_admin_item_menu .hig_admin_overlay_inner, #hig_admin_items_to_insert .hig_admin_overlay_inner { min-height: unset;} #hig_admin_item_menu .hig_admin_overlay_inner, #hig_admin_items_to_insert .hig_admin_overlay_inner { background-color: #bbb;} #hig_admin_item_menu .hig_admin_item_menu_btn { display: none; box-sizing: border-box; margin-bottom: 5px; font-size: 16px; line-height: 20px; cursor: pointer; color: #111; background-color: #eee; border: 1px solid var(--border-color); padding: 13px 10px; width: 280px; max-width: 100%; text-align: center; overflow: hidden;} #hig_admin_items_to_insert .hig_admin_btn_clipboard_item_to_insert, #hig_admin_items_to_insert .hig_admin_btn_item_to_insert { position: relative; box-sizing: border-box; margin-bottom: 5px; font-size: 16px; line-height: 20px; cursor: pointer; color: #111; background-color: #eee; border: 1px solid var(--border-color); padding: 12px 10px; width: 280px; max-width: 100%; min-height: 55px; overflow: hidden;} #hig_admin_item_menu.position_fixed .hig_admin_item_menu_btn, #hig_admin_items_to_insert.position_fixed .hig_admin_btn_clipboard_item_to_insert, #hig_admin_items_to_insert.position_fixed .hig_admin_btn_item_to_insert { width: 100%;} #hig_admin_item_menu .hig_admin_item_menu_btn:last-child, #hig_admin_items_to_insert .hig_admin_btn_item_to_insert:last-child { margin-bottom: 0;} #hig_admin_items_to_insert .hig_admin_btn_clipboard_item_to_insert .libname, #hig_admin_items_to_insert .hig_admin_btn_item_to_insert .libname { position: absolute; left: 10px; bottom: 2px; font-size: 12px; font-weight: 700; color: #888; line-height: 15px;} #hig_admin_items_to_insert .hig_admin_btn_item_to_insert.highlight, #hig_admin_items_to_insert .hig_admin_btn_item_to_insert.highlight .libname { font-weight: 700; color: #111;} #hig_admin_item_menu .hig_admin_item_menu_btn:hover, #hig_admin_items_to_insert .hig_admin_btn_clipboard_item_to_insert:not(.disabled):hover, #hig_admin_items_to_insert .hig_admin_btn_item_to_insert:hover { background-color: #fff;} #hig_admin_items_to_insert .hig_admin_btn_clipboard_item_to_insert > .clipboard { float: left; font-size: 20px; line-height: 15px; margin-left: -5px;} #hig_admin_items_to_insert .hig_admin_btn_clipboard_item_to_insert.disabled { cursor: default; color: #888; padding-right: 7px;} #hig_admin_items_to_insert .hig_admin_btn_clipboard_item_to_insert.disabled > .clipboard { opacity: 0.5;} #hig_admin_items_to_insert .hig_admin_btn_clipboard_item_to_insert.disabled > .info { position: absolute; top: 12px; right: 8px; font-size: 28px; line-height: 15px; color: #444; cursor: pointer;} #hig_admin_item_menu.enable_edit .hig_admin_btn_edit_item, #hig_admin_item_menu.enable_copy .hig_admin_btn_copy_item, #hig_admin_item_menu.enable_insert_before .hig_admin_btn_insert_before_item, #hig_admin_item_menu.enable_insert_after .hig_admin_btn_insert_after_item, #hig_admin_item_menu.enable_activate_item .hig_admin_btn_activate_item, #hig_admin_item_menu.enable_deactivate_item .hig_admin_btn_deactivate_item, #hig_admin_item_menu.enable_lock_item .hig_admin_btn_lock_item, #hig_admin_item_menu.enable_unlock_item .hig_admin_btn_unlock_item, #hig_admin_item_menu.enable_remove .hig_admin_btn_remove_item { display: block;} /* ITEM MARKER */ #content .content_block[data-empty] { min-height: 50px !important;} .hig_admin_content_block_marker, .hig_admin_item_marker_wrapper { box-sizing: border-box; min-height: 50px; min-width: 100px; text-align: center; z-index: 98; position: absolute; background-color: rgba(var(--marker-color)); border: 2px solid rgba(var(--marker-color)); background-clip: content-box;} .hig_admin_content_block_marker { max-width: none; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(var(--marker-not-selected-color)); border:none; cursor: pointer;} .hig_admin_content_block_marker:hover { background-color: rgba(var(--marker-color));} .hig_admin_item_marker_wrapper.hidden { display: none !important;} .hig_admin_item_marker_wrapper.unknown { background-color: rgba(var(--marker-not-selected-color)); border: 2px solid rgba(var(--marker-not-selected-color));} .hig_admin_item_marker_wrapper.edit_mode { border: 2px solid var(--highlight-border-color);} .hig_admin_item_marker_wrapper.movement_indicator { border-color: #2b6de8;} body.hide_item_marker .hig_admin_item_marker_wrapper { display: none;} .hig_admin_item_marker_wrapper .hig_admin_btn_move_item_wrapper { position: absolute; height: 30px; top: 5px; left: 5px;} .hig_admin_item_marker_wrapper .hig_admin_btn_move_item_wrapper.hidden { display:none;} .hig_admin_content_block_btn_show_items_to_insert, .hig_admin_item_marker_wrapper .marker_menu_btn { width: 35px; height: 35px; background-color: var(--btn-open-item-menu-color); cursor: pointer; border-radius: 17.5px; text-align: center; line-height: 33px; position: absolute; top: 5px; right: 5px; color: var(--btn-open-item-menu-text-color); font-size: 22px; border: 1px solid #555; background-position: center center; background-repeat: no-repeat;} .hig_admin_content_block_btn_show_items_to_insert { top: 7px; right: 7px;} .hig_admin_item_marker_wrapper .marker_menu_btn.disabled { opacity: 0.5; cursor: default;} .hig_admin_item_marker_wrapper .marker_menu_btn.hidden { display: none;} .hig_admin_item_marker_wrapper .hig_admin_btn_copy_marked_item { background-size: 14px 17px;} .hig_admin_item_marker_wrapper .hig_admin_btn_activate_marked_item { background: no-repeat center / 22px url(../_img/ui/admin/unpublished.svg); background-color: #222;} .hig_admin_item_marker_wrapper .hig_admin_btn_deactivate_marked_item { background: no-repeat center / 22px url(../_img/ui/admin/published.svg); background-color: #222;} .hig_admin_item_marker_wrapper .hig_admin_btn_activate_marked_item:not(.single), .hig_admin_item_marker_wrapper .hig_admin_btn_deactivate_marked_item:not(.single) { right: 50px;} .hig_admin_item_marker_wrapper .hig_admin_btn_activate_marked_item { color: #888;} .hig_admin_item_marker_wrapper .hig_admin_btn_lock_marked_item, .hig_admin_item_marker_wrapper .hig_admin_btn_unlock_marked_item { font-size: 17px; line-height: 27px;} .hig_admin_item_marker_wrapper .marker_menu_btn:not(.disabled):hover { background-color: rgba(var(--btn-open-item-menu-hover-color));} .hig_admin_item_marker_wrapper .hig_admin_btn_move_item { display: inline-block; cursor: pointer; width: 25px; height: 25px; background-repeat: no-repeat; background-size: 25px 25px; background-position: center center;} .hig_admin_item_marker_wrapper .hig_admin_btn_move_item.up { background-image: url(../_img/ui/admin/move-up.svg);} .hig_admin_item_marker_wrapper .hig_admin_btn_move_item.down { background-image: url(../_img/ui/admin/move-down.svg);} .hig_admin_item_marker_wrapper .hig_admin_btn_show_items_to_insert.before { background-image: url(../_img/ui/admin/insert-before.svg);} .hig_admin_item_marker_wrapper .hig_admin_btn_show_items_to_insert.after { background-image: url(../_img/ui/admin/insert-after.svg);} .hig_admin_btn_toggle_edit_top:hover, .hig_admin_btn_toggle_edit_footer:hover, .hig_admin_btn_show_path_translations:hover, .hig_admin_btn_show_pages:hover, .hig_admin_btn_show_archive:hover, .hig_admin_btn_open_media:hover { background-color: var(--btn-hover-color);} .hig_admin_btn_edit_marked_item { background-image: url(../_img/ui/admin/pencil-black.svg);} .hig_admin_btn_copy_marked_item { background-image: url(../_img/ui/admin/copy.svg);} .hig_admin_btn_delete_marked_item { background-image: url(../_img/ui/admin/minus-circle-black.svg);} .hig_admin_empty_item { min-height: 50px; min-width: 100px;} .hig_admin_dummy_item { position: absolute; z-index: 99; box-sizing: border-box; padding: 0 10px; line-height: 30px; background-color: #2b6de8;} /* ITEM MASK */ #hig_admin_item_mask { position: fixed; top: 0; left: 0; width: 100%; height: var(--viewport-height); padding-bottom: 100px; background-color: rgba(0, 0, 0, 0.3); z-index: 102;} #hig_admin_item_mask:not(.position_fixed) .hig_admin_overlay_wrapper { width: 700px;} #hig_admin_item_mask.user_lock_error .hig_admin_overlay_top { background-color: #bb1111;} .hig_admin_item_menu_btn, .hig_admin_btn_clipboard_item_to_insert, .hig_admin_btn_item_to_insert { user-select: none;} #hig_admin_item_mask .hig_admin_overlay_wrapper:not(.not_saved, .changed) .hig_admin_overlay_top > .hig_admin_overlay_top_not_saved_indicator { display: none;} #hig_admin_item_mask .hig_admin_overlay_top > .hig_admin_overlay_top_not_saved_indicator { float: left; font-size: 18px; line-height: 30px; font-weight: 700;} #hig_admin_item_mask .hig_admin_overlay_inner { width: 100%; min-height: 200px; max-height: calc(var(--viewport-height) - 222px); overflow-y: scroll; padding: 0 0 80px; box-sizing: border-box; background-color: #eee;} #hig_admin_item_mask.position_fixed .hig_admin_overlay_wrapper { top: 65px;} #hig_admin_item_mask.position_fixed .hig_admin_overlay_inner { max-height: calc(var(--viewport-height) - 192px);} .hig_admin_mask { box-sizing: border-box;} .hig_admin_mask.container { position: relative; border-left: 1px solid #aaa; margin: 20px 0 20px 20px;} .hig_admin_mask_element.container { margin: 0 0 0 40px; border-left: 1px solid #aaa; background: rgba(0, 0, 0, 0.03);} .hig_admin_mask_element.container:not(.atomic):not([data-type^="lang_"]) { margin-bottom: 40px;} .hig_admin_mask_edit_wrapper { position: relative; width: 100%; height: 70px; padding-left: 40px; border-top: 1px solid #aaa; box-sizing: border-box;} .hig_admin_mask_edit_wrapper.preview_image.collapsed { height: 84px;} .hig_admin_mask_edit_wrapper.footer { height: 0px; padding: 0px;} .hig_admin_mask_btn_add_element { position:absolute; left: -10px; top: -10px; width: 20px; height: 20px; cursor: pointer;} .hig_admin_mask_btn_add_element circle { fill: #ffffff;} .hig_admin_mask_btn_add_element path { fill: #aaa;} .hig_admin_mask_btn_collapse { position: absolute; right: calc(50% - 20px); bottom: -1px; width: 20px; height: 17.5px; cursor: pointer; z-index: 1;} .hig_admin_mask_edit_wrapper.collapsed > .hig_admin_mask_btn_collapse { bottom: -17.5px; transform: scaleY(-1);} .hig_admin_mask_btn_collapse path { fill: #888;} .hig_admin_mask_edit_wrapper.collapsed > .hig_admin_mask_btn_collapse path { fill: #888;} .hig_admin_mask_edit_wrapper.preview_image.collapsed > .hig_admin_mask_btn_collapse { margin-top: 67px;} .hig_admin_mask_element.container .hig_admin_mask_btn_collapse { right: 50%;} .hig_admin_mask_element.container .container .hig_admin_mask_btn_collapse { right: calc(50% + 20px);} .hig_admin_mask_element.container .container .container .hig_admin_mask_btn_collapse { right: calc(50% + 40px);} .hig_admin_mask_select_element_type { float: left; height: 26px; top: calc(100% - 31px);} .hig_admin_mask_label_element_type { position: relative; float: left; top: calc(100% - 30px); font-size: 15px; line-height: 24px; font-weight: 700; white-space: nowrap; color: #444;} .hig_admin_mask_label_element_type > span.name { font-size: 12px; color: #777;} .hig_admin_mask_label_element_type > span:not(.name, .visible) { display: none;} .hig_admin_mask_btn_info { position: relative; float: left; margin-left: 5px; font-size: 24px; line-height: 24px; top: calc(100% - 31px); cursor: pointer;} .hig_admin_mask_btn_select_target { position: relative; float: left; margin-left: 10px; font-size: 22px; line-height: 24px; top: calc(100% - 31px); cursor: pointer; border: 1px solid #444; border-radius: 24px; box-sizing: border-box; width: 26px; text-align: center;} .hig_admin_mask_btn_delete_element { position: absolute; right: 10px; width: 20px; height: 20px; top: calc(100% - 28px); background-image: url(../_img/ui/admin/minus-circle.svg); background-repeat: no-repeat; background-size: 20px 20px; background-position: center center; cursor: pointer;} .hig_admin_mask_btn_delete_element.reset_element { background-image: url(../_img/ui/admin/minus-circle-orange.svg);} .hig_admin_mask_btn_move_element { position: absolute; width: 20px; height: 20px; top: calc(100% - 28px); background-repeat: no-repeat; background-size: 20px 20px; background-position: center center; cursor: pointer;} .hig_admin_mask_btn_move_element.up { right: 80px; background-image: url(../_img/ui/admin/move-up.svg);} .hig_admin_mask_btn_move_element.down { right: 60px; background-image: url(../_img/ui/admin/move-down.svg);} .hig_admin_mask_element[data-display="radio"], .hig_admin_mask_element[data-display="checkbox"] { margin-top: 5px;} .hig_admin_btn_move_item.disabled, .hig_admin_mask_btn_move_element.disabled { opacity: 0.5; cursor: default;} .hig_admin_mask_edit_wrapper.before_container > .hig_admin_mask_select_element_type { top: calc(50% - 13px);} .hig_admin_mask_edit_wrapper.before_container > .hig_admin_mask_label_element_type { line-height: 15px; top: calc(50% - 7px); height: 35px; max-width: calc(100% - 135px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .hig_admin_mask_edit_wrapper.before_container > .hig_admin_mask_btn_info { top: calc(50% - 13px);} .hig_admin_mask_edit_wrapper.before_container > .hig_admin_mask_btn_delete_element { top: calc(50% - 10px);} .hig_admin_mask_edit_wrapper.before_container > .hig_admin_mask_btn_move_element { top: calc(50% - 10px);} .hig_admin_mask_image_preview { position: absolute; left: 40px; height: 50px; top: calc(50% - 25px); box-sizing: border-box; border: 1px solid var(--border-color); } .hig_admin_mask_element.hidden_in_mask, .hig_admin_mask_edit_wrapper.hidden_in_mask, .hig_admin_mask_element.hidden, .hig_admin_mask_edit_wrapper.hidden, .hig_admin_mask_btn_collapse.hidden, .hig_admin_mask_btn_add_element.hidden, .hig_admin_mask_btn_info.hidden, .hig_admin_mask_btn_delete_element.hidden, .hig_admin_mask_btn_move_element.hidden, .hig_admin_mask_label_element_type.hidden, .hig_admin_mask_select_element_type.hidden, .hig_admin_mask_image_preview.hidden { display: none;} .hig_admin_mask .hig_select { background-position: right 5px top 8px;} .hig_admin_mask .hig_select .options { top: 24px; font-size: 14px;} .hig_admin_mask .hig_select .selected_option { padding: 1px 5px; height: 24px; line-height: 22px !important; font-size: 14px;} .hig_admin_mask_element { display: block; margin-left: 40px; margin-bottom: 15px;} .hig_admin_mask_element[data-display="none"] { margin-bottom: 10px;} .hig_admin_mask_element.disabled { cursor: default !important;} .hig_admin_mask input[data-display^="input"].hig_admin_mask_element.error { background-color: #f80;} .hig_admin_mask input[data-display^="input"].hig_admin_mask_element:focus, .hig_admin_mask input[data-display^="number"].hig_admin_mask_element:focus, .hig_admin_mask textarea[data-display="textarea"].hig_admin_mask_element:focus, .hig_admin_mask p[contenteditable].hig_admin_mask_element:focus { outline: 0px solid transparent;} .hig_admin_mask input[readonly].hig_admin_mask_element { cursor: pointer;} .hig_admin_mask div[data-display^="data_api"].hig_admin_mask_element, .hig_admin_mask div[data-display^="blueprint"].hig_admin_mask_element, .hig_admin_mask div[data-display^="target"].hig_admin_mask_element, .hig_admin_mask p[data-display="divtext"].hig_admin_mask_element, .hig_admin_mask p[data-display="divline"].hig_admin_mask_element, .hig_admin_mask input[type="text"].hig_admin_mask_element, .hig_admin_mask textarea.hig_admin_mask_element { padding: 8px; width: calc(100% - 50px) !important; box-sizing: border-box; border: 1px solid #bbb; background-color: #fff; color: #000; font-size: 15px; line-height: unset;} .hig_admin_mask input[type="text"].hig_admin_mask_element, .hig_admin_mask textarea.hig_admin_mask_element { min-height: 38px;} .hig_admin_mask div[data-display^="data_api"], .hig_admin_mask div[data-display^="blueprint"], .hig_admin_mask div[data-display^="target"] { height: 38px; cursor: pointer;} .hig_admin_mask div[data-display^="data_api"].hig_admin_mask_element, .hig_admin_mask div[data-display^="blueprint"].hig_admin_mask_element, .hig_admin_mask div[data-display^="target"].hig_admin_mask_element { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .hig_admin_mask div[data-display^="data_api"].hig_admin_mask_element > span:not(.visible) { display: none;} .hig_admin_mask p[data-display="divtext"].hig_admin_mask_element { overflow-y: hidden; overflow-x: auto; min-height: 38px;} .hig_admin_mask p[data-display="divline"].hig_admin_mask_element { overflow-y: hidden; overflow-x: auto; min-height: 38px; white-space: nowrap;} .hig_admin_mask p[data-display="divline"].hig_admin_mask_element span[style*="white-space"], .hig_admin_mask p[data-display="divline"].hig_admin_mask_element a[style*="white-space"], .hig_admin_mask p[data-display="divtext"].hig_admin_mask_element span[style*="white-space"], .hig_admin_mask p[data-display="divtext"].hig_admin_mask_element a[style*="white-space"] { outline: 1px solid black;} .hig_admin_mask p[contenteditable="false"].hig_admin_mask_element { background-color: #b0b0b0;} .hig_admin_mask p[contenteditable].hig_admin_mask_element a { text-decoration: underline;} .hig_admin_mask p[contenteditable].hig_admin_mask_element span[class], .hig_admin_mask p[contenteditable].hig_admin_mask_element em[class] { text-decoration: underline; text-decoration-style: dotted; text-decoration-color: #bbb;} .hig_admin_mask p[contenteditable].hig_admin_mask_element #hig_admin_mask_pseudo_selection { background-color: #C8C8C8;} .hig_contenteditable_controller { display: none; position: absolute; bottom: -60px; right: 0; width: 100%; border: 1px solid #111; box-sizing: border-box; padding: 10px; background: #fff; z-index: 102;} .hig_contenteditable_controller .button { float: left; width: 32px; height: 32px; display: block; background-color: #fff; cursor: pointer;} .hig_contenteditable_controller .button:hover { background-color: rgba(240,240,240,1);} .hig_contenteditable_controller .controller_btn_center { background-image: url(../_img/ui/admin/text-align-center-icon.svg); background-repeat: no-repeat; background-size: 20px 20px; background-position: center center;} .hig_contenteditable_controller .controller_btn_left { background-image: url(../_img/ui/admin/text-align-left-icon.svg); background-repeat: no-repeat; background-size: 20px 20px; background-position: center center;} .hig_contenteditable_controller .controller_btn_right { background-image: url(../_img/ui/admin/text-align-right-icon.svg); background-repeat: no-repeat; background-size: 20px 20px; background-position: center center;} .hig_contenteditable_controller .controller_btn_size { background-image: url(../_img/ui/admin/font-height-icon.svg); background-repeat: no-repeat; background-size: 20px 20px; background-position: center center;} .hig_contenteditable_controller .controller_btn_em { background-image: url(../_img/ui/admin/exclamation-icon.svg); background-repeat: no-repeat; background-size: 20px 20px; background-position: center center;} #default_static_overlay_custom { z-index: 199;} #default_static_overlay_custom .inner { background-color: #eee;} #default_static_overlay_custom .edit_link_caption { font-size: 15px; line-height: 24px; font-weight: 700; color: #444;} #default_static_overlay_custom .edit_link_caption_target { float: left;} #default_static_overlay_custom .edit_link_btn_select_target { float: left; margin-left: 10px; font-size: 22px; line-height: 24px; cursor: pointer; border: 1px solid #444; border-radius: 24px; box-sizing: border-box; width: 26px; text-align: center;} #default_static_overlay_custom .hig_select { background-position: right 5px top 8px; height: 26px; margin: 10px 0 15px;} #default_static_overlay_custom .hig_select .options { top: 24px; font-size: 14px;} #default_static_overlay_custom .hig_select .selected_option { padding: 1px 3px; height: 24px; line-height: 22px !important; font-size: 14px;} #default_static_overlay_custom input { padding: 8px; width: 100%; box-sizing: border-box; border: 1px solid #bbb; background-color: #fff; color: #000; font-size: 15px; margin: 10px 0 15px;} #default_static_overlay_custom input:focus { outline: none;} #default_static_overlay_custom input.error { background-color: #f80;} #default_static_overlay_custom .buttons { text-align: right;} #default_static_overlay_custom .btn_cancel, #default_static_overlay_custom .btn_remove, #default_static_overlay_custom .btn_close { min-width: 80px; box-sizing: border-box; padding: 0 10px; font-size: 14px; line-height: 30px; margin-right: 0; cursor: pointer; background-color: var(--btn-color); border-radius: 5px; text-align: center; color: var(--btn-text-color);} #default_static_overlay_custom .btn_cancel:hover, #default_static_overlay_custom .btn_remove:hover, #default_static_overlay_custom .btn_close:hover { background-color: var(--btn-hover-color);} /* NOTE: REMOVE "OPACITY: 0;" AND "POINTER-EVENTS: NONE;" TO SHOW THE COLORPICKER SYMBOL IN THE BOTTOM LEFT CORNER OF THE COLOR CONTROL BUTTON */ .hig_contenteditable_controller input { position: absolute; width: 10px; height: 10px; padding: 0; margin: 0; cursor: pointer;/* opacity: 0; pointer-events: none;*/} .hig_contenteditable_controller input::-webkit-color-swatch, .hig_admin_mask input[data-display="color"].hig_admin_mask_element::-webkit-color-swatch { border: none;} .hig_admin_mask input[data-display="color"].hig_admin_mask_element { width: 19px; height: 19px; padding: unset; cursor: pointer; border-color: var(--border-color);} .hig_admin_mask input[data-type="target"].hig_admin_mask_element::-webkit-calendar-picker-indicator { display: none;} .hig_admin_mask img.hig_admin_mask_element { height: 100px; cursor: pointer; box-sizing: border-box; border: 1px solid var(--border-color);} .hig_admin_mask img:not([src]).hig_admin_mask_element { width: 21px; height: 21px; background-color: #fff;} .hig_admin_mask img.hig_admin_mask_image_preview.load_error, .hig_admin_mask img.hig_admin_mask_element.load_error { width: 21px; height: 21px; background-color: #f00;} #hig_admin_item_mask .hig_admin_overlay_wrapper { overflow: unset;} #hig_admin_item_mask .hig_admin_overlay_top_sym_user_lock_error { float: right; margin-left: 10px; font-size: 30px; line-height: 26px; cursor: default; display: none;} #hig_admin_item_mask.user_lock_error .hig_admin_overlay_top_sym_user_lock_error { display: block;} #hig_admin_item_mask.user_lock_error .hig_admin_overlay_top_btn_save { display: none;} #hig_admin_item_mask.multi_lang .hig_admin_mask div[data-type~="multi_lang"].atomic { margin-left: 0; display: block; border: none; background: none;} #hig_admin_item_mask.multi_lang .hig_admin_mask div[data-type~="multi_lang"].atomic .hig_admin_mask_edit_wrapper { display: none;} #hig_admin_item_mask.multi_lang .hig_admin_mask div[data-type~="multi_lang"].atomic div[data-type^="lang_"] { background: none;} #hig_admin_item_mask.multi_lang .hig_admin_mask div[data-type~="multi_lang"] > .hig_admin_mask_edit_wrapper, #hig_admin_item_mask.multi_lang .hig_admin_mask div[data-type~="multi_lang"] > div[data-type^="lang_"] { display: none; margin-left: 0; border-left: none;} #hig_admin_item_mask.multi_lang .hig_admin_mask div[data-type~="multi_lang"] > div.visible { display: block;} #hig_admin_item_mask.multi_lang .hig_admin_mask div[data-type~="multi_lang"].footer_is_visible > div[data-type^="lang_"] .footer { margin-bottom: 0;} #hig_admin_item_mask.multi_lang .hig_admin_mask div[data-type~="multi_lang"].footer_is_visible > div[data-type^="lang_"] + .hig_admin_mask_edit_wrapper { border-top: none; pointer-events: none;} #hig_admin_item_mask.multi_lang .hig_admin_mask div[data-type~="multi_lang"].footer_is_visible > div[data-type^="lang_"] + .hig_admin_mask_edit_wrapper * { pointer-events: all;} #hig_admin_item_mask.multi_lang .hig_admin_mask div[data-type~="multi_lang"].footer_is_visible > div[data-type^="lang_"] + .hig_admin_mask_edit_wrapper .hig_admin_mask_btn_add_element { display: none;} .hig_admin_mask_element .radio_element, .hig_admin_mask_element .checkbox_element { font-size: 16px; padding: 0 0 10px 0;} .hig_admin_mask_element .radio_element input, .hig_admin_mask_element .checkbox_element input { width: 18px; height: 18px; margin: 0;} .hig_admin_mask_element .radio_element label, .hig_admin_mask_element .checkbox_element label { padding-left: 8px; vertical-align: top; line-height: 18px;} .hig_admin_mask_element .radio_element:not(.disabled) input, .hig_admin_mask_element .checkbox_element:not(.disabled) input, .hig_admin_mask_element .radio_element:not(.disabled) label, .hig_admin_mask_element .checkbox_element:not(.disabled) label { cursor: pointer;} /* ADMIN MEDIA */ #hig_admin_progress_bar { display: none; position: fixed; top: calc((var(--viewport-height) - 40px) / 2); left: 0; right: 0; width: 80%; height: 40px; max-width: 360px; margin: 0 auto 0 auto; padding: 3px; box-sizing: border-box; background-color: var(--progress-bar-background-color); z-index: 104; border-radius: 5px;} #hig_admin_progress_bar.active { display: block;} #hig_admin_progress_bar .text { position: absolute; top: 3px; left: 0; width: 100%; line-height: 34px; text-align: center; font-size: 15px; color: var(--progress-bar-text-color); z-index: 1;} #hig_admin_progress_bar .inner { width: 0%; height: 34px; box-sizing: border-box; background-color: var(--progress-bar-color); z-index: 0;} #hig_admin_loading_icon { display: none; position: fixed; top: calc((var(--viewport-height) - 40px) / 2); left: 0; right: 0; z-index: 103; margin: 0 auto 0 auto; width: 40px; height: 40px; background-image: url(../_img/ui/admin/loading.gif); background-size: 40px 40px;} #hig_admin_loading_icon.active { display: block;} #hig_admin_media_input_upload_image, #hig_admin_media_input_upload_video_file, #hig_admin_media_input_upload_audio_file, #hig_admin_media_input_upload_document_file {position: fixed; top: -500px; left: -500px;} #data_api_blueprint_interface_overlay { overflow-y: hidden; position: fixed; top: 0; left: 0; width: 100%; height: var(--viewport-height); padding: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 103;} #data_api_blueprint_interface_overlay .inner { position: relative; max-height: 600px; height: calc(var(--viewport-height) - 40px); width: 90%; max-width: 900px; margin: 20px auto 0 auto; padding: 20px 16.5px 20px 20px; box-sizing: border-box; border-radius: 5px; background-color: #fff;} /* IMAGES */ original #hig_admin_media, #hig_admin_media_images * { user-select: none;} #hig_admin_media_images { overflow-y: hidden; position: fixed; top: 0; left: 0; width: 100%; padding: 0; height: var(--viewport-height); text-align: center; z-index: 103;} #hig_admin_media_images.loading { opacity: 0;} #hig_admin_media_images .wrapper { height: var(--viewport-height); box-sizing: border-box; padding: 10px; background: #bbb;} #hig_admin_media_images .title_wrapper { margin: 0 auto; width: 100%; box-sizing: border-box; padding: 9px 9px 9px 15px; font-size: 15px; background-color: var(--menus-top-color); color: var(--menus-top-text-color); border: 1px solid #111;} #hig_admin_media_images .title_wrapper > .title { float: left; font-size: 18px; line-height: 32px; font-weight: 700;} #hig_admin_media_images .title_wrapper { display: none;} #hig_admin_media_images.view_all_images .title_wrapper { display: block;} #hig_admin_media_images .title_wrapper > .hig_select { float: right; margin-left: 5px; background-image: url(../_img/ui/admin/arrow_down.svg);} #hig_admin_media_images .title_wrapper > .hig_select, #hig_admin_media_images .title_wrapper > .hig_select .options, #hig_admin_media_images .title_wrapper > .hig_select .option { background-color: var(--menus-top-color); border-color: #444; color: var(--menus-top-text-color);} #hig_admin_media_images .title_wrapper > .hig_select .option { padding-left: 8px;} #hig_admin_media_images .title_wrapper > .hig_select, #hig_admin_media_images .title_wrapper > .hig_select .options { min-width: 140px;} #hig_admin_media_images .title_wrapper > .hig_select .option:hover { background-color: #eee;} #hig_admin_media_images.view_all_images .title_wrapper > .hig_select { display: inline-block; text-align: left; padding-left: 5px; min-width: 140px; box-sizing: border-box;} #hig_admin_media_images .title_wrapper > .search_wrapper { cursor: pointer; float: right; height: 32px; box-sizing: border-box;} #hig_admin_media_images .title_wrapper .btn_search { position: absolute; width: 32px; height: 32px; background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/admin/search_black.svg);} #hig_admin_media_images .title_wrapper input.search { padding: 8px 8px 8px 30px; width: 200px; height: 32px; box-sizing: border-box; border: 1px solid #444; background-color: #fff; color: #000; font-size: 15px;} #hig_admin_media_images .title_wrapper input.search:focus { outline: none;} #hig_admin_media_images .buttons { clear: both; display: inline-block; position: relative; margin: 10px auto 0 auto;} #hig_admin_media_images .button { min-width: 80px; float: left; margin: 0 5px; padding: 0 10px; line-height: 30px; font-size: 14px; color: #eee; background-color: #222; border-radius: 5px;} #hig_admin_media_images .button.hidden { display: none;} #hig_admin_media_images .buttons:not(.disabled) .button { cursor: pointer;} #hig_admin_media_images .buttons:not(.disabled) .button:hover { background-color: var(--media-btn-hover-color);} #hig_admin_media_images .inner.thumbnails, #hig_admin_media_images .inner.scaled { overflow-y: scroll; height: calc(var(--viewport-height) - 130px); display: none; padding: 5px; box-sizing: border-box; background-color: var(--media-background-color); color-scheme: var(--media-color-scheme); scrollbar-color: var(--media-scrollbar-color);} #hig_admin_media_images.view_all_images .inner { height: calc(var(--viewport-height) - 182px);} #hig_admin_media_images .inner.thumbnails .hig_admin_media_image, #hig_admin_media_images .inner.scaled .hig_admin_media_image { position: relative; display: inline-block; max-width: calc(100% - 10px); margin: 5px; box-sizing: border-box; padding: 5px 10px 0 10px; text-align: center; background-color: #ddd;} #hig_admin_media_images .inner:not(.disabled) .hig_admin_media_image:not(.original) { cursor: pointer;} #hig_admin_media_images .inner:not(.disabled) .hig_admin_media_image:not(.original):hover { background-color: #fff;} #hig_admin_media_images .inner.list:not(.disabled) .hig_admin_media_image:not(.original):hover { background-color: var(--media-btn-hover-color);} #hig_admin_media_images .inner.scaled .hig_admin_media_image { float: left;} #hig_admin_media_images .hig_admin_media_image img { display: inline-block; height: 150px; width: auto; max-width: 100%;} #hig_admin_media_images .hig_admin_media_image.original { max-height: calc(var(--viewport-height) - 145px);} #hig_admin_media_images .hig_admin_media_image.original img { height: max-content; max-height: calc(var(--viewport-height) - 205px);} #hig_admin_media_images .hig_admin_media_image img.no_anti_aliasing { image-rendering: pixelated;} #hig_admin_media_images .hig_admin_media_image_coordinates, #hig_admin_media_images .inner.thumbnails .hig_admin_media_image_name, #hig_admin_media_images .inner.scaled .hig_admin_media_image_name { font-size: 12px; color: #111; line-height: 20px; overflow: hidden; white-space: nowrap;} #hig_admin_media_images.crop_mode .hig_admin_coordinates_name_wrapper { padding-top: 5px;} #hig_admin_media_images.crop_mode .hig_admin_media_image_coordinates { font-weight: 700;} #hig_admin_media_images .hig_admin_no_media_images { padding: 30px; font-size: 16px; color: #eee;} #hig_admin_media_images .crop_selector { position: absolute; display: none; touch-action: manipulation;} #hig_admin_media_images .inner.thumbnails .hig_admin_btn_delete_media_image, #hig_admin_media_images .inner.scaled .hig_admin_btn_delete_media_image { position: absolute; width: 32px; height: 32px; color: #f00; border-radius: 5px; right: 5px; top: 5px; cursor: pointer; background: no-repeat center / 20px 20px url(../_img/ui/admin/cross-red.svg);} #hig_admin_media_images .thumbnails.disabled .hig_admin_btn_delete_media_image { cursor: default;} #hig_admin_media_images .hig_admin_btn_delete_media_image.disabled { opacity: 0.5; cursor: default;} #hig_admin_media_images .list:not(.disabled) .hig_admin_btn_delete_media_image:not(.disabled):hover { background-color: #222;} #hig_admin_media_images .thumbnails:not(.disabled) .hig_admin_btn_delete_media_image:not(.disabled):hover, #hig_admin_media_images .scaled .hig_admin_btn_delete_media_image:not(.disabled):hover { background-color: rgba(0, 0, 0, 0.3);} #hig_admin_media_images.list_view.view_all_images .title_wrapper { margin: 0 auto; width: 100%; max-width: 800px;} #hig_admin_media_images .inner.list { display: none; overflow-y: scroll; height: calc(var(--viewport-height) - 182px); background-color: var(--media-background-color); margin: 0 auto; width: 100%; max-width: 800px;} #hig_admin_media_images .inner.list .hig_admin_media_image { padding: 10px; overflow: hidden; color: var(--text-color); font-size: 16px;} #hig_admin_media_images .inner.list .hig_admin_media_image:nth-child(even) { background-color: #333;} #hig_admin_media_images .inner.list .hig_admin_media_image_name { float: left; line-height: 32px; white-space: nowrap; max-width: calc(100% - 32px); overflow: hidden; text-overflow: ellipsis;} #hig_admin_media_images .inner.list .hig_admin_btn_delete_media_image { float: right; border-radius: 5px; width: 32px; height: 32px; background: no-repeat center / 20px 20px url(../_img/ui/admin/cross-red.svg);} /* AUDIO */ #hig_admin_media_audio * { user-select: none;} #hig_admin_media_audio { overflow-y: hidden; position: fixed; top: 0; left: 0; width: 100%; padding: 10px; height: var(--viewport-height); text-align: center; z-index: 103; background: #bbb;} #hig_admin_media_audio .hig_admin_no_media_audio_files { padding: 30px; font-size: 16px; color: #eee;} #hig_admin_media_audio .hig_admin_media_audio_file { padding: 10px; overflow: hidden; color: var(--text-color); font-size: 16px;} #hig_admin_media_audio .hig_admin_media_audio_file:nth-child(even) { background-color: #333;} #hig_admin_media_audio .hig_admin_media_audio_file_name { float: left; line-height: 32px;} #hig_admin_media_audio .hig_admin_btn_delete_media_audio_file { float: right; border-radius: 5px; width: 32px; height: 32px; background: no-repeat center / 20px 20px url(../_img/ui/admin/cross-red.svg);} #hig_admin_media_audio:not(.disabled) .hig_admin_media_audio_file:not(.disabled), #hig_admin_media_audio:not(.disabled) .hig_admin_btn_delete_media_audio_file:not(.disabled) { cursor: pointer;} #hig_admin_media_audio:not(.disabled) .hig_admin_media_audio_file:not(.disabled):hover, #hig_admin_media_audio:not(.disabled) .hig_admin_btn_delete_media_audio_file:not(.disabled):hover { background-color: var(--media-btn-hover-color);} #hig_admin_media_audio.loading { opacity: 0;} #hig_admin_media_audio .title_wrapper { margin: 0 auto; width: 100%; max-width: 800px; box-sizing: border-box; padding: 10px 10px 10px 15px; font-size: 15px; background-color: var(--menus-top-color); color: var(--menus-top-text-color); border: 1px solid #111;} #hig_admin_media_audio .title_wrapper > .title { float: left; font-size: 18px; line-height: 30px; font-weight: 700;} #hig_admin_media_audio .title_wrapper > .hig_select { float: right; margin-left: 5px; display: inline-block; text-align: left; padding-left: 5px; min-width: 140px; box-sizing: border-box; background-image: url(../_img/ui/admin/arrow_down.svg);} #hig_admin_media_audio .title_wrapper > .hig_select, #hig_admin_media_audio .title_wrapper > .hig_select .options, #hig_admin_media_audio .title_wrapper > .hig_select .option { background-color: var(--menus-top-color); border-color: #444; color: var(--menus-top-text-color);} #hig_admin_media_audio .title_wrapper > .hig_select .option { padding-left: 8px;} #hig_admin_media_audio .title_wrapper > .hig_select, #hig_admin_media_audio .title_wrapper > .hig_select .options { min-width: 140px;} #hig_admin_media_audio .title_wrapper > .hig_select .option:hover { background-color: #eee;} #hig_admin_media_audio .title_wrapper > .search_wrapper { cursor: pointer; float: right; height: 32px; box-sizing: border-box;} #hig_admin_media_audio .title_wrapper .btn_search { position: absolute; width: 32px; height: 32px; background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/admin/search_black.svg);} #hig_admin_media_audio .title_wrapper input.search { padding: 8px 8px 8px 30px; width: 200px; height: 32px; box-sizing: border-box; border: 1px solid #444; background-color: #fff; color: #000; font-size: 15px;} #hig_admin_media_audio .title_wrapper input.search:focus { outline: none;} #hig_admin_media_audio .inner { overflow-y: scroll; height: calc(var(--viewport-height) - 182px); background-color: var(--media-background-color); margin: 0 auto; width: 100%; max-width: 800px; text-align: left; font-size: 16px;} #hig_admin_media_audio .button_wrapper { clear: both; display: inline-block; position: relative; margin: 10px auto 0 auto;} #hig_admin_media_audio .button { min-width: 80px; float: left; margin: 0 5px; padding: 0 10px; line-height: 30px; font-size: 14px; color: #eee; background-color: #222; border-radius: 5px;} #hig_admin_media_audio .button.hidden { display: none;} #hig_admin_media_audio:not(.disabled) .button_wrapper:not(.disabled) .button { cursor: pointer;} #hig_admin_media_audio:not(.disabled) .button_wrapper:not(.disabled) .button:hover { background-color: var(--media-btn-hover-color);} /* VIDEO */ #hig_admin_media_video * { user-select: none;} #hig_admin_media_video { overflow-y: hidden; position: fixed; top: 0; left: 0; width: 100%; padding: 10px; height: var(--viewport-height); text-align: center; z-index: 103; background: #bbb;} #hig_admin_media_video .hig_admin_no_media_video_files { padding: 30px; font-size: 16px; color: #eee;} #hig_admin_media_video .hig_admin_media_video_file { padding: 10px; overflow: hidden; color: var(--text-color); font-size: 16px;} #hig_admin_media_video .hig_admin_media_video_file:nth-child(even) { background-color: #333;} #hig_admin_media_video .hig_admin_media_video_file_name { float: left; line-height: 32px;} #hig_admin_media_video .hig_admin_btn_delete_media_video_file { float: right; border-radius: 5px; width: 32px; height: 32px; background: no-repeat center / 20px 20px url(../_img/ui/admin/cross-red.svg);} #hig_admin_media_video:not(.disabled) .hig_admin_media_video_file:not(.disabled), #hig_admin_media_video:not(.disabled) .hig_admin_btn_delete_media_video_file:not(.disabled) { cursor: pointer;} #hig_admin_media_video:not(.disabled) .hig_admin_media_video_file:not(.disabled):hover, #hig_admin_media_video:not(.disabled) .hig_admin_btn_delete_media_video_file:not(.disabled):hover { background-color: var(--media-btn-hover-color);} #hig_admin_media_video.loading { opacity: 0;} #hig_admin_media_video .title_wrapper { margin: 0 auto; width: 100%; max-width: 800px; box-sizing: border-box; padding: 10px 10px 10px 15px; font-size: 15px; background-color: var(--menus-top-color); color: var(--menus-top-text-color); border: 1px solid #111;} #hig_admin_media_video .title_wrapper > .title { float: left; font-size: 18px; line-height: 30px; font-weight: 700;} #hig_admin_media_video .title_wrapper > .hig_select { float: right; margin-left: 5px; display: inline-block; text-align: left; padding-left: 5px; min-width: 140px; box-sizing: border-box; background-image: url(../_img/ui/admin/arrow_down.svg);} #hig_admin_media_video .title_wrapper > .hig_select, #hig_admin_media_video .title_wrapper > .hig_select .options, #hig_admin_media_video .title_wrapper > .hig_select .option { background-color: var(--menus-top-color); border-color: #444; color: var(--menus-top-text-color);} #hig_admin_media_video .title_wrapper > .hig_select .option { padding-left: 8px;} #hig_admin_media_video .title_wrapper > .hig_select, #hig_admin_media_video .title_wrapper > .hig_select .options { min-width: 140px;} #hig_admin_media_video .title_wrapper > .hig_select .option:hover { background-color: #eee;} #hig_admin_media_video .title_wrapper > .search_wrapper { cursor: pointer; float: right; height: 32px; box-sizing: border-box;} #hig_admin_media_video .title_wrapper .btn_search { position: absolute; width: 32px; height: 32px; background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/admin/search_black.svg);} #hig_admin_media_video .title_wrapper input.search { padding: 8px 8px 8px 30px; width: 200px; height: 32px; box-sizing: border-box; border: 1px solid #444; background-color: #fff; color: #000; font-size: 15px;} #hig_admin_media_video .title_wrapper input.search:focus { outline: none;} #hig_admin_media_video .inner { overflow-y: scroll; height: calc(var(--viewport-height) - 182px); background-color: var(--media-background-color); margin: 0 auto; width: 100%; max-width: 800px; text-align: left; font-size: 16px;} #hig_admin_media_video .button_wrapper { clear: both; display: inline-block; position: relative; margin: 10px auto 0 auto;} #hig_admin_media_video .button { min-width: 80px; float: left; margin: 0 5px; padding: 0 10px; line-height: 30px; font-size: 14px; color: #eee; background-color: #222; border-radius: 5px;} #hig_admin_media_video .button.hidden { display: none;} #hig_admin_media_video:not(.disabled) .button_wrapper:not(.disabled) .button { cursor: pointer;} #hig_admin_media_video:not(.disabled) .button_wrapper:not(.disabled) .button:hover { background-color: var(--media-btn-hover-color);} /* DOCUMENT */ #hig_admin_media_document * { user-select: none;} #hig_admin_media_document { overflow-y: hidden; position: fixed; top: 0; left: 0; width: 100%; padding: 10px; height: var(--viewport-height); text-align: center; z-index: 103; background: #bbb;} #hig_admin_media_document .hig_admin_no_media_document_files { padding: 30px; font-size: 16px; color: #eee;} #hig_admin_media_document .hig_admin_media_document_file { padding: 10px; overflow: hidden; color: var(--text-color); font-size: 16px;} #hig_admin_media_document .hig_admin_media_document_file:nth-child(even) { background-color: #333;} #hig_admin_media_document .hig_admin_media_document_file_name { float: left; line-height: 32px;} #hig_admin_media_document .hig_admin_btn_delete_media_document_file { float: right; border-radius: 5px; width: 32px; height: 32px; background: no-repeat center / 20px 20px url(../_img/ui/admin/cross-red.svg);} #hig_admin_media_document:not(.disabled) .hig_admin_media_document_file:not(.disabled), #hig_admin_media_document:not(.disabled) .hig_admin_btn_delete_media_document_file:not(.disabled) { cursor: pointer;} #hig_admin_media_document:not(.disabled) .hig_admin_media_document_file:not(.disabled):hover, #hig_admin_media_document:not(.disabled) .hig_admin_btn_delete_media_document_file:not(.disabled):hover { background-color: var(--media-btn-hover-color);} #hig_admin_media_document.loading { opacity: 0;} #hig_admin_media_document .title_wrapper { margin: 0 auto; width: 100%; max-width: 800px; box-sizing: border-box; padding: 10px 10px 10px 15px; font-size: 15px; background-color: var(--menus-top-color); color: var(--menus-top-text-color); border: 1px solid #111;} #hig_admin_media_document .title_wrapper > .title { float: left; font-size: 18px; line-height: 30px; font-weight: 700;} #hig_admin_media_document .title_wrapper > .hig_select { float: right; margin-left: 5px; display: inline-block; text-align: left; padding-left: 5px; min-width: 140px; box-sizing: border-box; background-image: url(../_img/ui/admin/arrow_down.svg);} #hig_admin_media_document .title_wrapper > .hig_select, #hig_admin_media_document .title_wrapper > .hig_select .options, #hig_admin_media_document .title_wrapper > .hig_select .option { background-color: var(--menus-top-color); border-color: #444; color: var(--menus-top-text-color);} #hig_admin_media_document .title_wrapper > .hig_select .option { padding-left: 8px;} #hig_admin_media_document .title_wrapper > .hig_select, #hig_admin_media_document .title_wrapper > .hig_select .options { min-width: 140px;} #hig_admin_media_document .title_wrapper > .hig_select .option:hover { background-color: #eee;} #hig_admin_media_document .title_wrapper > .search_wrapper { cursor: pointer; float: right; height: 32px; box-sizing: border-box;} #hig_admin_media_document .title_wrapper .btn_search { position: absolute; width: 32px; height: 32px; background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/admin/search_black.svg);} #hig_admin_media_document .title_wrapper input.search { padding: 8px 8px 8px 30px; width: 200px; height: 32px; box-sizing: border-box; border: 1px solid #444; background-color: #fff; color: #000; font-size: 15px;} #hig_admin_media_document .title_wrapper input.search:focus { outline: none;} #hig_admin_media_document .inner { overflow-y: scroll; height: calc(var(--viewport-height) - 182px); background-color: var(--media-background-color); margin: 0 auto; width: 100%; max-width: 800px; text-align: left; font-size: 16px;} #hig_admin_media_document .button_wrapper { clear: both; display: inline-block; position: relative; margin: 10px auto 0 auto;} #hig_admin_media_document .button { min-width: 80px; float: left; margin: 0 5px; padding: 0 10px; line-height: 30px; font-size: 14px; color: #eee; background-color: #222; border-radius: 5px;} #hig_admin_media_document .button.hidden { display: none;} #hig_admin_media_document:not(.disabled) .button_wrapper:not(.disabled) .button { cursor: pointer;} #hig_admin_media_document:not(.disabled) .button_wrapper:not(.disabled) .button:hover { background-color: var(--media-btn-hover-color);} /* INTERN_LINK_TARGETS */ #hig_admin_intern_link_targets * { user-select: none;} #hig_admin_intern_link_targets { overflow-y: hidden; position: fixed; top: 0; left: 0; width: 100%; padding: 10px; height: var(--viewport-height); z-index: 200; background: #bbb; text-align: center;} #hig_admin_intern_link_targets.loading { opacity: 0;} #hig_admin_intern_link_targets .title_wrapper { margin: 0 auto; width: 100%; max-width: 800px; box-sizing: border-box; padding: 10px 10px 10px 15px; font-size: 15px; background-color: var(--menus-top-color); color: var(--menus-top-text-color); border: 1px solid #111;} #hig_admin_intern_link_targets .title_wrapper > .title { float: left; font-size: 18px; line-height: 30px; font-weight: 700;} #hig_admin_intern_link_targets .title_wrapper > .button { float: right; min-width: 80px; box-sizing: border-box; padding: 0 10px; font-size: 14px; line-height: 30px; margin-left: 10px; cursor: pointer; background-color: var(--btn-color); border-radius: 5px; text-align: center; color: var(--btn-text-color);} #hig_admin_intern_link_targets .title_wrapper > .button:hover { background-color: var(--media-btn-hover-color);} #hig_admin_intern_link_targets .title_wrapper > .button.hidden { display:none;} #hig_admin_intern_link_targets .inner { overflow-y: scroll; height: calc(var(--viewport-height) - 182px); background-color: var(--media-background-color); margin: 0 auto; width: 100%; max-width: 800px; text-align: left; font-size: 16px;} #hig_admin_intern_link_targets .inner > .container { padding: 10px 10px 10px 5px; line-height: 25px;} #hig_admin_intern_link_targets .directory { padding-left: 10px;} #hig_admin_intern_link_targets .directory > .caption { border: 2px solid rgba(0, 0, 0, 0); cursor: pointer;} #hig_admin_intern_link_targets .directory > .caption:hover { background-color: var(--media-btn-hover-color);} #hig_admin_intern_link_targets .directory > .caption > span { display: inline-block; position: relative; top: 1px; margin-right: 6px; width: 13px;} #hig_admin_intern_link_targets .directory:not(.unfolded) > .caption > span { transform: rotate(-90deg);} #hig_admin_intern_link_targets .directory > .container { display: none;} #hig_admin_intern_link_targets .directory.unfolded > .container { display: block;} #hig_admin_intern_link_targets .target { border: 2px solid rgba(0, 0, 0, 0); padding-left: 10px; cursor: pointer;} #hig_admin_intern_link_targets .target:hover { background-color: var(--media-btn-hover-color);} #hig_admin_intern_link_targets .selected { border: 2px solid #444 !important;} #hig_admin_intern_link_targets .button_wrapper { clear: both; display: inline-block; position: relative; margin: 10px auto 0 auto;} #hig_admin_intern_link_targets .button_wrapper > .button { min-width: 80px; float: left; margin: 0 5px; padding: 0 10px; line-height: 30px; font-size: 14px; color: #eee; background-color: #222; border-radius: 5px;} #hig_admin_intern_link_targets .button_wrapper > .button.hidden { display: none;} #hig_admin_intern_link_targets .button_wrapper .button:not(.disabled) { cursor: pointer;} #hig_admin_intern_link_targets .button_wrapper .button:not(.disabled):hover { background-color: var(--media-btn-hover-color);} /* BLUEPRINTS */ #hig_admin_blueprints * { user-select: none;} #hig_admin_blueprints { overflow-y: hidden; position: fixed; top: 0; left: 0; width: 100%; padding: 10px; height: var(--viewport-height); z-index: 103; background: #bbb; text-align: center;} #hig_admin_blueprints.loading { opacity: 0;} #hig_admin_blueprints .title_wrapper { margin: 0 auto; width: 100%; max-width: 800px; box-sizing: border-box; padding: 10px 10px 10px 15px; font-size: 15px; background-color: var(--menus-top-color); color: var(--menus-top-text-color); border: 1px solid #111;} #hig_admin_blueprints .title_wrapper > .title { float: left; font-size: 18px; line-height: 30px; font-weight: 700;} #hig_admin_blueprints .title_wrapper > .button { float: right; min-width: 80px; box-sizing: border-box; padding: 0 10px; font-size: 14px; line-height: 30px; margin-left: 10px; cursor: pointer; background-color: var(--btn-color); border-radius: 5px; text-align: center; color: var(--btn-text-color);} #hig_admin_blueprints .title_wrapper > .button:hover { background-color: var(--media-btn-hover-color);} #hig_admin_blueprints .title_wrapper > .button.hidden { display:none;} #hig_admin_blueprints .inner { overflow-y: scroll; height: calc(var(--viewport-height) - 182px); background-color: var(--media-background-color); margin: 0 auto; width: 100%; max-width: 800px; text-align: left; font-size: 16px;} #hig_admin_blueprints .inner > .container { padding: 10px 10px 10px 0; line-height: 25px;} #hig_admin_blueprints .parent { padding-left: 10px;} #hig_admin_blueprints .parent > .caption { cursor: pointer; padding: 0 5px;} #hig_admin_blueprints div.directory.hidden { display: none;} #hig_admin_blueprints .directory > .caption:hover, #hig_admin_blueprints .blueprint > .caption:hover, #hig_admin_blueprints .item > .caption:hover, #hig_admin_blueprints .item.atomic:hover, #hig_admin_blueprints .child > .caption:hover, #hig_admin_blueprints .child.atomic:hover { background-color: var(--media-btn-hover-color);} #hig_admin_blueprints .selected { border: 2px solid #444 !important;} #hig_admin_blueprints .btn_unfold { display: inline-block; position: relative; top: 1px; margin-right: 6px; width: 13px;} #hig_admin_blueprints .parent:not(.unfolded) > .caption > .btn_unfold { transform: rotate(-90deg);} #hig_admin_blueprints .parent > .container { display: none;} #hig_admin_blueprints .parent.unfolded > .container { display: block;} #hig_admin_blueprints .inner .caption { border: 2px solid rgba(0, 0, 0, 0);} #hig_admin_blueprints .inner .atomic { padding: 0 5px; margin-left: 10px; cursor: pointer; border: 2px solid rgba(0, 0, 0, 0);} #hig_admin_blueprints .button_wrapper { clear: both; display: inline-block; position: relative; margin: 10px auto 0 auto;} #hig_admin_blueprints .button_wrapper .button { min-width: 80px; float: left; margin: 0 5px; padding: 0 10px; line-height: 30px; font-size: 14px; color: #eee; background-color: #222; border-radius: 5px;} #hig_admin_blueprints .button_wrapper .button:not(.disabled) { cursor: pointer;} #hig_admin_blueprints .button_wrapper .button:not(.disabled):hover { background-color: var(--media-btn-hover-color);} #hig_admin_blueprints.select_blueprint .btn_unfold.blueprint, #hig_admin_blueprints.select_item .btn_unfold.item, #hig_admin_blueprints.select_child .item.atomic { display: none !important;} #hig_admin_blueprints.select_blueprint .blueprint.parent .container, #hig_admin_blueprints.select_item .item.parent .container { display: none;} /* ADDITIONAL STYLES (SEBASTIAN) */ .hig_admin_caption { font-size: 20px; font-weight: 700; line-height: 28px; padding: 20px 0 10px 0} /* DATA API SPECIFIC STYLINGS */ body.hig_admin_data_api #hig_admin_item_mask { background: none; margin-top: 50px;} body.hig_admin_data_api #hig_admin_item_mask .hig_admin_overlay_wrapper { border-top: none; top: 0px; left: calc(50% - 500px); right: unset; width: 1000px;} body.hig_admin_data_api #hig_admin_item_mask.position_fixed .hig_admin_overlay_wrapper { width: unset; left: 15px; right: 15px;} body.hig_admin_data_api #hig_admin_item_mask .hig_admin_overlay_inner { max-height: calc(var(--viewport-height) - 191px);} body.hig_admin_data_api #hig_admin_item_mask.position_fixed .hig_admin_overlay_inner { max-height: calc(var(--viewport-height) - 176px);} body.hig_admin_data_api .hig_contenteditable_controller { max-width: unset;} body.hig_admin_data_api #top { display: none;} body.hig_admin_data_api #footer { display: none;} body.hig_admin_data_api #content { width: 1000px; max-width: 100%; margin-top: 50px; padding: 0; background-color: #fff; border: 1px solid #ddd; border-top: none;} body.hig_admin_data_api #content .content_block { min-height: 0 !important; padding: 0;} .btn_data_api_bar { float: left; padding: 10px; text-decoration: underline; cursor: pointer;} .data_api_list { padding-top: 30px;} .data_api_list .data_api_row_data { float: left; display: block;} #admin_data_api .data_api_list .data_api_captions, #admin_data_api .data_api_list .data_api_row_data { width: 90%;} .data_api_list .data_api_row:hover { background-color: #eee;} .data_api_list .data_api_row_controls { width: 10%; float: left;} .data_api_list .data_api_row { clear: both;} .data_api_list [data-type] { float: left; width: 70%; line-height: 20px; font-size: 14px; box-sizing: border-box; padding: 5px;} .data_api_list .data_api_caption { font-size: 16px; font-weight: 700;} .data_api_list.index_count2 [data-type] { width: 35%;} .data_api_list.index_count3 [data-type] { width: 23.333%;} .data_api_list.index_count4 [data-type] { width: 17.5%;} .data_api_list.index_count5 [data-type] { width: 14%;} .data_api_wrapper .data_api_list div[data-type="ID"] { width: 7.5%; padding-left: 10px; box-sizing: border-box;} .data_api_wrapper .data_api_list div[data-type="updated"] { width: 11.25%;} .data_api_wrapper .data_api_list div[data-type="created"] { width: 11.25%;} .data_api_list .data_api_table { clear: both; padding-bottom: 10px; border-bottom: 1px solid #ddd;} .data_api_list .data_api_pagination { clear: both;} .data_api_list .data_api_btn_edit { padding: 5px; text-align: center; font-weight: 700; cursor: pointer; display: block;} .data_api_list .data_api_pagination { position: relative; clear: both; margin: 0 calc(50% - 150px) 0 calc(50% - 150px); height: 50px; box-sizing: border-box;} .data_api_list .data_api_pagination .page_info { text-align: center; font-size: 16px; line-height: 50px; width: calc(100% - 100px); margin-left: 50px;} .data_api_list .data_api_pagination .btn_previous { position: absolute; left: 0; top: 0; width: 50px; line-height: 45px; font-size: 30px; cursor: pointer; padding-bottom: 5px; text-align: center;} .data_api_list .data_api_pagination .btn_next { position: absolute; right: 0; top: 0; width: 50px; line-height: 45px; font-size: 30px; cursor: pointer; padding-bottom: 5px; text-align: center;} .data_api_wrapper > .data_api_btn_delete { width: 90px; position: fixed; top: 50px; right: calc(50% - 470px); font-size: 14px; font-weight: 700; background: #111; color: #fff; padding: 15px 0; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; text-align: center; cursor: pointer;} .data_api_wrapper > .data_api_btn_delete:hover { background-color: #333;} .data_api_wrapper > .data_api_btn_edit { width: 90px; position: fixed; top: 50px; right: calc(50% - 370px); font-size: 14px; font-weight: 700; background: #111; color: #fff; padding: 15px 0; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; text-align: center;} .data_api_wrapper > .data_api_btn_edit:hover { background-color: #333;} .data_api_wrapper > .data_api_btn_action_0 { width: 100px; position: fixed; top: 50px; right: calc(50% - 270px); font-size: 14px; font-weight: 700; background: #111; color: #fff; padding: 15px 0; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; text-align: center;} .data_api_wrapper > .data_api_btn_action_0:hover { background-color: #333;} @media (max-width: 1024px) { .data_api_wrapper > .data_api_btn_delete { right: 130px;} .data_api_wrapper > .data_api_btn_edit { right: 130px;} .data_api_wrapper > .data_api_btn_action_0 { right: 230px;} } /* DATA_API_BLUEPRINT_INTERFACE_OVERLAY */ #btn_close_data_api_blueprint_interface_overlay { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: no-repeat center / 12px 12px url(../_img/ui/admin/close.png); cursor: pointer; background-color: #111; padding: 5px; border-radius: 30px;} #btn_close_data_api_blueprint_interface_overlay:hover { background-color: #333;} #data_api_blueprint_interface_overlay.loading { opacity: 0;} #data_api_blueprint_interface_overlay .data_api_list { padding-top: 0; color-scheme: none; color: #111;} #data_api_blueprint_interface_overlay .data_api_list .data_api_row { margin-bottom: 5px;} #data_api_blueprint_interface_overlay .data_api_list [data-type] { min-height: 40px;} #data_api_blueprint_interface_overlay .data_api_list .display_option { width: 20%; float: left;} #data_api_blueprint_interface_overlay .data_api_list .display_option .hig_select { min-width: 120px; margin-top: 5px;} #data_api_blueprint_interface_overlay .data_api_list .display_option .hig_select.disabled { background: #ddd; cursor: default;} #data_api_blueprint_interface_overlay .data_api_list .display_option .hig_select .options { min-width: 120px; } #data_api_blueprint_interface_overlay .data_api_list .data_api_pagination { margin: 0 0 0 calc(100% - 200px);} #data_api_blueprint_interface_overlay .data_api_list .data_api_table { max-height: 470px; height: calc(var(--viewport-height) - 170px); overflow-y: scroll; scrollbar-color: auto;} #data_api_blueprint_interface_overlay .data_api_list .data_api_captions { width: calc(100% - var(--scrollbar-size));} #data_api_blueprint_interface_overlay .data_api_list .btn_select { display: inline; line-height: 40px; font-weight: 700; cursor: pointer;} /* SELECT BOX STYLINGS */ .hig_select { position: relative; user-select: none; width: fit-content; min-width: 220px; cursor: pointer; background-color: #fff; border: 1px solid #bbb; box-sizing: border-box; color: #111; font-size: 15px; background-size: 10px 10px; background-repeat: no-repeat; background-position: right 5px top 10px; background-image: url(../_img/ui/admin/arrow_down.svg);} .hig_select .selected_option { position: relative; height: 30px; box-sizing: border-box; padding: 3px; line-height: 22px; z-index: 0;} .hig_select .options { display: none; position: absolute; top: 30px; left: -1px; border: 1px solid #bbb; background-color: #fff; width: fit-content; min-width: 220px; box-sizing: border-box; z-index: 1;} .hig_select .option { line-height: 20px; padding: 3px 5px;} .hig_select .option:hover { background-color: #ddd;} body.hig_admin_logged_in [data-item-type="anchor"]:not(.hig_admin_dummy_item) { height: 40px; border: 2px solid #aaa; box-sizing: border-box; margin: 5px;}