html, body { height:100%; margin:0; font-family: Verdana, Arial sans-serif; color:#000000; background: #fff; }
body { font-size:14px; padding: 95px 10px 10px 10px; }
body.show_as_frame { padding-top: 10px; }
input, textarea, button, select, table, th, td, div, p, label, span, i, em, strong, b {font-size:100%; font-family: Verdana, Arial, sans-serif;}
button { overflow: visible; /* IE7 Trick 17 */ }
table { width: 100%; border:0; border-collapse: collapse; }
table td, table th { padding: 5px; vertical-align:top; }
table th { text-align: left; }
a { color: #333; }
a:hover { color: #777; }
a:focus { outline-width: 0; }
a.loading { background: url(../images/layout/ajaxloading.gif) right center no-repeat; padding-right: 20px; margin-right: 10px; }
img { border:0; vertical-align: bottom; }
a img { vertical-align: middle; }
h1 { margin:0 0 1em 0; font-size:110%; }
h2 { margin:0 0 1em 0; font-size:110%; }
h3 { margin:0 0 1em 0; font-size:110%; }
h4 { margin:0 0 1em 0; font-size:110%; }
h5 { margin:0; font-size:110%; }
h6 { margin:0; font-size:110%; }
form { margin:0; padding:0; }
select, button, input, textarea { margin: 0; padding: 3px; border: 1px solid #747573; }
input.cms_string { width: 450px; }
.metaobject_edit input.cms_string { width: 170px; }
input[type=checkbox], input[type=radio] { border: 0; padding: 0; width: auto; }
label input[type=checkbox], label input[type=radio] { margin-top: 5px; }
label li input[type=checkbox], label li input[type=radio], td label input[type=checkbox] { margin-top: 0px; }
input[type=file] { background: #fff; }
textarea { overflow:auto; width: 450px; height: 100px; resize: both; }
label, div.label { display: block; clear: left; margin: 3px 0; padding: 7px 0px 9px 0; width: auto; border-bottom: 1px dashed #ddd; }
label.cms_required > span:after { content: " *"; color: #fba800; }
label.cms_required > div.error { color: #ff0000; display: inline-block; }
label > span, div.label > span { float: left; /*display: inline-block; vertical-align: top; */width: 16em; padding-top: 4px; }
label input { /*display: inline-block;*/ }
label input + span { float: none; }
fieldset { margin-bottom: 20px; background: #fff; border-left: 0px; border-right: 0; border-bottom: 0; border-top: 1px solid #aaa; /*float: left; clear: both; */}
legend { font-size: 110%; padding: 5px 25px 5px 25px; text-align: left; background: #f8d896; border: 1px solid #ccc; }
pre.dump { max-height: 10em; overflow: auto; }
.gray_font { color: gray; }
.blue_font { color: #c0cee5; }
.small_font { font-size: 85%; }
.no_underline { text-decoration: none; }
.no_underline span, .no_underline i { text-decoration: underline; font-style: normal; }
.clear { clear: both; }
.bold { font-weight: bold; }
.verticalmiddle td { vertical-align: middle; }
.alignright { text-align: right; }
.noborder { border: 0!important; }
.smallest_width { width: 1px; }
.auto_width { width: auto; }
label.noborder { padding: 0; }
div.label { overflow: auto; }
div.label > .aligned-with-input { float: left; }
/* Objects inside objects */
div.manageproperties, div.linkcontainerproperties { float: left; }
div.attr_object { float:left; margin-left: 2em; }
div.attr_object table { padding-bottom:15px; margin-bottom: 0; }
div.attr_object td.firstcol span { float:none; }
div.attr_object td.firstcol { width: 50px; padding: 5px; }
div.attr_object .ZMSGraphic img { border: 2px solid #ddd; }
.cms_attr_object_warning { margin-left: 20px; padding-left: 30px; background: url(../images/icons/new/attention_small.png) no-repeat center left; }
div.label span.attr_object_name { width: 150px; white-space: nowrap; padding: 5px; padding-left: 20px; background: url(../images/icons/new/bullet_yellow_small.png) 2px 6px no-repeat; display: block; float: none; }
/* General */
.manage_page_menu { position: fixed; top: 10px; left: 10px; min-width: 50em; padding: 0; margin: 0; list-style: none; height: 32px; z-index: 1501; }
.manage_page_menu li { float: left; }
.manage_page_menu li.active a { background: #f8d896; }
.manage_page_menu li a { text-decoration: none; display: block; padding: 5px; margin: 0 3px; border: 1px solid #eee; background: white; outline-width: 0; height: 17px; line-height: 17px; }
.manage_page_menu li a:hover { background: #eee; }
.manage_page_menu .cms_actions { position: relative; }
.manage_page_menu .cms_actions ul { display: none; position: absolute; top: 29px; left: 2px; list-style: none; margin: 0; padding: 0; border: 1px solid gray; }
.manage_page_menu .cms_actions:hover > a { background: #f8d896; }
.manage_page_menu .cms_actions:hover ul { display: block; }
.manage_page_menu .cms_actions li { float: none; white-space: nowrap; background: #fff; }
.manage_page_menu .cms_actions li a { border: 0; margin: 0; font-size: 13px; background: #fff url(../images/icons/new/actions3_small.png) no-repeat 5px 6px; padding-left: 26px; }
.manage_page_menu .cms_actions li a:hover { background-color: #eee; }
.manage_page_menu .logout a { background: url(../images/icons/new/logout.png) 6px 6px no-repeat #fff; padding-left: 30px; }
.manage_page_menu .logout a:hover { background: url(../images/icons/new/logout.png) 6px 6px no-repeat #eee; }
#contentnav { position: absolute; z-index: 2000; border: 1px solid gray; background: white; }
#contentnav ul { padding: 10px; margin: 0; }
#cms_title_bar { position: fixed; top: 0px; left: 0px; right: 0px; min-width: 50em; background: #454744; z-index: 101; height: 39px; padding: 0; }
#cms_title { position: fixed; top: 0px; right: 0px; z-index: 10001; height: 39px; padding: 0; }
#cms_title h1 {padding: 0; color: #fba800; font-weight: normal; font-size: 130%; text-align: right;}
#cms_title span { color: white; font-weight: bold; font-style: italic; font-size: 160%; }
#cms_title b { font-size: 80%; color: gray; vertical-align: top; }
#breadcrumb_path { position: fixed; top: 39px; background: url(../images/layout/titlegradient.png) repeat-x 0 -5px #c0cee5; left: 0; right: 0; padding: 0px 0px 0px 15px; line-height: 47px; border-bottom: 1px solid #ddd; margin-bottom: 15px; font-size: 14px; z-index: 100; }
#breadcrumb_path a { }
#breadcrumb_path img { vertical-align: middle; }
#titlegradient { position: fixed; top: 86px; left: 0; right: 0; background: url(../images/layout/titlegradient.png) repeat-x bottom left; height: 5px; z-index: 1500; }
#language_selection { position: fixed; top: 50px; right: 15px; z-index: 1400; }
#language_selection * { float: none; }
#language_selection label { border: 0; padding-top: 0; margin: 0; }
#language_selection label span { width: auto; }
#building_block { position: fixed; top: 45px; right: 200px; z-index: 1400; }
#building_block * { float: none; }
#building_block input {
background-color: transparent; background-repeat:no-repeat; border: none; cursor: pointer;
overflow: hidden; outline: none;
}
#building_block label {
position: fixed; top: 45px; right: 270px; z-index: 1400; border: none;
cursor: pointer;
}
#building_block input[type="checkbox"] { position: fixed; top: 58px; right: 250px; z-index: 1400; }
.message { position: fixed; bottom: 86px; right: 10px; z-index: 3000; cursor: pointer; }
.message > ul { max-height: 300px; overflow-y: auto; margin-bottom: 10px; }
.message > ul:last-child { margin-bottom: 0; }
.message > ul > li { max-width: 500px; overflow-x: hidden; }
.messages_error { border: 1px solid #333; background: #d82525 url(../images/icons/new/error_serious.png) 11px 50% no-repeat; padding: 15px 15px 15px 50px; margin: 0; list-style: none; border-radius: 3px; box-shadow: 0 0 2px #aaa; color: white; background-size: 32px; }
.messages_error a, .messages_error a:hover { color: white; }
.messages_warning { border: 1px solid #333; background: #f8d896 url(../images/icons/new/information.png) 11px 50% no-repeat; padding: 15px 15px 15px 50px; margin: 0; list-style: none; border-radius: 3px; box-shadow: 0 0 2px #aaa; }
.messages_success { border: 1px solid #468900; background: #D7F0BD url(../images/icons/new/okay.png) 11px 50% no-repeat; padding: 15px 15px 15px 50px; margin: 0; list-style: none; border-radius: 3px; box-shadow: 0 0 2px #aaa; }
div.message.compact { transform: translateX(calc(100% - 40px)); }
div.message { transition: 0.5s ease-in-out; transform: translateX(0%); }
.cms_note { border: 1px solid #333; background-color: #f8d896; padding: 15px 15px 5px 15px; max-width: 500px; }
.cms_info { margin: 0; padding: 20px 20px 20px 60px; white-space: nowrap; border: 1px solid gray; background: #f8d896 url(../images/icons/new/error.png) 15px 50% no-repeat; }
.invalid { border: 1px solid #fba800!important; }
.button { /*background: #eee; border-top: solid 1px #E6E4E6; border-left: solid 1px #E6E4E6; border-right: solid 1px #B6B4B6; border-bottom: solid 1px #B6B4B6; */width: 20px; height: 20px; }
.button:hover { background-color: #c0cee5; /*border-top: solid 1px #FFF; border-left: solid 1px #FFF; border-right: solid 1px #000; border-bottom: solid 1px #000; */}
.button a, a.button { text-decoration: none; }
.metaobject_title, .metaattribute_title, .language_title { position: fixed; top: 39px; background: url(../images/layout/titlegradient.png) repeat-x 0 -5px #c0cee5; left: 0; right: 0; padding: 0px 0px 0px 15px; line-height: 47px; border-bottom: 1px solid #ddd; margin-bottom: 15px; font-weight: normal; font-size: 14px; z-index: 100; }
.metaobject_title a, .metaattribute_title a, .language_title a { }
.metaobject_title img, .metaattribute_title img, .language_title img { vertical-align: middle; }
.metaobject_title .subtitle, .metaattribute_title .subtitle { color: #999; }
.auto_width { width: auto; }
.red { color: #ee0000; }
.gray { color: #888; }
th { margin: 0; }
.center { text-align: center; }
.folder_view { border-collapse: collapse; }
.folder_view, .metaobject_edit, .metaattribute_edit, .spec_obj_overview, .meta_attr_overview, .properties, .manageproperties, .graphicproperties { padding: 5px; }
.folder_view .leftcol { width: 250px; white-space: nowrap; }
.folder_view .row_top td { border-bottom: 1px dashed #bbb; }
.folder_view .firstcol, .folder_view .propertiescol { white-space: nowrap; padding-bottom: 0px; border-top: 1px dashed white; border-bottom: 1px dashed #bbb; }
.folder_view .firstcol img { vertical-align: middle; }
.folder_view .firstcol a, .spec_obj_overview a, .meta_attr_overview a, .file_editor a { text-decoration: none; }
.folder_view .firstcol a span, .spec_obj_overview a span, .meta_attr_overview a span, .file_editor a span { text-decoration: underline; }
.folder_view .firstcol a span { padding-right: 40px; }
.folder_view .edit_properties { /*float: right; padding-left: 40px; */}
.folder_view .propertiescol { width: 32px; }
.folder_view .rightcol { border-bottom: 2px solid transparent; }
.folder_view .rightcol h1 { font-weight: normal; }
.folder_view .secondcol { border-bottom: 1px dashed #bbb; cursor: move; min-width: 400px; }
body.stop_selection .folder_view .secondcol, body.stop_selection .row_top .rightcol, body.stop_selection .folder_view .firstcol {
/* To make drag & drop work in Firefox */
user-drag: none; user-select: none;
}
.folder_view .hover .secondcol, .folder_view .haspanel .secondcol { background: #fff7e6; }
.folder_view .bodycontent { border-left: 1px dotted #ddd; }
.folder_view .bodycontent_container { color: #999; overflow: hidden; height: 34px; }
.folder_view .bodycontent_container * { color: #999; margin: 0; }
.folder_view .bodycontent { font-size: 13px; }
.folder_view .bodycontent caption { border-bottom: 1px dashed #ddd; padding: 0 5px 5px 5px; text-align: left; font-weight: bold; }
.folder_view .bodycontent table, .folder_view .bodycontent ul, .folder_view .bodycontent ol, .folder_view .bodycontent p, .folder_view .bodycontent h1, .folder_view .bodycontent h2, .folder_view .bodycontent h3, .folder_view .bodycontent h4, .folder_view .bodycontent h5, .folder_view .bodycontent h6 { margin-bottom: 12px; font-size: 13px; }
.folder_view .expander { float: right; width: 60px; height: 30px; background: url(../images/icons/new/arrow_down.png) no-repeat center center; outline-width: 0; }
.folder_view .expanded .expander { background: url(../images/icons/new/arrow_up.png) no-repeat center center; }
.folder_view .expanded { cursor: auto; background: #e1e8f3!important; }
.folder_view .expanded .bodycontent_container, .folder_view .expanded .bodycontent_container * { color: black; }
.folder_view .bodycontent_container .zms_graphic * { max-width: 500px; }
.folder_view .checked .secondcol { background: url(../images/layout/select_bg.gif) top left repeat-x #fff; }
.folder_view .changed { border-bottom: 1px dashed #bbb; width: 12em; font-size: 90%; white-space: nowrap; }
.folder_view .changed b { padding: 0 0 0 20px; background: url(../images/icons/new/users_small.png) left 50% no-repeat; }
.folder_view .changed span { padding: 0 0 0 20px; background: url(../images/icons/new/disk_small.png) left 50% no-repeat; }
.folder_view .inactive { background-color: #eee; }
tr.inactive img { opacity: 0.2; }
.folder_view td { padding: 7px 5px 5px 5px; }
.folder_view .total_objects { float: right; color: gray; line-height: 27px; }
.folder_view .total_objects span { width: 60px; margin-left: 5px; float: right; }
.manageproperties, .properties { padding-bottom: 100px; }
.manageproperties label, .manageproperties div.interface { clear: left; }
.manageproperties fieldset p { clear: left; }
.child .firstcol { width: 250px; float: left; }
.child .secondcol { margin-left: 250px; }
.spec_obj_overview .package { margin-right: 5px; }
.spec_obj_overview a.ajaxloading { padding-left: 20px; margin-left: 10px; }
.metaobject_edit textarea { width: 13em; height: 4em; }
.metaobject_edit { min-width:70em; }
.metaobject_edit tfoot td { border: 0!important; }
.metaobject_edit label span { float: none; }
.metaobject_delete_buttons img { width: 32px; height: 32px; }
.metaobject_edit #metaobject_attributes tbody td { cursor: move; }
.metaobject_edit tr.mousedown { opacity: 0.5; }
.meta_object_dragger { background: #eee; }
.copy_metaobject_package { padding-top: 0; margin-top: 0; }
.copy_metaobject_package input { margin-top: 0!important; }
.properties, .fileproperties { padding-top: 0px; float: left; }
.properties_top { margin-top: 5px; padding: 6px 0px 5px 10px!important; }
.properties_top label { border: 0; }
.graphicproperties, .graphicproperties form { padding-top: 0px; float: left; }
#movement, .movement { position: absolute; top: 0px; left: 180px; width: 20px; height: 42px; background: #fff; display: none; border: 1px solid #eee; }
#movement .button, .movement .button { float: left; background: #fff; }
#movement .button:hover, .movement .button:hover { background: #c0cee5; }
#cms_move_info { position: relative; }
#cms_move_info div { position: absolute; top: -2px; left: 200px; border: 1px solid gray; padding: 10px; background: white; font-size: 12px; }
#draginfo { position: absolute; background: white; padding: 5px; border: 1px solid #ddd; margin-top: -20px; }
#draginfo a { display: block; margin: 3px; }
#objects, #actions, .folder_view .objects, .folder_view .actions, .panel_bottom .objects, .panel_bottom .actions { position: relative; display: none; }
#objects div, #actions div, .objects div, .actions div { position: absolute; margin: 0; margin-top: 0px; padding: 10px; list-style: none; top: 25px; left: 30px; background: white; border: 1px solid gray; width: 300px; overflow: auto; z-index:1000; }
#objects ul, #actions ul, .objects ul, .actions ul { height: 240px; overflow: auto; margin-top: 10px; }
#panel .closer, .panel .closer, .panel_bottom .closer { position: absolute; top: 10px; right: 10px; }
#panel, .panel { position: absolute; top: 0px; left: 0px; margin: 1px 0 0 0; display: none; padding: 10px; border: 1px solid #ccc; background: #fff; }
.arrow_panel { position: absolute; top: 6px; left: 0px; width: 21px; height: 42px; margin-left: -21px; background: url(../images/layout/arrow_panel.png) center left no-repeat; }
#panel .button, .panel .button, .panel_bottom .button, .attr_object_panel .button, .filesystem .button { float: left; width: 32px; height: 32px; margin-right: 5px; }
.panel_bottom { display: block!important; position: fixed; bottom: 0; left: 0; right: 0; padding: 10px; background: url("../images/layout/titlegradient.png") repeat-x scroll 0 -5px #C0CEE5; height: 43px; z-index: 102; }
#panel .button .description_text, .panel .button .description_text, .attr_object_panel .button .description_text, .filesystem .button .description_text { display: none; }
.panel_bottom .actions div, .panel_bottom .objects div { margin-top: -315px; }
.panel_bottom .edit_metaobject { display: none; }
.panel_bottom .button { width: 90px;}
.panel_bottom .description_text { font-size: 75%; line-height: 1.55; display: block; text-align: center; }
.panel_bottom img { display: block; margin: 0 auto; text-align: center; }
#pastehover { z-index: 1000; }
.selectnone { display: none; }
.searchme ul { padding: 0 0 0 0px; margin: 0; list-style: none; scroll-behavior: smooth; }
.searchme input { width: 270px; }
.searchme .marked { background: #b9cff1; }
.searchme li { padding: 2px; font-size: 12px; background:none; }
.folder_view .dropdownmenu { display: block; margin-top: 10px; }
.delimiter { background: #cccccc!important; border-radius: 5px; padding: 10px; margin-bottom: 3px; text-transform: uppercase; color: #666666; }
.delimiter button { text-transform: none; }
.delimiter label { display: inline; margin-right: 2em; }
tr.manage_delimiter { background: #cccccc; }
.hoverrows .hover { background: #fff; }
table .even, label.even, div.even { /*background: #eee;*/ border-bottom: 1px dashed #ddd; padding-bottom: 4px; }
table .odd, label.odd, div.odd { /*background: #dedede;*/ border-bottom: 1px dashed #ddd; padding-bottom: 4px; }
.hoverrows tr th { border-bottom: 1px solid #ddd; padding-bottom: 4px; }
.hoverrows tr td { border-bottom: 1px dashed #ddd; padding-bottom: 4px; }
.hoverrows label { border: 0; margin: 0; }
.pointer { cursor: pointer; }
.hidden { display: none; }
.thumbnail_link img { width: 50px; height: 50px; border: 2px solid #ddd; }
.thumbnail_link { }
.img_preview { margin: 5px 0 5px 224px; background: #f8d896; padding: 5px; border: 1px solid gray; }
.img_dimensions { float: right!important; }
#cropdiv { border: 2px solid gray; background: #eee; padding: 10px; }
.manip_description { padding: 5px 0; margin-bottom: 10px; }
.save_manipulation, .cancel_manipulation { float: left; margin: 15px 5px 0 0; padding: 2px 2px 2px 20px; border: 1px solid #747573; text-decoration: none; }
.save_manipulation { background: url(../images/icons/new/okay_small.png) 2px 3px no-repeat white; }
.cancel_manipulation { background: url(../images/icons/new/delete_small.png) 2px 3px no-repeat white; }
.imgmaniptoolbar { width: 250px; margin-top: 1em; }
.imgmaniptoolbar input { width: 3em; margin: 0 0 1px 0; }
.imgmaniptoolbar span { width: 140px; float: left; line-height: 24px; }
.imgmaniptoolbar #ratio_info { margin-top: 2px; }
.imgmaniptoolbar #ratio_info span { width: 170px; }
#keep_aspect_ratio { margin: 8px 0 0 0; width: auto; }
#update_x, #update_y, #update_width, #update_height { text-align: right; width: 4em; }
#atikon_logo { position: fixed; bottom: 10px; right: 17px; }
.by_atikon { float: right; margin: 30px 3px 0 0; }
.cms_multiselect { display: none; }
.cms_multiselect_helper { border: 1px solid #ddd; padding: 5px; float: left; overflow: auto; height: 150px; width: 455px; }
.cms_multiselect_helper input { vertical-align: middle; margin: 0 4px 0 2px; }
.cms_multiselect_helper li { cursor: pointer; }
.cms_multiselect_panel { padding-left: 224px; padding-top: 5px; }
.cms_multiselect_panel img { margin-right: 6px; cursor: pointer; }
.cms_multiselect_panel input { margin-top: 3px; }
li.cms_multiselect_checked { background-color: #eee!important; }
.metaobject_edit .cms_multiselect_helper { width: 250px; height: 100px; }
.metaobject_edit .cms_multiselect_panel { padding-left: 0px; }
.metaobject_edit .cms_select_options { float: right; margin-top: 4px; margin-left: 5px; background: url(../images/icons/new/edit_small.png) no-repeat center center; }
.metaobject_edit .cms_singleselect { width: 250px; }
#timepicker { position: absolute; border: 1px solid gray; padding: 0; background: white; width: 100px; height: 200px; overflow: auto; }
#timepicker ul, #timepicker li { padding: 0; margin: 0; list-style: none; }
#timepicker li { cursor: pointer; padding: 2px 6px; }
#timepicker li:hover { background: #eee; }
.datepicker {
position: absolute; border: 1px solid #aaa; font-size: 15px; width: 235px; padding: 3px;
height: 246px; background: #fff; line-height: normal; border-radius: 5px;
opacity: 0; transition: opacity 0.2s ease-in-out; z-index: 100;
}
.datepicker div, .datepicker input.ok { border-radius: 5px; }
.datepicker .header { position: relative; background: #f8d896; height: 26px; padding-top: 4px; margin-bottom: 3px; }
.datepicker .header .title { text-align: center; padding-top: 1px; margin: 0px 42px 0 20px; }
.datepicker .header .titleText { }
.datepicker .header .next,.datepicker .header .previous,.datepicker .header .closeButton { position: absolute; width: 21px; height: 21px; background: #fff; text-align: center; color: #666; top: 5px; cursor: pointer; }
.datepicker .header .previous { left: 5px; }
.datepicker .header .next { right: 28px; }
.datepicker .header .closeButton { right: 5px; }
.datepicker .body { position: relative; top: 0px; left: 0px; width: 235px; border-right: 2px solid #fff; height: 218px; overflow: hidden; }
.datepicker .time { }
.datepicker .time .hour,.datepicker .time .separator,.datepicker .time .minutes { border: 1px solid #ccc; background: #fff; width: 50px; font-size: 32px; position: absolute; top: 50px; text-align: center; padding: 2px; }
.datepicker .time .hour { left: 50px; }
.datepicker .time .separator { background: transparent; border: 0px; width: 10px; left: 110px; }
.datepicker .time .minutes { left: 130px; }
.datepicker .time .ok { position: absolute; top: 105px; width: 136px; left: 50px; font-size: 20px; }
.datepicker .days .day { float: left; background: #c0cee5; cursor: pointer; text-align: center; padding-top: 4px; width: 31px; overflow: hidden; height: 24px; margin: 0 3px 3px 0; }
.datepicker .days .day0 { margin-right: 0; }
.datepicker .days .week5 .day { margin-bottom: 0; }
.datepicker .days .title { background: #9da9bc; color: #fff; cursor: default; }
.datepicker .days .otherMonth { background: #eee; color: #aaa; }
.datepicker .months .month { float: left; background: #eee; cursor: pointer; text-align: center; overflow: hidden; width: 76px; height: 51px; line-height: 51px; margin: 0 3px 3px 0; }
.datepicker .months .month3,.datepicker .months .month6,.datepicker .months .month9,.datepicker .months .month12 { margin-right: 0; width: 77px; }
.datepicker .months .month10,.datepicker .months .month11,.datepicker .months .month12 { margin-bottom: 0; }
.datepicker .years .year { float: left; background: #eee; cursor: pointer; text-align: center; width: 56px; overflow: hidden; height: 40px; line-height: 40px; margin: 0 3px 3px 0; }
.datepicker .years .year3,.datepicker .years .year7,.datepicker .years .year11,.datepicker .years .year15,.datepicker .years .year19 { margin-right: 0; width: 58px; }
.datepicker .years .year16,.datepicker .years .year17,.datepicker .years .year18,.datepicker .years .year19 { margin-bottom: 0; }
.datepicker .selected { background: #f8d896 !important; }
.datepicker .unavailable { background: #edd !important; color: #b88 !important; cursor: default !important; }
.datepicker .days .week .day:hover,.datepicker .months .month:hover,.datepicker .years .year:hover { background: #9da9bc !important; color: #fff !important; }
div.dtml_example { display:none; position:absolute; background-color:#ffc; border:1px dashed black; padding:10px; text-align:left; }
div.dtml_example a { float:right; font-size:10px;}
div.dtml_example pre { margin:14px 0 0 0; }
fieldset ul, ul.list { padding: 0 0 0 0px; margin: 0; list-style: none; }
fieldset ul li, ul.list li { padding: 5px 5px 5px 20px; background: url(../images/icons/new/bullet_yellow_small.png) 2px 6px no-repeat; }
ul.copy_meta_object li li { background: url(../images/icons/new/bullet_yellow_small.png) center left no-repeat; }
/* Generator */
.generation_status { width: 350px; border: 1px solid gray; background: #eee; float: left; margin: 5px 5px 5px 0; position: relative; }
.generation_status .generation_status_bar { background: #fba800; height: 20px; float: left; }
.generation_status_percent {
position: absolute; top: 0; left: 0; width: 350px; white-space: nowrap; margin-left: 0;
text-align: center;
}
.generation_overview { border: 1px solid #c0cee5; border-radius: 5px; position: relative; }
.generation_status_expander {
position: absolute; top: 10px; right: 10px; width: 60px; height: 30px;
background: url(../images/icons/new/arrow_down.png) no-repeat center center;
}
.generation_status_text { display: none; }
.expand_generation_status .generation_status_text { display: block; }
.expand_generation_status .generation_status_expander { background: url(../images/icons/new/arrow_up.png) no-repeat center center; }
.generation_overview .more_queued { display: block; clear: both; }
/* Browser */
#editor_text { width: 650px; height: 500px; }
div.tox-tinymce { float: left; }
.texteditor div.tox-tinymce { width: 60%!important; }
.texteditor #editor_text { width: 100%; }
.texteditor #editor_text_tbl { width: 100%!important; }
.texteditor #editor_text_ifr { width: 100%!important; }
#selector {
width: 300px; background: white; border: 2px solid gray; overflow: auto; z-index: 105;
}
#selector.initialized { transition: all 0.25s ease-in-out; }
#selector .title { padding: 5px; text-align: center; background: #ddd; margin-bottom: 1px; }
#selector .closer { position: absolute; top: 7px; right: 10px; width: 14px; height: 14px; background: url(../images/layout/close.gif) no-repeat top left; }
#selector .browser { float: left; width: 490px; height: 334px; overflow: auto; padding: 5px; }
.texteditor #selector .browser { width: auto; float: none; height: 449px; }
.select_options .browser { height: 372px!important; width: 490px!important; }
.select_options .closer { left: 477px!important; }
#selector textarea { resize: none!important; }
#selector .browserloading { background: url(../images/layout/ajaxloading.gif) 5px 5px no-repeat; }
#selector .browser a img { margin-right: 5px; }
#selector .browser img { vertical-align: middle; }
#selector .browser.loading { min-height: 20px; background: url(../images/layout/ajaxloading.gif) 5px 5px no-repeat; }
#selector .cms_url_error { background: url(../images/icons/new/attention_small.png) no-repeat -2px -2px #f8d896; padding: 5px 5px 5px 25px; white-space: nowrap; }
#selector ul { margin: 0; padding: 0; list-style: none; }
#selector ul ul li { margin-left: 7px; padding-left: 7px; padding-bottom: 4px; list-style: none; }
#selector ul ul li.end { margin: 0; padding-left: 15px; border: 0; }
.browser_summoner { background: url(../images/icons/new/tree_small.png) center center no-repeat #fff; width: 16px; border: 0; padding: 0!important; cursor: pointer; margin-right: 10px; }
#selector + p { clear: left; }
#selector a.cms_browse { margin-right: 15px; }
#selector a.cms_browse img { padding-left: 15px; }
#selector a.expandable img { background: url(../images/icons/new/plus_small.png) no-repeat -4px 6px; }
#selector a.expanded img { background-image: url(../images/icons/new/minus_small.png); }
.contentsystem { overflow: auto; }
.texteditor #selector { position: relative; float: right; margin-left: 0; z-index: 1; width: 39%; height: 517px; }
#selector a.link_object { visibility: hidden; background: url(../images/icons/new/link_small.png) no-repeat center center #C0CEE5; border-radius: 4px; padding: 2px; display: inline-block; width: 18px; height: 18px; vertical-align: middle; line-height: 18px; }
#selector span { white-space: nowrap; }
#selector span:hover a.link_object { visibility: visible; }
#selector .browser_link_collection { padding-right: 30px; }
.quick_search_container { margin: 2px 0; padding-left: 23px; background: url(../images/icons/new/search_small.png) no-repeat 4px 4px; }
#selector .browser .not_found { padding-left: 20px; line-height: 30px; background: url(../images/icons/new/error_small.png) no-repeat left center; }
#selector .browser_zms_files_selector { padding-left: 17px; display: none; }
#selector .browser_zms_files_selector.expanded { display: block; }
#selector .browser_zms_files_selector .cms_selector_create_link span { background: url(../images/icons/new/link_small.png) no-repeat right center; display: inline-block; height: 18px; padding-right: 20px; }
#browser_zms_graphic_interface { position: relative; height: 100px; padding: 5px; padding-left: 108px; border: 1px solid #ddd; border-radius: 3px; background: white; overflow: hidden; z-index: 2010; margin-top: 3px; }
#browser_zms_graphic_interface div { position: absolute; top: 3px; left: 3px; width: 100px; height: 100px; border: 1px solid #eee; margin-right: 10px; background-color: #ddd!important; background-size: cover; }
#browser_zms_graphic_interface span { font-size: 12px; white-space: nowrap; }
#browser_zms_graphic_interface a { margin-top: 15px; background: url(../images/icons/new/bullet_yellow_small.png) -3px 0px no-repeat; padding-left: 15px; font-size: 12px; display: inline-block; }
#browser_zms_graphic_interface a.close { position: absolute; top: 3px; right: 3px; border: 1px solid gray; border-radius: 3px; padding: 5px; font-size: 12px; text-decoration: none; color: black; width: 15px; height: 15px; background: white!important; margin: 0; line-height: 15px; text-align: center; }
#browser_zms_graphic_interface a.close:hover { background: #eee!important; }
@media screen and (max-width: 1000px) {
.texteditor div.tox-tinymce { float: none; width: auto!important; }
.texteditor #selector { float: none; width: auto; clear: both; margin-top: 10px; }
}
#calDiv { width: 180px; background: #fff; border: 1px solid gray; z-index: 1!important; }
#calClose { float: right; font-weight: bold; padding: 0 5px; text-align: center; }
#calClose a { display: block; }
#calLastMon, #calMon, #calNextMon { padding: 0 5px; text-align: center; }
#calMon { position: absolute; top: 0px; left: 20px; width: 120px; padding:0; }
#calNextMon { position: absolute; top: 0; left: 140px; }
.calWeekday, .calDayname { cursor: pointer; float: left; width: 14px; height: 14px; padding: 5px; border-right: 1px solid #ccc; text-align: right; }
.calWeekday:hover, .calDayname:hover { background: #eee; }
.calDayname { border-right: 1px solid white; }
/* file system */
.file_editor textarea { width: 100%; height: 500px; font-family: Courier New, Monospace; margin: 1px 0; }
.file_editor iframe { background: white; }
.file_editor .CodeMirror { border: 1px solid black; background: white; margin-bottom: 1px; }
.file_editor .CodeMirror * { font-size: 10pt; font-family: monospace; }
.file_editor .CodeMirror .CodeMirror-gutter { background: #F6F6F6; text-align: right; border-right: 1px dotted gray; }
.file_editor .left_td { border: 1px dashed gray; width: 30px; height: 10px; }
.file_editor .color_td { width: 100px; height: 10px; }
.file_editor .right_td { color: gray; width: 10px;}
.file_editor .cms_color_table { width: auto; }
.file_editor .cms_color_table td { vertical-align: middle; }
.file_editor #results { margin-top: 10px; padding-bottom: 100px; }
.file_editor #content_type { display: none; }
.file_system_browser, .file_editor { padding: 95px 5px 5px 15px; border-collapse: collapse; }
.file_system_browser * { font-size: 14px; text-decoration: none; }
.file_system_browser .filesize { color: #aaa; }
.file_system_browser td, .file_system_browser th { vertical-align: middle; }
.file_system_browser .firstcol { width: 16px; }
.file_system_browser .firstcol a { display: block; white-space: nowrap; }
.file_system_browser .firstcol img, .file_system_browser .metaobjectlink img, .file_system_browser .renamecol img { width: 32px; height: 32px; }
.file_system_browser .renamecol { width: 32px; padding: 0 2em; text-align: left; }
.file_system_browser td { white-space: nowrap; padding: 5px; }
.file_system_browser .checked td { background: #b9cff1; }
.file_system_browser .metaobjectname { color: gray; }
.filesystem, .contentsystem, .manage_languages, .manage_metaobjects, .metaobject_edit, .manage_authorization, .manage_backup, .manage_sync, .button_padding { padding-left: 15px; padding-bottom: 140px; }
.filesystem .actions { margin: 1em 0 0 0; clear: both; background: #c0cee5; border-radius:5px; padding: 10px; color: #c0cee5; width: auto; float: left; }
.filesystem .actions a { float: left; }
.filesystem .secondcol { cursor: pointer; }
.button_response { transition: all 1s ease-in-out; }
.bodycontent_container.animate { transition: all 0.5s ease-in-out; }
.cms_filemanagement_metaobject_link { float: right; margin-right: 50px; }
.addstuff { margin-top: 2em; clear: both; width: auto; }
.addstuff td { vertical-align: middle; }
.addstuff .firstcol { white-space: nowrap; width: 180px; }
.addstuff img { vertical-align: middle; }
.file_uploader { background: white; padding: 0px 0px 55px 20px; }
.file_uploader form { border: 1px solid gray; padding: 10px; }
.file_uploader .firstcol { width: 150px; font-weight: bold; }
.file_uploader img { max-width: 500px; }
#renamer { position: absolute; top: 0; left: 0; display: none; background: white; border: 1px solid gray; padding: 5px; }
#renamer_response { color: #8eadde; }
#renamer_response p { padding-bottom: 0; margin-bottom: 0; }
#renamer_filename { font-size: 12px; }
#instance_list { display: none; }
#instance_container .confirm { float: right; text-decoration: underline; }
#instance_container .confirm:hover { cursor: pointer; }
#instance_container .replace_info { font-size: 10pt; float: left; border: 1px solid #ddd; border-radius: 5px; padding: 5px; width: 300px; height: 125px; margin-right: 10px; margin-bottom: 10px; position: relative; overflow: auto; }
#instance_container .replace_info:hover { background-color: #eee; }
#popupcontainer {
transition: all 0.4s ease-in-out; opacity: 0; z-index: 100000;
background: black; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
visibility: hidden;
}
#popupcontainer.initialized { opacity: 0.4; visibility: visible; }
#popupcontent .close {
position:absolute; top:10px; right:10px;
background:url(../images/layout/close.gif) center center no-repeat;
width: 14px; height: 14px;
}
#popupcontent .close span { display:none; }
#popupcontent {
border: 2px solid gray; position: fixed; top: 50%; left: 50%;
padding: 20px; background: white; visibility: hidden;
transition: all 0.4s ease-in-out; opacity: 0; z-index: 100001;
}
#popupcontent.initialized { opacity: 1; visibility: visible;}
/* table editor */
#table_editor_container { margin: 2em 0em; padding: 0 1em; }
#table_editor_container table { border-collapse: separate; }
#table_editor table { width: 80%; }
#table_editor textarea { width: 85%; height: 55px; }
#table_editor td, #table_editor th { background: #ddd; height: 63px; padding: 10px!important; cursor: pointer; }
#table_editor .activecell { border: 1px solid #fba800; }
#toppanel td { text-align: right; }
#leftpanel { float: left; width: 60px; }
#leftpanel tr td { vertical-align: bottom; }
#leftpanel, #toppanel { background: #fff; }
#leftpanel td, #toppanel td { border-bottom: 1px dashed #ccc; border: 1px dashed #ccc; background: #eee; }
#leftpanel .delete, #toppanel .delete { background:url(../images/icons/new/trash_small.png) center center no-repeat; }
#leftpanel .new, #toppanel .new { background:url(../images/icons/new/add.png) center center no-repeat; }
#leftpanel .down, #toppanel .down { background:url(../images/icons/btn_down.gif) center center no-repeat; }
#leftpanel .up, #toppanel .up { background:url(../images/icons/btn_up.gif) center center no-repeat; }
#leftpanel .left, #toppanel .left { background:url(../images/icons/btn_left.gif) center center no-repeat; }
#leftpanel .right, #toppanel .right { background: url(../images/icons/btn_right.gif) center center no-repeat; }
#leftpanel .button, #toppanel .button { float: right; }
#leftpanel a span, #toppanel a span { display: none; }
#swapinfo { position: absolute; top: 0; left: 0; display: none; border: 1px solid gray; padding: 10px; background: #fff; font-size: 10px; width: 150px; }
.tableexample { /*position: absolute; top: 162px; left: 500px; */ margin: 5px 0 5px 225px; width: 150px; background: white; }
.tableexample div { display: none; border: 1px solid gray; }
.tableexample table th { border: 1px solid #ddd; text-align: center; padding: 2px; }
.tableexample table td { border: 1px solid #eee; text-align: center; padding: 2px; }
/* fullscreen_msg */
#fullscreen_msg { padding: 0; background: #747573; }
#fullscreen_msg #fancytitle { position: absolute; top: 50%; left: 0; right: 0; margin-top: -180px; height: 100px; vertical-align: bottom; }
#fullscreen_msg #fancytitle div { position: absolute; top: 0; left: 50%; right: 0; margin-left: -250px; font-size: 75px; overflow: hidden; vertical-align: bottom; }
#fullscreen_msg #fancytitle div span.letter {
opacity: 0; margin-left: 50px; transition: all 0.5s ease-in-out;
}
#fullscreen_msg #fancytitle div span.letter span { float: left; line-height: 130px; }
#fullscreen_msg #fancytitle .cms { color: #fba800; }
#fullscreen_msg #fancytitle .cms3k { color: #fff; font-size: 121px; font-style: italic; }
#fullscreen_msg #fancytitle .cms3k span { font-style: italic; }
#fullscreen_msg #fancytitle .cmstm span { font-size: 25px; color: #666; vertical-align: top; margin-top: 20px; }
#fullscreen_msg #stripe_bg {
position: absolute; top: 50%; left: 50%; right: 50%; margin-top: -60px; height: 133px;
border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; background: #666;
transition: all 1.5s ease-out; opacity: 0;
}
#fullscreen_msg #stripe {
position: absolute; top: 50%; left: 0; right: 0; margin-top: -50px; height: 112px;
border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #999;
opacity: 0; transition: all 0.5s ease-in-out;
}
#fullscreen_msg .warning { position: absolute; top: 20px; left: 50%; margin-left: -230px; width:460px; padding: 7px 7px 7px 45px; border: 1px solid white; background: #fba800 url(../images/icons/new/error.png) 5px 50% no-repeat; }
#fullscreen_msg .login { position: absolute; top: 50%; left: 50%; margin-left: -140px; width: 280px; height: 65px; margin-top: -46px; }
#fullscreen_msg .login label { border: 0; margin: 0; padding-top: 0; }
#fullscreen_msg .login span { width: 80px; }
#fullscreen_msg .login button { margin-left: 80px; width: 56px; }
#fullscreen_msg .login input { width: 162px; }
#fullscreen_msg .login .error { position: absolute; top: 0px; left: 260px; margin: 0; padding: 7px 7px 7px 40px; white-space: nowrap; border: 1px solid white; background: #fba800 url(../images/icons/new/error.png) 5px 50% no-repeat; }
/* login_again */
#fullscreen_msg.login_again { position: fixed; top: 50%; left: 0; right: 0; height: 160px; margin-top: -80px; z-index: 500001; border: 1px solid gray; background: #747573; }
#fullscreen_msg.login_again #stripe { margin-top: -56px; }
#fullscreen_msg.login_again .login label { border: 0; padding-top: 0; margin: 0; }
#fullscreen_msg.login_again input.loading, input.ajax_loading { background: url(../images/layout/ajaxloading.gif) right center no-repeat #fff; }
.cms_login_again_msg { position: absolute; top: 3px; left: 0; right: 0; text-align: center; color: #FBA800; }
.login_again_bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #747573; z-index: 500000; }
/* authorization */
.cms_user { text-decoration: none; float: left; border: 1px solid #ddd; border-radius: 5px; padding: 10px 10px 10px 40px; width: 200px; background: url(../images/icons/new/user.png) 5px 3px no-repeat; margin: 5px; position: relative; }
.edit_users .cms_user:hover { background-color: #eee; }
.cms_admin { background-image: url(../images/icons/new/user_suit.png); }
.cms_edit_user .cms_user { padding-top: 10px; cursor: default; }
.cms_user_full_name { color: #aaa; font-size: 10px; }
.cms_user_search { float: left; }
.field_info { clear: left; color: gray; margin-left: 16em; }
.suggested_password { cursor: pointer; }
.user_nodes { border: 1px solid gray; background: white; padding: 5px; margin-bottom: 2px; }
.user_nodes i { color: gray; }
.user_nodes td.nodes { width: 100%; }
.new_node { border: 1px solid gray; background: white; padding: 5px; /*margin-top: 2px;*/ }
.new_node label { float: left; margin-right: 1em; padding-top: 0; }
.user_name { width: 16em; height: 4em; }
.cms_add_user form.role .not_for_role { display: none; }
.cms_user_list .cms_user.expired { background-color: #eee; }
.cms_user_list { display: flex; flex-wrap: wrap; }
.cms_user { float: left; flex: 0 1 auto; width: 300px; }
.cms_user span { word-break: break-word; }
/* Sidebar Browser */
#cms_sidebar_browser {
position: fixed; left: 0; top: 100px; bottom: 60px; width: 300px; margin-left: -285px; background: #eee url(../images/icons/new/arrow_right.png) center right no-repeat; border-radius: 5px; border: 1px solid #ddd; font-size: 12px; line-height: 16px;
transition: all 0.35s ease-in-out;
}
#cms_sidebar_browser.expanded { background: #eee url(../images/icons/new/arrow_left.png) center right no-repeat; }
#cms_sidebar_browser.browserloading .cms_sidebar_browser_content { background: url(../images/layout/ajaxloading.gif) 5px 5px no-repeat #fff; }
#cms_sidebar_browser .cms_sidebar_browser_content { position: absolute; top: 44px; left: 16px; right: 16px; bottom: 16px; background: white; border-radius: 0 0 5px 5px; overflow: auto; border: 1px solid gray; padding: 5px; }
#cms_sidebar_browser .cms_sidebar_stripe { position: absolute; top: 0; right: 0; bottom: 0; width: 15px; cursor: pointer; }
#cms_sidebar_browser .cms_sidebar_title { position: absolute; top: 16px; left: 16px; right: 16px; bottom: 0; height: 20px; line-height: 20px; padding: 4px 0 4px 26px; border-radius: 5px 5px 0 0; background: url(../images/icons/new/house_small.png) 5px 6px no-repeat #ccc; overflow: hidden; }
#cms_sidebar_browser ul { padding: 0; margin: 0; list-style: none; }
#cms_sidebar_browser ul li { padding: 2px 0; }
#cms_sidebar_browser ul ul { padding-top: 2px; }
#cms_sidebar_browser ul ul li { margin-left: 7px; padding-left: 7px; list-style: none; }
#cms_sidebar_browser ul ul li.end { margin: 0; padding-left: 15px; border: 0; }
#cms_sidebar_browser ul li a { text-decoration: none; }
#cms_sidebar_browser img { width: 16px; vertical-align: bottom; }
#cms_sidebar_browser * { white-space: nowrap; }
#cms_sidebar_browser .cms_sidebar_popout { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; background: url(../images/icons/new/popup_small.png) center center no-repeat; }
.cms_sidebar_browser_popup { margin: 0!important; left: 0!important; top: 0!important; right: 0!important; bottom: 0!important; width: auto!important; height: auto!important; z-index: 10000; background: #eee!important; border-radius: 0!important; border: 0!important; }
.cms_sidebar_browser_popup .cms_sidebar_popout, .cms_sidebar_browser_popup .cms_sidebar_stripe { display: none; }
#cms_sidebar_browser .cms_browse { padding-left: 14px; background: url(../images/icons/new/plus_small.png) no-repeat -4px 0px; }
#cms_sidebar_browser .expanded { background: url(../images/icons/new/minus_small.png) no-repeat -4px 0px; }
#cms_sidebar_browser .browse_silent { background: transparent; }
.cms_content { transition: margin 0.35s ease-in-out; }
input[readonly=readonly], textarea[readonly=readonly] { background: #ddd; font-style: italic; cursor: default; }
#generate_content_id { margin: .5em 0 0 16em; }
.search_and_replace .info { margin-top: 5px; display: block; font-size: small; }
form[name="global_search_replace_form"].loading button:after {
content: " ";
background: url(../images/layout/ajaxloading.gif) right center no-repeat;
padding-right: 20px; margin-right: 10px;
display: inline-inline-block;
}
.mce-menu-item-preview.mce-active {
border-left: 5px solid #f8d896!important;
background-color: #fcedcf;
}
/* Inline Attribute Creation */
.submit_button {
background: url(../images/icons/new/disk.png) center center no-repeat;
height: 30px;
width: 30px;
border: none;
cursor: pointer;
}
.cancel_button {
background: url(../images/icons/new/delete2.png) center center no-repeat;
height: 30px;
width: 30px;
border: none;
cursor: pointer;
}
.new_attribute_row {
background: #c0cee5;
}
form.building_block_administration {
clear: both;
width: 700px;
}
form.building_block_administration p.delimiter {
background: #747474!important;
color: #ffffff;
}
form.building_block_administration .delimiter button {
display: block;
margin-left: auto;
}
/* Jcrop */
.jcrop-widget .jcrop-handle{display:none;position:absolute;border:1px rgba(127,127,127,0.8) solid;width:10px;height:10px;box-sizing:border-box;background:rgba(255,255,255,0.8)}.jcrop-widget .jcrop-handle.nw{top:-3px;left:-3px;cursor:nwse-resize}.jcrop-widget .jcrop-handle.w{top:50%;transform:translateY(-50%);left:-3px;cursor:ew-resize}.jcrop-widget .jcrop-handle.sw{bottom:-3px;left:-3px;cursor:nesw-resize}.jcrop-widget .jcrop-handle.ne{top:-3px;right:-3px;cursor:nesw-resize}.jcrop-widget .jcrop-handle.e{top:50%;transform:translateY(-50%);right:-3px;cursor:ew-resize}.jcrop-widget .jcrop-handle.se{bottom:-3px;right:-3px;cursor:nwse-resize}.jcrop-widget .jcrop-handle.n{left:50%;transform:translateX(-50%);top:-3px;cursor:ns-resize}.jcrop-widget .jcrop-handle.s{left:50%;transform:translateX(-50%);bottom:-3px;cursor:ns-resize}.jcrop-widget.active .jcrop-handle{display:block}.jcrop-widget{position:absolute;box-sizing:border-box;border:1px white dashed;opacity:0.7;background:transparent;transition:opacity 1s;padding:0;margin:0;cursor:move}.jcrop-widget:hover{transition:opacity 0.8s;opacity:0.8}.jcrop-widget:focus{transition:opacity 0.5s;opacity:1;outline-style:auto;outline-width:3px;outline-color:rgba(0,0,0,0.3)}.jcrop-shade{background:rgba(0,0,0,0.5);transition:opacity 0.4s, background-color 0.7s;position:absolute}.jcrop-shade.l{top:0px;left:0px;height:100%}.jcrop-shade.r{top:0px;right:0px;height:100%}.jcrop-shade.t{top:0px}.jcrop-shade.b{bottom:0px}.jcrop-stage{position:relative;width:100%}.jcrop-image-stage img{position:absolute;z-index:-1}.jcrop-ux-inactive-handles .jcrop-widget .jcrop-handle{display:block}.jcrop-widget img{width:100%;height:auto}.jcrop-ux-fade-more .jcrop-widget{opacity:0.25}.jcrop-ux-fade-more .jcrop-widget:hover{transition:opacity 0.4s;opacity:0.8}.jcrop-ux-fade-more .jcrop-widget:focus{transition:opacity 0.5s;opacity:1;outline-style:auto;outline-width:3px;outline-color:rgba(0,0,0,0.3)}.jcrop-ux-fade-more .jcrop-widget{opacity:0.25}.jcrop-ux-fade-more .jcrop-widget:hover{opacity:0.65}.jcrop-ux-keep-current .jcrop-widget.active{opacity:1;outline-style:auto;outline-width:3px;outline-color:rgba(0,0,0,0.3)}.jcrop-ux-no-outline .jcrop-widget{outline:none !important}.jcrop-disable.jcrop-stage{opacity:.8}.jcrop-disable.jcrop-stage .jcrop-widget{outline:none !important}
.bb_information pre {
margin: 0;
}
#insert_bb_here_popup.hidden {
display: none;
}
#insert_bb_here_popup .background {
left: 0;
position: fixed;
top: 0;
z-index: 10002;
backdrop-filter: blur(3px);
background-color: var(--overlay);
bottom: 0;
right: 0;
cursor: pointer;
}
#insert_bb_here_popup .wrapper {
position: fixed;
left: 3rem;
right: 3rem;
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
border: 1px solid silver;
top: 3rem;
bottom: 3rem;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: white;
z-index: 10003;
padding: 0.3rem;
}
#insert_bb_here_popup .close {
position: absolute;
right: 0;
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
top: 0;
background-color: #454744;
z-index: 1;
width: 40px;
height: 40px;
transform: translateX(60%) translateY(-60%);
}
#insert_bb_here_popup .close img {
transform: translateX(-50%) translateY(-50%);
position: absolute;
width: 60%;
height: 60%;
filter: invert(100%);
top: 50%;
left: 50%;
}
#insert_bb_here_popup .loading_info {
display: none;
}
#insert_bb_here_popup.loading .loading_info {
display: block;
}
#insert_bb_here_popup iframe {
flex-grow: 1;
width: 100%;
border: 1px solid silver;
}
#insert_bb_here_popup.loading iframe {
display: none;
}
#contentimport_warning {
position: fixed;
top: 0;
bottom: 0;
left: 0;
backdrop-filter: blur(2px);
right: 0;
z-index: 1;
}
#contentimport_warning::before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #c0cee5;
opacity: 0.4;
content: "";
}
#contentimport_warning > div {
position: absolute;
top: 50%;
left: 50%;
background-color: white;
max-width: 550px;
transform: translateX(-50%) translateY(-55%);
box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
border: 1px solid rgb(150, 150, 150);
}
#contentimport_warning .warning {
color: red;
text-transform: uppercase;
background-color: #c0cee5;
padding: 0.8rem 0.8rem;
}
#contentimport_warning .description {
padding: 0 0.8rem;
}
#contentimport_warning .buttons {
padding: 1rem 0.8rem 0.9rem 0.8rem;
display: flex;
justify-content: space-between;
}
#contentimport_warning button {
padding: 0.3rem 0.5rem;
cursor: pointer;
}
#contentimport_warning button:hover,
#contentimport_warning button:focus {
background-color: black;
color: white;
}
#presets_panel {
p {
margin-left: 5px;
margin-right: 5px;
}
.wrapper {
margin: 5px;
border: 1px solid #cccccc !important;
}
a {
padding: 6px 12px;
margin-right: 10px;
margin-bottom: 3px;
border-radius: 3px;
text-decoration: none;
}
.categories {
display: flex;
padding: 5px;
flex-wrap: wrap;
border-bottom: 1px solid #cccccc !important;
background-color: #cccccc;
a {
background-color: white;
border: 1px solid #888888 !important;
&.active,
&:hover,
&:focus {
background-color: #888888;
color: white;
}
}
}
.attributes {
display: flex;
padding: 5px;
flex-wrap: wrap;
a {
border: 1px solid #cccccc !important;
&:hover,
&:focus {
background-color: #cccccc;
color: black;
}
}
}
}