table, th, td { font-size:100%; -ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
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.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; }


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; }

#template_form .news_selection label { display: inline; margin: 0; padding: 0; border-bottom: none; }
label > span, div.label > span { float: left; /*display: inline-block; vertical-align: top; */width: 16em; padding-top: 4px; }
label input + span,
label select + span,
label textarea + span { float: none; }

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; }

/* Objects inside objects */
div.manageproperties, div.linkcontainerproperties { float: left; }
div.attr_object { float:left; width:800px; 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; }
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; z-index: 1501; }
.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; }
.manage_page_menu li a:hover { background: #eee; }
.manage_page_menu .cms_actions { position: relative; }
.manage_page_menu .cms_actions ul, #cms_title 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, #cms_title:hover ul { display: block; }
.manage_page_menu .cms_actions li, #cms_title li { float: none; white-space: nowrap; background: #fff; }
.manage_page_menu .cms_actions li a { border: 0; margin: 0; font-size: 13px; height: 30px; }
.manage_page_menu .cms_actions li a:hover, #cms_title li a:hover { background-color: #eee; }
.manage_page_menu .logout a { background: url(../images/newsletter/new/logout.png) 6px 6px no-repeat #fff; padding-left: 30px; }
.manage_page_menu .logout a:hover { background: url(../images/newsletter/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; padding-right: 15px; }
#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; }
#cms_title ul { left: auto; right: 0; z-index: 200000; }
#cms_title li a { border: 0; margin: 0; font-size: 13px; background: #fff; padding: 5px; display: block; text-decoration: none; }
#cms_title ul li span { color: #FBA800; padding: 5px; display: block; font-size: 100%; font-style: normal; }

#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; }
.message { position: fixed; bottom: 60px; right: 8px; 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; z-index: 3000; cursor: pointer; }
.cms_note { border: 1px solid #333; background-color: #f8d896; padding: 15px 15px 5px 15px; }
.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; }
.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; }
.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; max-width: 500px; }
.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; }
.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: 110px; background: white; border: 1px solid gray; width: 200px; overflow: auto; z-index:1000; }
#objects ul, #actions ul, .objects ul, .actions ul { height: 140px; overflow: auto; margin-top: 10px; }
#panel .closer, .panel .closer, .panel_bottom .closer { position: absolute; top: 10px; left: 195px; }
#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; }

.selectnone { display: none; }
.searchme ul { padding: 0 0 0 0px; margin: 0; list-style: none; }
.searchme input { width: 170px; }
.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; }
table .even, label.even, div.even { /*background: #eee;*/ border-bottom: 1px solid #ddd; padding-bottom: 4px; }
table .odd, label.odd, div.odd { /*background: #dedede;*/ border-bottom: 1px solid #ddd; padding-bottom: 4px; }
.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: 150px; margin-top: 1em; }
.imgmaniptoolbar input { width: 3em; margin: 0 0 1px 0; }
.imgmaniptoolbar span { width: 5em; float: left; }
#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: 450px; }
.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; }
.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: 50%; width: 120px; margin-left: -60px; text-align: center; }
.generation_overview { border: 1px solid #c0cee5; border-radius: 5px; position: relative; }
.generation_status_expander { position: absolute; top: 30px; 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.mce-tinymce { float: left; }
.texteditor div.mce-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: 103; }
#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: 362px; overflow: auto; padding: 5px; }
.texteditor #selector .browser { width: auto; float: none; height: 478px; }
.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 .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; }

#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.mce-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, .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; }
.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: 150px; }
.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; }
#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; }

#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;}

/* 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 span { float: left; line-height: 130px; }
#fullscreen_msg #fancytitle .cms { color: #fba800; }
#fullscreen_msg #fancytitle .cms3k { color: #fff; font-size: 130px; 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; }
#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; }

#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; }

/* 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; }
#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; }

input[readonly=readonly], textarea[readonly=readonly] { background: #ddd; font-style: italic; cursor: default; }


/* indivdual */

.news_since_last_seen { color: #FFF; font-weight: bold; position: absolute; left: 35px; margin-top: 15px; border-radius: 50px; background: red; height: 18px; width: 18px; }
.news_since_last_seen span { padding-left: 4px; }

button { min-width: 100px; }
button:hover { cursor: pointer; }

.list_operations .left  { float: left;  }
.list_operations .right { float: right; }
.list_operations .left  div,
.list_operations .right div { margin-bottom: 10px; }

.list_operations .right .search { text-align: right; }
.list_operations .right .rows_per_page { float: right; }

.list_navigation { float: right; }
.list_navigation a { padding-left: 5px; padding-right: 5px; }
.list_navigation a.current { font-weight: bold; }

.uppercase { text-transform: uppercase; }

#breadcrumb_path .right { margin-right: 20px; }

#breadcrumb_path .spacer { margin-left: 10px; margin-right: 10px; }

.right { float: right; }
.left  { float: left; }
.clear { clear: both; }

.delimiter { background: #cccccc!important; border-radius: 5px; padding: 10px; color: #000000; vertical-align: middle; line-height: normal; margin-bottom: 20px; }
.delimiter .topic { margin: 5px; }


.news_selection {list-style-type: none; padding:0;}
.news_selection li { background: none; }
.news_selection a:hover  { cursor: pointer; }
.news_selection a.create { float: right; }
.news_selection .foldercontainer {min-height: 20px;}
.news_selection .detailcontainer {display:none;}
.news_selection ul {margin-left:35px;}
.news_selection li.news_sortable_entry:hover {cursor:move;}
.news_selection .row { display: block; clear: left; margin: 3px 0; padding: 7px 0px 2px 0; width: auto;}


div.textbox_with_select {
    float: left;
}
div.textbox_with_select button {
    border: none;
    background: none;
    width: 30px;
    min-width: 0;
}
div.textbox_with_select .select_container        { z-index: 1000; margin-top: 5px; position: absolute; }
div.textbox_with_select .select_container select { z-index: 1000; position: absolute; }

#fullscreen_msg #fancytitle div { left: 35%; }

label span.label, div.label span.label { font-weight: bold; }

div.label > div > input { display: block; }

label input[type=text],
label input[type=password],
label select { width: 450px; }

textarea[name="definition"] { height: auto; width: 700px; }

table.linktracking a { white-space: nowrap; width: 700px; overflow: hidden; text-overflow: ellipsis; display: block; }

table.csv_preview select { max-width: 150px; }

table td.limit_width { max-width: 650px; }

.cms_content { padding-bottom: 60px; }

.panel_bottom a { cursor: pointer; }


#help {border: none;}
#help > * {display: none;}
#help .help_focus {display: block; position: absolute; background-color: white; border: 1px solid #666; border-radius: 5px; padding: 20px; box-shadow: 0 0 10px #aaa; max-width: 50em; z-index: 10;}
.help_focus .close_link {position: absolute; top: 0.1em; right: 0.1em; cursor: pointer; padding: 5px; }
.help_focus h3 {padding-top: 0;}

table.more_height tbody tr { height: 40px; }

.container {
  margin: 0 auto;
  padding: 0 0.9375rem;
}
@supports (padding-left: env(safe-area-inset-left)) {
  html.touch .container {
    padding-left: max(0.9375rem, env(safe-area-inset-left));
    padding-right: max(0.9375rem, env(safe-area-inset-right));
  }
}
@media (min-width: 18.75rem) {
  .container {
    padding: 0 calc(0.9375rem + 2.1875 * (100vw - 18.75rem) / (75));
  }
  @supports (padding-left: env(safe-area-inset-left)) {
    html.touch .container {
      padding-left: max(calc(0.9375rem + 2.1875 * (100vw - 18.75rem) / (75)), env(safe-area-inset-left));
      padding-right: max(calc(0.9375rem + 2.1875 * (100vw - 18.75rem) / (75)), env(safe-area-inset-right));
    }
  }
}
@media (min-width: 93.75rem) {
  .container {
    padding: 0 3.125rem;
  }
}
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -0.46875rem;
  margin-right: -0.46875rem;
}
@media (min-width: 18.75rem) {
  .row {
    margin: 0 calc((-0.9375rem / 2) - (2.1875 / 2) * (100vw - 18.75rem) / (75));
  }
}
@media (min-width: 93.75rem) {
  .row {
    margin: 0 -1.5625rem;
  }
}
.row.around_xsmall {
  justify-content: space-around;
}
.row.between_xsmall {
  justify-content: space-between;
}
.row.start_xsmall {
  justify-content: flex-start;
}
.row.center_xsmall {
  justify-content: center;
}
.row.end_xsmall {
  justify-content: flex-end;
}
.row.top_xsmall {
  align-items: flex-start;
}
.row.middle_xsmall {
  align-items: center;
}
.row.bottom_xsmall {
  align-items: flex-end;
}
.row.baseline_xsmall {
  align-items: baseline;
}
.row.no_column_margin {
  margin-left: 0;
  margin-right: 0;
}
.row.no_column_margin > [class*="span"] {
  padding-left: 0;
  padding-right: 0;
}
.row.half_column_margin {
  margin-left: -0.234375rem;
  margin-right: -0.234375rem;
}
@media (min-width: 18.75rem) {
  .row.half_column_margin {
    margin: 0 calc((-0.9375rem / 4) - (2.1875 / 4)  * (100vw - 18.75rem)  / (75));
  }
}
@media (min-width: 93.75rem) {
  .row.half_column_margin {
    margin: 0 -0.78125rem;
  }
}
.row.half_column_margin > [class*="span"] {
  padding-left: 0.234375rem;
  padding-right: 0.234375rem;
}
@media (min-width: 18.75rem) {
  .row.half_column_margin > [class*="span"] {
    padding: 0 calc((0.9375rem / 4) + (2.1875 / 4) * (100vw - 18.75rem) / (75));
  }
}
@media (min-width: 93.75rem) {
  .row.half_column_margin > [class*="span"] {
    padding: 0 0.78125rem;
  }
}
@media (min-width: 30rem) {
  .row.around_small {
    justify-content: space-around;
  }
  .row.between_small {
    justify-content: space-between;
  }
  .row.start_small {
    justify-content: flex-start;
  }
  .row.center_small {
    justify-content: center;
  }
  .row.end_small {
    justify-content: flex-end;
  }
  .row.top_small {
    align-items: flex-start;
  }
  .row.middle_small {
    align-items: center;
  }
  .row.bottom_small {
    align-items: flex-end;
  }
  .row.baseline_small {
    align-items: baseline;
  }
}
@media (min-width: 35rem) {
  .row.around_medium {
    justify-content: space-around;
  }
  .row.between_medium {
    justify-content: space-between;
  }
  .row.start_medium {
    justify-content: flex-start;
  }
  .row.center_medium {
    justify-content: center;
  }
  .row.end_medium {
    justify-content: flex-end;
  }
  .row.top_medium {
    align-items: flex-start;
  }
  .row.middle_medium {
    align-items: center;
  }
  .row.bottom_medium {
    align-items: flex-end;
  }
  .row.baseline_medium {
    align-items: baseline;
  }
}
@media (min-width: 47.5rem) {
  .row.around_large {
    justify-content: space-around;
  }
  .row.between_large {
    justify-content: space-between;
  }
  .row.start_large {
    justify-content: flex-start;
  }
  .row.center_large {
    justify-content: center;
  }
  .row.end_large {
    justify-content: flex-end;
  }
  .row.top_large {
    align-items: flex-start;
  }
  .row.middle_large {
    align-items: center;
  }
  .row.bottom_large {
    align-items: flex-end;
  }
  .row.baseline_large {
    align-items: baseline;
  }
}
@media (min-width: 61.875rem) {
  .row.around_xlarge {
    justify-content: space-around;
  }
  .row.between_xlarge {
    justify-content: space-between;
  }
  .row.start_xlarge {
    justify-content: flex-start;
  }
  .row.center_xlarge {
    justify-content: center;
  }
  .row.end_xlarge {
    justify-content: flex-end;
  }
  .row.top_xlarge {
    align-items: flex-start;
  }
  .row.middle_xlarge {
    align-items: center;
  }
  .row.bottom_xlarge {
    align-items: flex-end;
  }
  .row.baseline_xlarge {
    align-items: baseline;
  }
}
@media (min-width: 75rem) {
  .row.around_xxlarge {
    justify-content: space-around;
  }
  .row.between_xxlarge {
    justify-content: space-between;
  }
  .row.start_xxlarge {
    justify-content: flex-start;
  }
  .row.center_xxlarge {
    justify-content: center;
  }
  .row.end_xxlarge {
    justify-content: flex-end;
  }
  .row.top_xxlarge {
    align-items: flex-start;
  }
  .row.middle_xxlarge {
    align-items: center;
  }
  .row.bottom_xxlarge {
    align-items: flex-end;
  }
  .row.baseline_xxlarge {
    align-items: baseline;
  }
}
@media (min-width: 93.75rem) {
  .row.around_xxxlarge {
    justify-content: space-around;
  }
  .row.between_xxxlarge {
    justify-content: space-between;
  }
  .row.start_xxxlarge {
    justify-content: flex-start;
  }
  .row.center_xxxlarge {
    justify-content: center;
  }
  .row.end_xxxlarge {
    justify-content: flex-end;
  }
  .row.top_xxxlarge {
    align-items: flex-start;
  }
  .row.middle_xxxlarge {
    align-items: center;
  }
  .row.bottom_xxxlarge {
    align-items: flex-end;
  }
  .row.baseline_xxxlarge {
    align-items: baseline;
  }
}
[class*="span"] {
  flex-basis: 100%;
  max-width: 100%;
  padding-left: 0.46875rem;
  padding-right: 0.46875rem;
}
@media (min-width: 18.75rem) {
  [class*="span"] {
    padding: 0 calc((0.9375rem / 2) + (2.1875 / 2) * (100vw - 18.75rem) / (75));
  }
}
@media (min-width: 93.75rem) {
  [class*="span"] {
    padding: 0 1.5625rem;
  }
}
[class*="span"].span_column {
  display: flex;
  flex-direction: column;
}
.span1_xsmall {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
.order1_xsmall {
  order: 1;
}
.span2_xsmall {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.order2_xsmall {
  order: 2;
}
.span3_xsmall {
  flex-basis: 25%;
  max-width: 25%;
}
.order3_xsmall {
  order: 3;
}
.span4_xsmall {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.order4_xsmall {
  order: 4;
}
.span5_xsmall {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}
.order5_xsmall {
  order: 5;
}
.span6_xsmall {
  flex-basis: 50%;
  max-width: 50%;
}
.order6_xsmall {
  order: 6;
}
.span7_xsmall {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
.order7_xsmall {
  order: 7;
}
.span8_xsmall {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}
.order8_xsmall {
  order: 8;
}
.span9_xsmall {
  flex-basis: 75%;
  max-width: 75%;
}
.order9_xsmall {
  order: 9;
}
.span10_xsmall {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}
.order10_xsmall {
  order: 10;
}
.span11_xsmall {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}
.order11_xsmall {
  order: 11;
}
.span12_xsmall {
  flex-basis: 100%;
  max-width: 100%;
}
.order12_xsmall {
  order: 12;
}
@media (min-width: 30rem) {
  .span1_small {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .order1_small {
    order: 1;
  }
  .span2_small {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .order2_small {
    order: 2;
  }
  .span3_small {
    flex-basis: 25%;
    max-width: 25%;
  }
  .order3_small {
    order: 3;
  }
  .span4_small {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .order4_small {
    order: 4;
  }
  .span5_small {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .order5_small {
    order: 5;
  }
  .span6_small {
    flex-basis: 50%;
    max-width: 50%;
  }
  .order6_small {
    order: 6;
  }
  .span7_small {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .order7_small {
    order: 7;
  }
  .span8_small {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .order8_small {
    order: 8;
  }
  .span9_small {
    flex-basis: 75%;
    max-width: 75%;
  }
  .order9_small {
    order: 9;
  }
  .span10_small {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .order10_small {
    order: 10;
  }
  .span11_small {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .order11_small {
    order: 11;
  }
  .span12_small {
    flex-basis: 100%;
    max-width: 100%;
  }
  .order12_small {
    order: 12;
  }
}
@media (min-width: 35rem) {
  .span1_medium {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .order1_medium {
    order: 1;
  }
  .span2_medium {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .order2_medium {
    order: 2;
  }
  .span3_medium {
    flex-basis: 25%;
    max-width: 25%;
  }
  .order3_medium {
    order: 3;
  }
  .span4_medium {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .order4_medium {
    order: 4;
  }
  .span5_medium {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .order5_medium {
    order: 5;
  }
  .span6_medium {
    flex-basis: 50%;
    max-width: 50%;
  }
  .order6_medium {
    order: 6;
  }
  .span7_medium {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .order7_medium {
    order: 7;
  }
  .span8_medium {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .order8_medium {
    order: 8;
  }
  .span9_medium {
    flex-basis: 75%;
    max-width: 75%;
  }
  .order9_medium {
    order: 9;
  }
  .span10_medium {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .order10_medium {
    order: 10;
  }
  .span11_medium {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .order11_medium {
    order: 11;
  }
  .span12_medium {
    flex-basis: 100%;
    max-width: 100%;
  }
  .order12_medium {
    order: 12;
  }
}
@media (min-width: 47.5rem) {
  .span1_large {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .order1_large {
    order: 1;
  }
  .span2_large {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .order2_large {
    order: 2;
  }
  .span3_large {
    flex-basis: 25%;
    max-width: 25%;
  }
  .order3_large {
    order: 3;
  }
  .span4_large {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .order4_large {
    order: 4;
  }
  .span5_large {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .order5_large {
    order: 5;
  }
  .span6_large {
    flex-basis: 50%;
    max-width: 50%;
  }
  .order6_large {
    order: 6;
  }
  .span7_large {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .order7_large {
    order: 7;
  }
  .span8_large {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .order8_large {
    order: 8;
  }
  .span9_large {
    flex-basis: 75%;
    max-width: 75%;
  }
  .order9_large {
    order: 9;
  }
  .span10_large {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .order10_large {
    order: 10;
  }
  .span11_large {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .order11_large {
    order: 11;
  }
  .span12_large {
    flex-basis: 100%;
    max-width: 100%;
  }
  .order12_large {
    order: 12;
  }
}
@media (min-width: 61.875rem) {
  .span1_xlarge {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .order1_xlarge {
    order: 1;
  }
  .span2_xlarge {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .order2_xlarge {
    order: 2;
  }
  .span3_xlarge {
    flex-basis: 25%;
    max-width: 25%;
  }
  .order3_xlarge {
    order: 3;
  }
  .span4_xlarge {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .order4_xlarge {
    order: 4;
  }
  .span5_xlarge {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .order5_xlarge {
    order: 5;
  }
  .span6_xlarge {
    flex-basis: 50%;
    max-width: 50%;
  }
  .order6_xlarge {
    order: 6;
  }
  .span7_xlarge {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .order7_xlarge {
    order: 7;
  }
  .span8_xlarge {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .order8_xlarge {
    order: 8;
  }
  .span9_xlarge {
    flex-basis: 75%;
    max-width: 75%;
  }
  .order9_xlarge {
    order: 9;
  }
  .span10_xlarge {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .order10_xlarge {
    order: 10;
  }
  .span11_xlarge {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .order11_xlarge {
    order: 11;
  }
  .span12_xlarge {
    flex-basis: 100%;
    max-width: 100%;
  }
  .order12_xlarge {
    order: 12;
  }
}
@media (min-width: 75rem) {
  .span1_xxlarge {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .order1_xxlarge {
    order: 1;
  }
  .span2_xxlarge {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .order2_xxlarge {
    order: 2;
  }
  .span3_xxlarge {
    flex-basis: 25%;
    max-width: 25%;
  }
  .order3_xxlarge {
    order: 3;
  }
  .span4_xxlarge {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .order4_xxlarge {
    order: 4;
  }
  .span5_xxlarge {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .order5_xxlarge {
    order: 5;
  }
  .span6_xxlarge {
    flex-basis: 50%;
    max-width: 50%;
  }
  .order6_xxlarge {
    order: 6;
  }
  .span7_xxlarge {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .order7_xxlarge {
    order: 7;
  }
  .span8_xxlarge {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .order8_xxlarge {
    order: 8;
  }
  .span9_xxlarge {
    flex-basis: 75%;
    max-width: 75%;
  }
  .order9_xxlarge {
    order: 9;
  }
  .span10_xxlarge {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .order10_xxlarge {
    order: 10;
  }
  .span11_xxlarge {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .order11_xxlarge {
    order: 11;
  }
  .span12_xxlarge {
    flex-basis: 100%;
    max-width: 100%;
  }
  .order12_xxlarge {
    order: 12;
  }
}
@media (min-width: 93.75rem) {
  .span1_xxxlarge {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .order1_xxxlarge {
    order: 1;
  }
  .span2_xxxlarge {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .order2_xxxlarge {
    order: 2;
  }
  .span3_xxxlarge {
    flex-basis: 25%;
    max-width: 25%;
  }
  .order3_xxxlarge {
    order: 3;
  }
  .span4_xxxlarge {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .order4_xxxlarge {
    order: 4;
  }
  .span5_xxxlarge {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .order5_xxxlarge {
    order: 5;
  }
  .span6_xxxlarge {
    flex-basis: 50%;
    max-width: 50%;
  }
  .order6_xxxlarge {
    order: 6;
  }
  .span7_xxxlarge {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .order7_xxxlarge {
    order: 7;
  }
  .span8_xxxlarge {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .order8_xxxlarge {
    order: 8;
  }
  .span9_xxxlarge {
    flex-basis: 75%;
    max-width: 75%;
  }
  .order9_xxxlarge {
    order: 9;
  }
  .span10_xxxlarge {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .order10_xxxlarge {
    order: 10;
  }
  .span11_xxxlarge {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .order11_xxxlarge {
    order: 11;
  }
  .span12_xxxlarge {
    flex-basis: 100%;
    max-width: 100%;
  }
  .order12_xxxlarge {
    order: 12;
  }
}
.nobreak {
  white-space: nowrap;
}
.nohyphens {
  hyphens: none;
}
.hideme {
  display: none !important;
}
.hideme_xxxlarge {
  display: none;
}
@media (min-width: 93.75rem) {
  .hideme_xxxlarge {
    display: block;
  }
}
::selection {
  background: #EB6607;
  color: #fff;
}
* {
  -webkit-tap-highlight-color: rgba(235, 102, 7, 0.1);
  box-sizing: border-box;
}
main {
  display: block;
}
html {
  align-content: stretch;
  display: flex;
  flex: 1 1 auto;
  height: 100vh;
  text-size-adjust: 100%;
}
body {
  letter-spacing: calc((0.875rem + 0.125 * (100vw - 18.75rem) / (75)) / 1000 * 0);
  font-size: 0.875rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: #EEEEEE;
  color: #111E27;
  font-family: "Meta", sans-serif;
  font-feature-settings: "liga", "kern";
  font-kerning: normal;
  font-smoothing: antialiased;
  font-weight: 400;
  hyphenate-limit-chars: 10 3 2;
  hyphenate-limit-lines: 2;
  hyphens: auto;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 160rem;
  position: relative;
  text-rendering: geometricPrecision;
  width: 100%;
}
@media (min-width: 18.75rem) {
  body {
    font-size: calc(0.875rem + 0.125 * (100vw - 18.75rem) / (75));
  }
}
@media (min-width: 93.75rem) {
  body {
    font-size: 1rem;
  }
}
body.no_scroll {
  overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  hyphens: none;
  word-wrap: break-word;
}
h1 {
  letter-spacing: calc((1.4375rem + 0.75 * (100vw - 18.75rem) / (75)) / 1000 * 0);
  font-size: 1.4375rem;
  color: #111E27;
  font-family: "Meta", sans-serif;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 0.75em;
}
@media (min-width: 18.75rem) {
  h1 {
    font-size: calc(1.4375rem + 0.75 * (100vw - 18.75rem) / (75));
  }
}
@media (min-width: 93.75rem) {
  h1 {
    font-size: 2.1875rem;
  }
}
h2 {
  letter-spacing: calc((1.25rem + 0.3125 * (100vw - 18.75rem) / (75)) / 1000 * 0);
  font-size: 1.25rem;
  color: #111E27;
  font-family: "Meta", sans-serif;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 0.75em;
}
@media (min-width: 18.75rem) {
  h2 {
    font-size: calc(1.25rem + 0.3125 * (100vw - 18.75rem) / (75));
  }
}
@media (min-width: 93.75rem) {
  h2 {
    font-size: 1.5625rem;
  }
}
h3 {
  letter-spacing: calc((1rem + 0.1875 * (100vw - 18.75rem) / (75)) / 1000 * 0);
  font-size: 1rem;
  color: #111E27;
  font-family: "Meta", sans-serif;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 0.75em;
  padding-top: 0.75em;
}
@media (min-width: 18.75rem) {
  h3 {
    font-size: calc(1rem + 0.1875 * (100vw - 18.75rem) / (75));
  }
}
@media (min-width: 93.75rem) {
  h3 {
    font-size: 1.1875rem;
  }
}
h4 {
  letter-spacing: calc((0.875rem + 0.125 * (100vw - 18.75rem) / (75)) / 1000 * 0);
  font-size: 0.875rem;
  color: #111E27;
  font-family: "Meta", sans-serif;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 0.75em;
}
@media (min-width: 18.75rem) {
  h4 {
    font-size: calc(0.875rem + 0.125 * (100vw - 18.75rem) / (75));
  }
}
@media (min-width: 93.75rem) {
  h4 {
    font-size: 1rem;
  }
}
h5 {
  letter-spacing: calc((0.875rem + 0.125 * (100vw - 18.75rem) / (75)) / 1000 * 0);
  font-size: 0.875rem;
  color: #111E27;
  font-family: "Meta", sans-serif;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
}
@media (min-width: 18.75rem) {
  h5 {
    font-size: calc(0.875rem + 0.125 * (100vw - 18.75rem) / (75));
  }
}
@media (min-width: 93.75rem) {
  h5 {
    font-size: 1rem;
  }
}
h6 {
  height: 0;
  margin: 0;
  overflow: hidden;
  width: 0;
}
p {
  margin: 0 0 0.75em;
}
a {
  color: #EB6607;
  text-decoration: none;
  transition: color 300ms;
}
a:active,
a.active {
  color: #111E27;
  outline: 0;
}
a:hover,
a:focus {
  text-decoration: underline;
}
a:hover .icon,
a:focus .icon {
  text-decoration: none;
}
a[tabindex="-1"]:focus {
  outline: 0;
}
a[tabindex="-1"][id] {
  position: relative;
}
a[tabindex="-1"][id]:after {
  content: "";
}
a.touch_link {
  color: #111E27;
  display: block;
  text-decoration: none;
}
a.touch_link .title {
  color: #EB6607;
  display: inline-block;
  margin-bottom: 0.375em;
  outline-offset: 0;
  padding: 0;
  text-decoration: underline;
  transition: color 300ms;
}
a.touch_link .title.active {
  color: #111E27;
}
a.touch_link:focus {
  outline: 0;
}
a.touch_link:focus .title {
  outline: 0.1875rem solid rgba(235, 102, 7, 0.8);
  outline-offset: 0.0625rem;
  text-decoration: none;
}
a.touch_link:focus[data-focus-method="mouse"] .title,
a.touch_link:focus[data-focus-method="touch"] .title {
  outline: 0;
}
a.touch_link:hover .title {
  text-decoration: none;
}
.highlighted {
  animation: highlighted_anchor 900ms;
}
strong {
  font-weight: 700;
}
em {
  font-style: normal;
}
blockquote {
  margin: 0 0 0.75em 1ch;
  text-indent: -1ch;
}
blockquote:before {
  content: "\201E";
}
blockquote:after {
  content: "\201C";
}
small,
.small {
  font-size: 85%;
}
sup {
  font-size: 85%;
  line-height: 1;
  position: relative;
  top: -0.3125rem;
}
sub {
  bottom: -0.125rem;
  font-size: 85%;
  line-height: 1;
  position: relative;
}
.table {
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1.5em;
  overflow-y: auto;
}
* + .table {
  margin-top: 1.5em;
}
table {
  border-bottom: 0.0625rem solid #DDDDDD;
  border-collapse: collapse;
  border-spacing: 0;
  hyphens: none;
  margin: 0;
  width: 100%;
}
th {
  font-weight: 700;
  text-align: left;
}
td,
th {
  padding: 0.5em;
  transition: background 300ms;
  vertical-align: top;
}
tr:hover td {
  background: rgba(235, 102, 7, 0.03);
  cursor: default;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label,
div.label,
.intervall {
  display: block;
  clear: left;
  margin: 3px 0;
  padding: 7px 0px 14px 0;
  width: auto;
}
.table_overflow {
  overflow-x: auto;
}
@media (min-width: 75rem) {
  .table_overflow {
    overflow-x: inherit;
  }
}
.button {
  border-radius: 0.75rem;
  padding: 0 2.25em;
  background: #EB6607;
  border: 0.0625rem solid #EB6607;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  text-decoration: none !important;
  transition: background 300ms, border 300ms, color 300ms;
  user-select: none;
  margin-top: 1.5em;
}
.button > span {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 2.625rem;
}
@media (min-width: 18.75rem) {
  .button > span {
    min-height: calc(2.625rem + 0 * (100vw - 18.75rem) / (75));
  }
}
@media (min-width: 93.75rem) {
  .button > span {
    min-height: 2.625rem;
  }
}
.button .icon {
  fill: #fff;
  flex-shrink: 0;
  height: 1.5rem;
  transition: fill 300ms;
  width: 1.5rem;
}
.button .text {
  font-weight: 400;
  padding: 0;
}
.button .icon + .text {
  padding-left: 0.5em;
}
.button.button_no_margin {
  margin: 0;
}
.button.disabled {
  pointer-events: none;
  background: #DDDDDD;
  border: 0.0625rem solid #DDDDDD;
}
.button:focus {
  box-shadow: 0 0 0 0.1875rem rgba(235, 102, 7, 0.2);
  outline: 0;
  background: #f9812c;
  border-color: #f9812c;
  color: #fff;
}
.button:focus .icon {
  fill: #fff;
}
.button:hover {
  background: #f9812c;
  border-color: #f9812c;
  color: #fff;
}
.button:hover .icon {
  fill: #fff;
}
.button:active,
.button.active {
  box-shadow: 0 0 0.1875rem #EB6607 inset;
  background: #EB6607;
  border: 0.0625rem solid #EB6607;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  text-decoration: none !important;
  transition: background 300ms, border 300ms, color 300ms;
  user-select: none;
  margin-top: 1.5em;
}
.button:active > span,
.button.active > span {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 2.625rem;
}
@media (min-width: 18.75rem) {
  .button:active > span,
  .button.active > span {
    min-height: calc(2.625rem + 0 * (100vw - 18.75rem) / (75));
  }
}
@media (min-width: 93.75rem) {
  .button:active > span,
  .button.active > span {
    min-height: 2.625rem;
  }
}
.button:active .icon,
.button.active .icon {
  fill: #fff;
  flex-shrink: 0;
  height: 1.5rem;
  transition: fill 300ms;
  width: 1.5rem;
}
.button:active .text,
.button.active .text {
  font-weight: 400;
  padding: 0;
}
.button:active .icon + .text,
.button.active .icon + .text {
  padding-left: 0.5em;
}
.button:active.button_no_margin,
.button.active.button_no_margin {
  margin: 0;
}
.button:active.disabled,
.button.active.disabled {
  pointer-events: none;
  background: #DDDDDD;
  border: 0.0625rem solid #DDDDDD;
}
.button.grey_button {
  background: #707070;
  border: 0.0625rem solid #707070;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  text-decoration: none !important;
  transition: background 300ms, border 300ms, color 300ms;
  user-select: none;
  margin-top: 1.5em;
}
.button.grey_button > span {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 2.625rem;
}
@media (min-width: 18.75rem) {
  .button.grey_button > span {
    min-height: calc(2.625rem + 0 * (100vw - 18.75rem) / (75));
  }
}
@media (min-width: 93.75rem) {
  .button.grey_button > span {
    min-height: 2.625rem;
  }
}
.button.grey_button .icon {
  fill: #fff;
  flex-shrink: 0;
  height: 1.5rem;
  transition: fill 300ms;
  width: 1.5rem;
}
.button.grey_button .text {
  font-weight: 400;
  padding: 0;
}
.button.grey_button .icon + .text {
  padding-left: 0.5em;
}
.button.grey_button.button_no_margin {
  margin: 0;
}
.button.grey_button.disabled {
  pointer-events: none;
  background: #DDDDDD;
  border: 0.0625rem solid #DDDDDD;
}
.button.grey_button:focus {
  box-shadow: 0 0 0 0.1875rem rgba(112, 112, 112, 0.2);
  outline: 0;
  background: #8a8a8a;
  border-color: #707070;
  color: #fff;
}
.button.grey_button:focus .icon {
  fill: #fff;
}
.button.grey_button:hover {
  background: #8a8a8a;
  border-color: #707070;
  color: #fff;
}
.button.grey_button:hover .icon {
  fill: #fff;
}
.button.grey_button:active,
.button.grey_button.active {
  box-shadow: 0 0 0 0.1875rem rgba(112, 112, 112, 0.2) inset;
  background: #8a8a8a;
  border-color: #707070;
  color: #fff;
}
.button.grey_button:active .icon,
.button.grey_button.active .icon {
  fill: #fff;
}
.button.green_button {
  background: #477742;
  border: 0.0625rem solid #477742;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  text-decoration: none !important;
  transition: background 300ms, border 300ms, color 300ms;
  user-select: none;
  margin-top: 1.5em;
}
.button.green_button > span {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 2.625rem;
}
@media (min-width: 18.75rem) {
  .button.green_button > span {
    min-height: calc(2.625rem + 0 * (100vw - 18.75rem) / (75));
  }
}
@media (min-width: 93.75rem) {
  .button.green_button > span {
    min-height: 2.625rem;
  }
}
.button.green_button .icon {
  fill: #fff;
  flex-shrink: 0;
  height: 1.5rem;
  transition: fill 300ms;
  width: 1.5rem;
}
.button.green_button .text {
  font-weight: 400;
  padding: 0;
}
.button.green_button .icon + .text {
  padding-left: 0.5em;
}
.button.green_button.button_no_margin {
  margin: 0;
}
.button.green_button.disabled {
  pointer-events: none;
  background: #DDDDDD;
  border: 0.0625rem solid #DDDDDD;
}
.button.green_button:focus {
  box-shadow: 0 0 0 0.1875rem rgba(71, 119, 66, 0.2);
  outline: 0;
  background: #5b9854;
  border-color: #477742;
  color: #fff;
}
.button.green_button:focus .icon {
  fill: #fff;
}
.button.green_button:hover {
  background: #5b9854;
  border-color: #477742;
  color: #fff;
}
.button.green_button:hover .icon {
  fill: #fff;
}
.button.green_button:active,
.button.green_button.active {
  box-shadow: 0 0 0 0.1875rem rgba(71, 119, 66, 0.2) inset;
  background: #5b9854;
  border-color: #477742;
  color: #fff;
}
.button.green_button:active .icon,
.button.green_button.active .icon {
  fill: #fff;
}
ul {
  list-style-type: disc;
  margin: 0 0 0.75em;
  padding-left: 1.125em;
}
ul > li {
  padding-left: 0.375em;
}
ul ol,
ul ul {
  margin: 0;
}
.defined_list dl {
  border-bottom: 0.0625rem solid #DDDDDD;
  margin: 0.75em 0;
}
@media (min-width: 35rem) {
  .defined_list dl {
    display: flex;
    flex-wrap: wrap;
  }
}
.defined_list dt {
  border-top: 0.0625rem solid #DDDDDD;
  font-weight: 700;
  padding: 0.75em 0;
}
@media (min-width: 35rem) {
  .defined_list dt {
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0.75em 0.75em 0.75em 0;
  }
}
.defined_list dd {
  margin: 0;
}
@media (min-width: 35rem) {
  .defined_list dd {
    border-top: 0.0625rem solid #DDDDDD;
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0.75em 0.5em 0 0;
  }
}
nav {
  user-select: none;
}
nav ol {
  margin: 0;
}
nav ul {
  list-style: none!important;
  margin: 0;
  padding: 0;
}
nav li {
  margin: 0;
  padding: 0;
}
nav li:before {
  display: none;
}
figure {
  margin: 0 0 1.5em;
}
figure img {
  display: block;
}
figure.center {
  margin-left: auto;
  margin-right: auto;
}
figure.floatleft {
  float: left;
  margin-right: 1.5em;
}
figure.floatright {
  float: right;
  margin-left: 1.5em;
}
figcaption {
  font-size: 85%;
  margin-top: 0.375em;
  text-align: left;
}
.img_container {
  overflow: hidden;
}
.img_container img,
.img_container svg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.img_resize {
  height: 0;
  position: relative;
  width: 100%;
}
img {
  border: 0;
  display: inline-block;
  height: auto;
  user-select: none;
}
svg {
  height: 100%;
  transform: scale(1);
  width: 100%;
}
svg a:focus {
  outline: 0;
}
form {
  overflow-x: auto;
}
@media (min-width: 75rem) {
  form {
    overflow-x: inherit;
  }
}
.warning {
  background: #eb6607;
  color: #fff;
  display: inline-block;
  padding: 0.3125rem 0.625rem;
}
label.cms_required .label::after {
  content: " *";
  color: #EB6607;
}
label.error input,
label.error select,
label.error textarea {
  border: 0.0625rem solid #EB6607;
  background-color: #fff;
  display: block;
}
label.error .tox-tinymce {
  border: 0.0625rem solid #EB6607;
}
label.error .error_text {
  color: #EB6607;
  width: auto;
}
label.error .label {
  position: relative;
}
label.error .label::before {
  background: #EB6607;
  content: "!";
  color: #fff;
  font-weight: 400;
  left: -0.75em;
  top: 0;
  margin-right: 0.1875rem;
  padding: 0 0.1875rem;
}
.video_overview {
  margin-bottom: 1.5em;
}
.video_overview .video_wrapper {
  height: 0;
  padding-top: 56.25%;
  position: relative;
}
.video_overview .video_wrapper video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.video_overview .video_wrapper video::cue {
  background: #000000;
  color: #ffffff;
}
.video_overview .description {
  margin-bottom: 1.5em;
  display: inline-block;
}
.video_link {
  display: inline-flex;
  align-items: center;
}
.video_link .icon {
  display: flex;
  align-items: center;
  fill: #EB6607;
  margin-right: 0.75em;
}
.video_link.active {
  pointer-events: none;
}
.more_wrapper {
  border-top: 0.0625rem solid #DDDDDD;
  margin-top: 0.75em;
  padding: 0.75em 0 0 0;
}
.video_more_wrapper {
  margin-top: 1.5em;
}
.video_more_wrapper .entry {
  margin-bottom: 1.5em;
}
.video_more_wrapper .entry img {
  max-width: 27.5rem;
  width: 100%;
}
.video_more_wrapper .entry .title {
  text-align: center;
  font-weight: 400;
}
@media (min-width: 47.5rem) {
  .video_more_wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .video_more_wrapper .entry {
    margin-right: 1.5em;
    overflow: hidden;
    flex: 0 1 46%;
  }
  .video_more_wrapper .entry img {
    transform: scale(1);
    transition: transform 300ms;
  }
  .video_more_wrapper .entry:hover img {
    transform: scale(1.1);
  }
}
@media (min-width: 93.75rem) {
  .video_more_wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .video_more_wrapper .entry {
    flex: 0 1 30%;
  }
}
.help_video_container {
  background: #EEEEEE;
  padding: 3em;
  margin-bottom: 3em;
}
.help_video_container .title {
  padding-top: 0;
}
.help_video_container .video_wrapper {
  height: 0;
  padding-top: 56.25%;
  position: relative;
}
.help_video_container .video_wrapper video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.help_video_container .video_wrapper video::cue {
  background: #000000;
  color: #ffffff;
}
.dialog .background {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 1102;
  backdrop-filter: blur(0.1875rem);
  background-color: rgba(112, 112, 112, 0.4);
  bottom: 0;
  right: 0;
}
.dialog .wrapper {
  background-color: #F6F6F6;
  box-shadow: 0 0 0.8em rgba(0, 0, 0, 0.35);
  left: 50%;
  top: 9em;
  margin-bottom: 1.5em;
  max-height: 84vh;
  max-width: 56.25rem;
  overflow-y: scroll;
  overflow-x: auto;
  position: fixed;
  transform: translateX(-50%);
  width: 100%;
  z-index: 1105;
}
.dialog .tox-tinymce {
  width: 100% !important;
}
.dialog label .label {
  padding-top: 0;
  margin-bottom: 0.125rem;
  min-width: 12.5rem;
}
.dialog label input[type=text],
.dialog label select {
  min-width: 15.625rem;
  width: 100%;
  border-radius: 0.25rem;
}
@media (min-width: 47.5rem) {
  .dialog label input[type=text],
  .dialog label select {
    width: 90%;
  }
}
.dialog .d_row {
  border-bottom: 0.0625rem solid #DDDDDD;
}
.dialog .d_row.link_wrapper {
  margin: 0;
}
.dialog .d_row:last-child {
  border-bottom: none;
}
@media (min-width: 47.5rem) {
  .dialog .d_row > div {
    display: flex;
  }
}
.dialog .fields {
  padding: 0.75em 1.5em;
}
.dialog .fields .sub_folder {
  background: #fff;
  padding: 0.375em 0.75em;
  border-radius: 0.25rem;
  margin: 0.375em 0;
  border: 0.0625rem solid #DDDDDD;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.dialog .fields .sub_folder::before {
  background: #707070;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  width: 0.25rem;
  top: 0;
  z-index: 1;
}
.dialog .fields .sub_folder label {
  padding: 0;
}
.dialog .fields .sub_folder label input[type=checkbox] {
  margin-right: 0.5rem;
}
.dialog .fields .sub_folder .label {
  display: block;
}
.dialog .fields .sub_folder a {
  display: inline-block;
}
.dialog .fields .sub_folder a .icon img {
  height: 1.5rem;
  width: 1.5rem;
}
.dialog .text_wrapper label {
  width: 100%;
}
.dialog .text_wrapper .label {
  display: block;
  float: inherit;
}
.dialog .text_wrapper textarea {
  width: 100%;
  height: 6.25rem;
  max-width: 100%;
}
.dialog .image_wrapper {
  padding: 0.875rem 0;
}
.dialog .image_wrapper .upload {
  display: block;
  background: rgba(17, 30, 39, 0.05);
  text-align: center;
  padding-top: 1.25rem;
}
.dialog .image_wrapper .upload label {
  display: inline-flex;
}
.dialog .image_wrapper .upload .label {
  min-width: 0.625rem;
  padding-right: 1.25rem;
  width: auto;
}
.dialog .image_wrapper .upload .image_container {
  text-align: center;
  display: inline-block;
  min-height: 8.125rem;
}
.dialog .image_wrapper .upload .noimage_container {
  opacity: 0.15;
}
.dialog .image_wrapper .upload .delete_icon .icon {
  display: inline-block;
}
.dialog .image_wrapper .upload .delete_icon .icon img {
  height: 1.375rem;
  width: 1.375rem;
}
.dialog .image_wrapper .alignment label {
  display: inline-flex;
  align-items: center;
}
.dialog .image_wrapper .alignment label .label {
  width: 14em;
}
.dialog .image_wrapper .alignment label select {
  min-width: auto;
  width: auto;
}
@media (min-width: 47.5rem) {
  .dialog .image_wrapper {
    display: flex;
    align-items: center;
  }
  .dialog .image_wrapper .upload {
    flex: 0 0 45%;
    margin-right: 5%;
    border-radius: 1em;
  }
  .dialog .image_wrapper .alignment {
    display: block;
  }
}
.dialog .buttons_wrapper {
  background: #fff;
  display: flex;
  padding: 0.75em 1.5em;
}
.dialog .buttons_wrapper .button {
  margin-top: 0;
}
.dialog .buttons_wrapper .button.ok {
  margin-left: auto;
}
.dialog .buttons_wrapper .link_wrapper {
  min-height: 2.625rem;
  margin-right: 1em;
  display: inline-flex;
  align-items: center;
}
@media (min-width: 18.75rem) {
  .dialog .buttons_wrapper .link_wrapper {
    min-height: calc(2.625rem + 0 * (100vw - 18.75rem) / (75));
  }
}
@media (min-width: 93.75rem) {
  .dialog .buttons_wrapper .link_wrapper {
    min-height: 2.625rem;
  }
}
.dialog .header_images_overview {
  background: #fff;
  border-radius: 0.25rem;
  border: 0.0625rem solid #DDDDDD;
  margin: 0.375em 0;
  padding: 0.375em 0.75em;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.dialog .header_images_overview .entry {
  border: 0.0625rem solid transparent;
  border-radius: 0.25rem;
  display: inline-block;
  text-align: center;
  margin: 0.375em;
  align-self: flex-end;
  overflow: hidden;
}
.dialog .header_images_overview .entry:hover {
  cursor: pointer;
}
.dialog .header_images_overview .entry .title {
  font-weight: 700;
}
.dialog .header_images_overview .entry img {
  display: block;
}
.dialog .header_images_overview .entry.selected {
  border: 0.0625rem solid #EB6607;
}
.dialog ::-webkit-scrollbar-button {
  display: none;
  height: 0.625rem;
  border-radius: 0;
  background-color: #AAA;
}
.dialog ::-webkit-scrollbar-button:hover {
  background-color: #AAA;
}
.dialog ::-webkit-scrollbar-thumb {
  background-color: #DDDDDD;
  border-radius: 0.625rem;
}
.dialog ::-webkit-scrollbar-thumb:hover {
  background-color: #DDDDDD;
}
.dialog ::-webkit-scrollbar-track {
  background-color: #ffffff;
}
.dialog ::-webkit-scrollbar-track:hover {
  background-color: #ffffff;
}
.dialog ::-webkit-scrollbar {
  width: 0.625rem;
}
.tox-tinymce svg,
.tox-tinymce-aux svg {
  height: initial;
  width: initial;
}
.tox-tinymce button,
.tox-tinymce-aux button {
  min-width: initial;
}
@media print {
  .hideme_print {
    display: none!important;
  }
  * {
    background: transparent !important;
    text-shadow: none !important;
  }
  *:before {
    color: black !important;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    page-break-after: avoid;
  }
  body {
    overflow-x: visible;
  }
  #newsletter_content {
    display: block;
    margin: 0;
  }
  @page {
    margin: 2cm;
  }
  h2 {
    padding-left: 0!important;
  }
  .logo_wrapper {
    background: #000 !important;
  }
  .newsletterhelp_content {
    box-shadow: none !important;
    display: block !important;
    left: inherit !important;
    margin: 0 !important;
    max-width: inherit !important;
    min-width: inherit !important;
    padding: 0 !important;
    position: relative !important;
    right: inherit !important;
    top: inherit !important;
  }
  .newsletterhelp_content h2 {
    page-break-before: always;
  }
  .newsletterhelp_content h2:nth-of-type(0n+2) {
    page-break-before: avoid;
  }
}
.login {
  align-content: stretch;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
}
.login .wrapper {
  align-content: center;
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: center;
  position: relative;
}
.login .atikon_logo {
  margin-top: -6.25rem;
}
@media (min-width: 30rem) {
  .login .atikon_logo {
    margin-top: -12.5rem;
  }
}
.login h1,
.login p {
  text-align: center;
}
.login h1 {
  margin-bottom: 0.1875em;
}
.login .form_login {
  display: flex;
  flex-direction: column;
}
.login .form_login button {
  width: 100%;
}
.login .form_login label {
  margin-bottom: 0.75em;
}
.login .form_login .button_wrapper {
  margin-top: 1.5em;
  text-align: right;
}
@media (min-width: 35rem) {
  .login .form_login button {
    width: auto;
  }
  .login .form_login label {
    margin-bottom: 0;
  }
}
.login .nls_graphic {
  bottom: 3em;
  display: none;
  padding: 12em 0 0 12em 0;
  position: absolute;
  right: 3em;
  z-index: -1;
}
@media (min-width: 30rem) {
  .login .nls_graphic {
    display: block;
  }
}
.card {
  background: #fff;
  border-radius: 0.75rem;
  margin: 0.75em;
  padding: 3em;
}
input,
select,
button {
  font-family: inherit;
  font-weight: 400;
  letter-spacing: calc((0.875rem + 0.125 * (100vw - 18.75rem) / (75)) / 1000 * 0);
  font-size: 0.875rem;
}
@media (min-width: 18.75rem) {
  input,
  select,
  button {
    font-size: calc(0.875rem + 0.125 * (100vw - 18.75rem) / (75));
  }
}
@media (min-width: 93.75rem) {
  input,
  select,
  button {
    font-size: 1rem;
  }
}
.input {
  -moz-appearance: none;
  -webkit-appearance: none;
  height: 2.75rem;
  background: #fff;
  border-radius: 0.75rem;
  border: 0.0625rem solid rgba(17, 30, 39, 0.2);
  box-shadow: 0 0 0 rgba(17, 30, 39, 0.2) inset;
  color: #111E27;
  margin: 0;
  outline: 0;
  padding: 0 0.75em;
  transition: border 300ms;
  width: 100%;
}
@media (min-width: 18.75rem) {
  .input {
    height: calc(2.75rem + 0 * (100vw - 18.75rem) / (75));
  }
}
@media (min-width: 93.75rem) {
  .input {
    height: 2.75rem;
  }
}
.input[aria-invalid="true"] {
  border-color: #EB6607;
}
.input[aria-invalid="true"]:focus {
  border-color: #EB6607;
  box-shadow: 0 0 0.1875rem #EB6607 inset, 0 0 0 0.1875rem rgba(235, 102, 7, 0.2);
  color: #111E27;
}
.input:focus {
  border-color: #EB6607;
  box-shadow: 0 0 0.1875rem #EB6607 inset, 0 0 0 0.1875rem rgba(235, 102, 7, 0.2);
  color: #111E27;
}
label {
  border: 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 1.25rem 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input[type="time"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input:-webkit-autofill {
  -webkit-text-fill-color: #111E27;
  box-shadow: 0 0 0 62.5rem #EEEEEE inset, 0 0 0.1875rem #EB6607 inset, 0 0 0 0.1875rem rgba(235, 102, 7, 0.2) !important;
}
input[type="password"] {
  width: auto !important;
}
input::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}
.error_message {
  display: block;
}
.error_message p {
  color: #EB6607;
  text-align: left;
}
button {
  align-self: flex-end;
  cursor: pointer;
}
::placeholder {
  color: #386280;
  user-select: none;
}