/* ConfTool CSS File for Printouts */

/* -- general settings --------------------------- */
body {
 background: #ffffff !important;
 font-family: arial, helvetica, sans-serif;
 font-size: 9pt;
}

div#center_main {
 width: 100%;
 text-align: center;
}

.main {
 clear: both;
 /* width: 900px; */
 padding: 0;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}

.mainbg { background-color: #ffffff; }

.main_content {
 clear: both;
 width: 100%;
 margin: 0 auto;
 text-align: left;
 clear:left;
}

p {
 font-family: arial, helvetica, sans-serif;
 margin: 3pt 1pt 3pt 1pt;
}
.plike {
 margin: 3pt 1pt 3pt 1pt;
}
td {
 font-family: arial, helvetica, sans-serif;
 font-size: 9pt;
}

h1 {
 font-size: 14pt;
 margin: 6pt 1pt 6pt 1pt;
}
h2 {
 font-size: 13pt;
 margin: 5pt 1pt 5pt 1pt;
}
h3 {
 font-size: 12pt;
 margin: 4pt 1pt 4pt 1pt;
}
h4 {
 font-size: 10pt;
 margin: 4pt 1pt 4pt 1pt;
}
.imprint h1, .imprint h2, .imprint h3,.imprint h4 {
 padding-top: 10px;
}
li {
 margin-bottom:1pt;
 margin-top:1pt;
 margin-left:1.6em;
 padding-left:1pt;
}
ul {
 margin-bottom:1pt;
 margin-top:1pt;
 text-indent:0;
 margin-left:0.2em;
 padding-left:1pt;
 list-style-type: disc;
}
ol {
 margin-bottom:1pt;
 margin-top:1pt;
 text-indent:0;
 margin-left:0.3em;
 padding-left:1pt;
 list-style-type: decimal;
}
/* Add spacer if two lists follow each other */
ul + ul, ul + ol, ol + ul, ol + ol {
 margin-top:1.2em;
}
dl {
 margin-top: 0.15em;
 margin-bottom: 0.25em;
 line-height: 1.3;
}
dt {
 margin-top: 0.7em;
 margin-left: 1.6em;
 text-indent: -1.6em;
}
dt * {
 margin-left: 0;
 text-indent: 0;
}
dd {
 margin-left:1.8em;
 margin-bottom:2pt;
}
hr{
 height:0;
 border-bottom: 1px solid #aaa;
 border-top: 0;
 width:100%;
 clear: both;
 display: block;
}

.hrtablehead {
 height:0;
 border-bottom: 1px solid #aaa;
 border-top: 0 none;
 width:85%;
 clear: both;
 display: block;
 overflow: hidden;
 padding:0;
 margin: 0 auto 0 0;
}

a:link { text-decoration: none; color: #0022aa; }
a:visited { text-decoration: none; color: #773399; }
a:active { text-decoration: underline; color: #ff7711; }
a:hover { text-decoration: underline; color: #ff7711; }
/* a:link, a:visited { TEXT-DECORATION: underline; } */

img, a {border:none; outline: none;}

form {
 margin:0;
}
pre {
 font-size: 7pt;
 line-height: 1.1em;
}


/* backgrounds for lists and details pages ------------ */
.listheader {
 background: #e8e8e8;
}

.listheader_label {
 font-weight: bold;
 font-size: 9pt;
}

.oddrow {  background-color: #e8f0f8; }
.evenrow { background-color: #f0f8ff; }

.oddrow2 {  background-color: #e0e0e0; }
.evenrow2 { background-color: #f0f0f0; }

.oddrow_del,.oddrow_del2 { background-color: #ffc8c8; }
.evenrow_del,.evenrow_del2 { background-color: #ffd8d8; }

.oddrow_highlight { background-color: #e8f0f8; }
.evenrow_highlight { background-color: #f0f8ff; }

.oddrow2_highlight { background-color: #e0e0e0; }
.evenrow2_highlight { background-color: #f0f0f0; }

.oddrow_del_highlight { background-color: #ffc8c8; }
.evenrow_del_highlight { background-color: #ffd8d8; }

.spacerow { background-color: #ffffff; height: 3px; padding: 0;}

/* remove borders around span elements */
div, p, span {
 border-width: 0;
}

/* -- Tables ------------- */

table {
 line-height: 1.25;
}

.table_noborder {
 border: 0 solid;
 padding: 0;
 border-spacing: 0;
}

.table_100pct {
 width: 100%;
}
.table_99pct {
 width: 99%;
}

.table_blackborder1px {
 border: 1px solid black;
 border-collapse:collapse;
 padding-top: 4px;
 padding-bottom: 4px;
 box-sizing: border-box;
 border-spacing: 0;
}

.table_lightborder1px {
 border: 1px solid #666;
 /* border-collapse:collapse; */
 padding-top: 4px;
 padding-bottom: 4px;
 box-sizing: border-box;
 border-spacing: 0;
}

.topline_black {
 border-top: 1px solid black;
 padding-top: 5px;
}
.bottomline_black {
 border-bottom: 1px solid black;
 padding-bottom: 5px;
}
.topline_gray, .topline_grey {
 border-top: 1px solid #808080;
 padding-top: 5px;
}
.topline_white {
 border-top: 1px solid white;
 padding-top: 5px;
}
.topline_none {
 border-top: 0 !important;
}

.topline_printonly {
 border-top: 1px solid black;
 background: #ffffff;
}

.leftline_printonly {
 border-left: 1px solid black;
}
.newpage_printonly{
 page-break-after:always;
}

.headrow {
 padding: 3px 0 3px 2px;
 background-color: #f0f0f0;
}
.headrow_right, .oddrow2_right {
 text-align: right;
 padding: 3px 0 3px 2px;
 background-color: #f0f0f0;
}


/* login page ------------------------------------ */

.login_main_div {
 margin: auto;
}

.tbldialog {
 background-color: #f8f8f8;
}

.td_dlg_title {
 background: #eee;
 vertical-align: middle;
 text-align: left;
 height: 42px;
}
.login_title {
 padding: .35em;
}
.login_title_image {
}
.login_header {
}

.login_second_header {
 width: 68%;
 float: right;
 margin-top: 12px;
}

.login_separators_bg {
 background: linear-gradient(to bottom, #eeeeee 0%, #eeeeee 90%, #808080 91%, #808080 100%);
}
.login_separators {
 width: 32%;
 text-align: right;
 padding: .3em 0 .3em 0;
}

.login_separators1 {
 padding-left: 23%;
}
.login_separators2 {
 width: 88%;
 text-align: left;
 padding: .3em 0 .3em 12%;
}

.login_box_left {
 float: left;
 width: 32%;
 text-align: right;
 padding-top: .35em;
 clear:left;
}

.login_box_right {
 float: left;
 width: 67%;
 text-align: left;
 padding-top: .35em;
}
.login_inputtext {
 width: 170px;
}

/* Infoview Divs - to replace tables from above...- */
.infoview_maindiv {
 box-sizing: border-box;
 border: 0;
 padding-left: 0;
 padding-top: 5px;
 padding-bottom: 5px;
 position:relative;
 clear: both;
 width: 100%;
 text-align: center;
}
.infoview_innerbox {
 margin-left: auto;
 margin-right: auto;
 clear: both;
 border: 0;
}
.infoview_leftinfo{}
.infoview_rightaction{}
.infoview_header {
 box-sizing: border-box;
 text-align:left;
 position:relative;
 padding: 3px 0 3px 2px;
 margin-left: auto;
 margin-right: auto;
 color: #660000;
 background-color: #ffffff;
}
.infoview_header_small {
 background-color: #ffffff;
}
.infoview_spacer {
 box-sizing: border-box;
 position:relative;
 padding: 0 0 0 2px;
 margin-left: auto;
 margin-right: auto;
 height:3px;
 overflow:hidden;
}
.infoview_spacerline {
 clear:left;
 float:left;
 overflow:hidden;
 width:99.9%;
 height: 1px;
 background: transparent;
}
.infoview_IDbox_right {
 float:right;
 text-align:center;
 padding:1px 5px;
 margin:2px 4px 2px 2px;
 overflow: hidden;
}
.infoview_body {
 box-sizing: border-box;
 text-align: left;
 position: relative;
 padding: 2px 3px 2px 2px;
 margin-left: auto;
 margin-right: auto;
 overflow: auto;
 line-height: 1.3;
}

.infoview_border {
 border: 1px solid #000;
 box-sizing: border-box;
 border-collapse:collapse;
 border-spacing: 0;
}

/*  navigation and other boxes -----*/
.box_left {
 float: left;
 clear: both;
 margin: 0 auto 0 0;
}
.box_right {
 float: left;
 clear: both;
 margin: 0 0 0 auto;
}
.box_center {
 margin: 0 auto;
}

.box_standard {
 border: 1px solid #dddddd;
 background: #f4f4f4;
 padding:0; margin:0;
}
.box_standard_header {
 padding: 0 10px 0 7px;
 text-align: left;
}
.box_standard_inner {
 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAIAAABhIeELAAAAB3RJTUUH3gEWDAsr6qAv4wAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAAcSURBVHjaY3jx4gXDly9fmBgZGTEwAwMDCo2EASdbBctjrmxxAAAAAElFTkSuQmCC') repeat-x #fefefe;
 padding: 5px 7px 5px 7px;
 text-align: left;
}

.box_admin {
 border: 1px solid #d8d8d8;
 background: #f0f0f0;
 padding:0; margin:0;
}
.box_admin_header {
 padding: 0 7px 0 7px;
 text-align: left;
}
.box_admin_inner {
 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAB3RJTUUH3gEWDA8gGR4zbwAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAAkSURBVHjaY7h79y4TDw8PEyMjIxiDAIhmYGAAY5g4jI0sBsQAsJgC++o2cNEAAAAASUVORK5CYII=') repeat-x #f3f3f3;
 padding: 5px 10px 5px 7px;
 text-align: left;
}


/* --- forms ------------------------ */
.form_table {
 empty-cells: show;
}
.form_tr_separator {}
.form_tr_main {}
.form_tr_data {}
.form_tr_main_small {}
.form_tr_data_small {}

.form_label {
 font-weight: bold;
 font-size: 9pt;
 color: #000;
}
.form_label_small {
 font-weight: bold;
 font-size: 8pt;
 color: #000;
}
.form_label_sub {
 font-weight: normal;
 font-size: 9pt;
 color: #000;
}
.form_label_negative {
 color: #ff0000;
}
.form_label_link {
 color: #0000cc !important;
}
.form_label_data {
}
.form_mobile_left {
}
.form_hint_div {
}
.form_radio {
 font-size: 9pt;
}
.form_radio_small {
 font-size: 8pt;
}

.form_checkbox {
 font-size: 9pt;
}
.form_radio_div {
}
.form_radio_small {
}
.checkboxradiodiv {
}

.form_hint {
 font-size: 9pt;
}
.form_hint_small {
 font-size: 8pt;
}

.form_td_buttons {
 border-top: 1px solid #000;
 background: #999999;
}
.form_td_label {
 background: #e4e4e4;
 border-right: 1px solid #888;
}
.form_td_label_small {
 background: #e4e4e4;
 border-right: 1px solid #888;
}
.form_td_label_error {
 background: #996666;
}
.form_td_label_error_small {
 background: #996666;
}

.form_td_field {
 background: #f8f8f8;
}
.form_td_field_small {
 background: #f8f8f8;
}
.form_td_field_error {
 background: #ffcccc;
}

.form_td_label_sub {
 background: #ccc;
}
.form_td_label_sub_error {
 background: #eebbbb;
}
.form_td_field_sub {
 background: #eeeeee;
}
.form_td_field_sub_error {
 background: #ffcccc;
}

.form_td_entry {
 background: #999999;
}
.form_td_entry_error {
 background: #CC9999;
}
.form_td_label_yellow {
 background: #dddd00;
}
.form_td_field_yellow {
 background: #ffff00;
}

.form_separator_label {
 color: #222;
 font-weight: bold;
 font-size: 10pt;
}
.form_separator_label_small {
 color: #222;
 font-weight: bold;
 font-size: 8pt;
}
.form_td_separator,.form_td_separator_gradient {
 background: #cde !important;
 border-color:#000000 !important;
 color:#000000 !important;
}
.form_td_separator_warning {
 border-top: 1px solid white;
 background: #FF8080;
}

.form_subseparator_label {
 color: #333;
 font-weight: bold;
 font-size: 9pt;
}
.form_td_subseparator_left {
 background-color: #bce;
 border-top: 1px solid #000;
}

.form_td_subseparator_right {
 background: #cdf;
 border-top: 1px solid #000;
}
.form_td_spacertransparent {
 background: transparent !important;
}
.fullwidth {
 width: 97%; /* Mainly used for fields on Mobile devices */
}
.form_img_move {
 display: block;
 padding: 1px;
 border: 0;
}

/* More form definitions. See also newbrowsers.css and oldbrowsers.css */
.disabledCheckboxOff {
 cursor: not-allowed;
 width: 20px; height: 19px;
}
.disabledCheckboxOn {
 cursor: not-allowed;
 width: 20px; height: 19px;
}
.disabledRadiobuttonOff {
 cursor: not-allowed;
 width: 20px; height: 19px;
}
.disabledRadiobuttonOn {
 cursor: not-allowed;
 width: 20px; height: 19px;
}

/* Expander to snow more infos */
.expander_collapsed {
 margin-left: auto;
 margin-right: auto;
}
.expander_bg {
 background: url(../images/expander_fader.png) repeat-x;
 text-align: left;
 padding: 1px 0 6px 0;
 width: 99.9%;
 margin-left: auto;
 margin-right: auto;
}
.expander_left {
 background: url(../images/expander_left.gif) no-repeat bottom right;
 padding:0 0 1px 8px;
}
.expander_right {
 background: url(../images/expander_right.gif) no-repeat bottom left;
 padding:0 0 1px 0;
}
.expander_main {
 display: inline;
 background: #eeeeee;
 border-bottom: 1px solid #999999;
 cursor:pointer; cursor:hand;
}
.expander_link, .expander_link:hover {
 color: #444444;
 text-decoration: none !important;
}

/*  header and footer of ConfTool------------- */
.cthead_info_val {
 color: #eeeeee;
 font-size: 9pt;
}

.cthead_info_label {
 color: #111;
 font-size: 9pt;
 font-weight: bold;
}

.cthead_td_cmds {
 background-color: #ccddff;
}

.cthead_td_select {
 background-color: #d8dde4;
}

.cthead_td_info {
 background-color: #666699;
}

.cthead_cmds {
 font-weight: bold;
 font-size: 9pt;
}

.cthead_a {
 font-size: 9pt;
 text-decoration: none;
 font-weight: bold;
}

.ctfoot {
 color: #505050;
 font-size: 7pt;
 text-decoration: none;
 font-weight: normal;
}

/* Footbar with copyright and legal notice */
#footbar_outerdiv {
 display: flex;
 flex-direction: row;
 align-items: center;
 width: 100%;
 justify-content: space-between;
 font-size: 7pt;
 padding: 0;
 margin: 0 auto;
}
#footbar_innerdiv_left {
 width: auto;
 text-align: left;
 padding: 5px 3px;
}
#footbar_innerdiv_right {
 width: auto;
 text-align: right;
 padding: 5px 3px;
}

/* message and error boxes ------------------------ */

.ct_messagebox {
 box-sizing: border-box;
 float: left;
 background-color: #fff;
 width:100%;
}

.message_error {
 float: left;
 border: 2px solid #c71818;
 background: #ffeeee;
 color: #c71818;
}

.message_warning {
 float: left;
 border: 2px solid #ee8800;
 background: #fef8dd;
 color: #995500;
}

.message_info {
 float: left;
 border: 2px solid #339933;
 background: #e0ffdd;
 color: #276d0f;
}

.message_error_title {
 font-size: 11pt;
 font-weight: bold;
 line-height: 1.7em;
}

.message_warning_title {
 font-size: 11pt;
 font-weight: bold;
 line-height: 1.7em;
}

.message_info_title {
 font-size: 11pt;
 font-weight: bold;
 line-height: 1.7em;
}

.ct_messag_icon {
 float: left;
 height: 35px;
 width: 35px;
 margin: 10px 6px 10px 12px;
 font-size: 36px;
}

.icon_error:before {
 color: #c71818;
}
.icon_warning:before {
 color: #ee8800;
}
.icon_info:before {
 color: green;
}

.ct_message_text {
 float: left;
 padding: 5px 0 5px 5px;
 width: 85%;
}

.ct_hint {
    padding: 3px 2px 3px 2px;
    margin: 10px 0 14px 0;
}

/* infoviews------------------------------*/

.infoview_table {
 padding: 0 0 5px 0;
 border-spacing: 1px;
 box-sizing: border-box;
 border:0;
}

.infoview_invert {
 background-color: #bbbbbb;
}

.infoview_sep {
 background-color: #666666;
 height: 1px;
}
.infoview_tr {
 background-color: #cccccc;
}

/* link-list-format ------------------------------------ */

.list_element_actions ul {
 font-size:8pt;
 margin-left: 0.6em;
 list-style-image:  url('data:image/gif;base64,R0lGODlhBwAJAIAAAIyMjP///yH5BAMAAAEALAAAAAAHAAkAAAIMjI+ABpr9IJNzuXUKADs='); /* url(icons/arrow_right_grey.gif); */
}

/* Reviewing --------------------------------*/

.review0 { background-color: #ff4c4c; color:#600; !important}
.review1 { background-color: #ff6633; color:#620; !important}
.review2 { background-color: #ff9966; color:#642; !important}
.review3 { background-color: #ffcc66; color:#652; !important}
.review4 { background-color: #fff066; color:#663; !important}
.review5 { background-color: #ffff66; color:#660; !important}
.review6 { background-color: #e0ff99; color:#563; !important}
.review7 { background-color: #ccff66; color:#462; !important}
.review8 { background-color: #99ff33; color:#361; !important}
.review9 { background-color: #66f000; color:#250; !important}
.review10 { background-color: #00e033; color:#050; !important}
.noreview { }
.hiddenreview {  filter: grayscale(75%); }

/* Imprint -----------------------------------*/

.imprint {
 background-color: #E8EEFF;
 padding: 10px;
 margin: 10px;
}



/* Invoice --------------------------------*/

.invoice_table {
 border: 1px solid #ccc;
 border-collapse:collapse;
 padding: 5px;
 border-spacing: 0;
}

.invoice_tr {
 background-color: #FFFFFF;
}
.invoice_head_tr {
 text-align: left;
 background-color: #E0E0E0;
 padding: 5px;
}
.invoice_head_tr_right {
 text-align: right;
 background-color: #E0E0E0;
 padding: 5px;
}
.fax_head_tr {
 text-align: left;
 background-color: #E0E0E0;
 padding: 1px;
}
.fax_head_tr_right {
 text-align: right;
 background-color: #E0E0E0;
 padding: 1px;
}

.invoice_td {
 text-align: left;
 border: 1px solid #666;
 padding: 5px;
}
/* The following definitions are requred for the export, as Word accepts only one class per CSS definition! */
.invoice_td_center {
 text-align: center;
 border: 1px solid #666;
 padding: 5px;
}
.invoice_td_right {
 text-align: right;
 border: 1px solid #666;
 padding: 5px;
}
.fax_td {
 text-align: left;
 border: 1px solid #666;
 padding: 1px;
}
.fax_td_center {
 text-align: center;
 border: 1px solid #666;
 padding: 1px;
}
.fax_td_right {
 text-align: right;
 border: 1px solid #666;
 padding: 1px;
}

.invoice_logo{
  max-width: 640px;
  max-height: 80px;
  width: expression(this.width > 640 ? "640px" : true);
  height: expression(this.height > 80 ? "80px" : true);
}

.bookings_date_personal { color: #009000; text-shadow: 0 0 1px #fff, 0 0 2px #fff; }

/* Payment -------------------------------------------- */

.statementtitle {
 border: 3px double black;
 background-color: #dddddd;
 padding: 3px;
}
.statementcell {
 border: 1px solid black;
 padding: 3px;
 border-collapse:collapse
}
.statement_logo{
  max-width: 640px;
  max-height: 120px;
  width: expression(this.width > 640 ? "640px" : true);
  height: expression(this.height > 120 ? "120px" : true);
}

/* Related Links Box --------------------------------- */

#related_links {
 float:right;
 clear:both;
 text-align: left;
 display:none;
}

#related_links_header {
background: #f8f8f8;
}
#related_links_body {
 border: 1px solid #d2d2d2;
 border-top: 0;
}

#related_links li {
 padding: 2px 0 2px 0;
}

.related_links_next {
 list-style-image: url('data:image/gif;base64,R0lGODlhCAAJAIAAAIyMjP///yH5BAMAAAEALAAAAAAIAAkAQAIRjI8ZwO3GIJDwTDnbivquUwAAOw=='); /* url(icons/arrow2_right_grey.gif); */
}
.related_links_pref {
 list-style-image: url('data:image/gif;base64,R0lGODlhCAAJAIAAAIyMjP///yH5BAMAAAEALAAAAAAIAAkAQAIRjI8ZwM32FoBTnrrkbLrDWwAAOw=='); /* url(icons/arrow2_left_grey.gif); */
}

.related_links_empty {
 font-size:1pt;
 padding: 0;
 margin: 0;
 list-style-type: none;
 list-style-image: none;
}


/* navbar -------------------------- */

.navbar {
 width: 100%;
 margin: auto;
 padding: 0;
 border: 1px solid #d2d2d2;
 background: #fbfbfb;
 height: 38px;
}



.navbar_elements {
 float: left;
 padding: .18em .5em 0.30em .4em;
 border-right: 1px solid #d3d3d3;
 min-height: 38px;
}

.navbar_elements_td {
 padding: .18em .3em 0.35em .05em;
 border-right: 1px solid #d3d3d3;
 text-align: center;
 vertical-align: middle;
}
.navbar_elements_td a:link, .navbar_elements_td a:visited, .navbar_elements_td a:hover { cursor: pointer; cursor: hand; text-decoration:none; }

.navbar_elements_left {float: left; padding-left: 0;}
.navbar_elements_right {float: right; border-right: 0; border-left: 1px solid #d3d3d3;}
.navbar_elements a:link, .navbar_elements a:visited, .navbar_elements a:hover, .link_button_logout:hover { cursor: pointer; cursor: hand; text-decoration:none; }

.navbar_icons {float:left; width: 20px; height: 1.7em;}

#siteheader div a:focus {
 display: inline-block;
 width: auto !important;
}

/* New flexbox rules for the main navbar */
#headbar .navbar {
 display: flex;
 justify-content: space-between;
 align-items: center;
}
#headbar .navbar_right_group {
 display: flex;
 align-items: center;
}
#headbar .navbar_elements, #headbar .navbar_elements_right {
 float: none;
}

.navbar_menu ul li:focus-within > ul, .navbar_menu ul li.focus > ul {
 visibility: visible !important;
 height: auto !important;
 display: block !important;
}

/* Make dropdowns keyboard accessible: focus-within is the modern, pure CSS solution, .focus is the fallback for older browsers, added via JavaScript. */
.navbar_menu ul li:focus-within > ul, .navbar_menu ul li.focus > ul {
 visibility: visible !important;
 height: auto !important;
 display: block !important;
}
.navbar_menu > ul > li > a, .navbar_elements > .cthead_a {
 width: auto !important;
 padding: 8px 15px;
}


.navbar a:focus, .navbar button:focus, .navbar a:focus-visible {
 transition: none;
 border-radius: 0;
}
/* Remove the animation of the focus ring. */
.navbar a:focus, .navbar button:focus, .navbar a:focus-visible {
 transition: none;
}

.navbar .navbar_item:focus-visible, .navbar button:focus-visible, #usermenu:focus-visible {
 outline-offset: 4px !important;
}
.navbar .user ul a:focus-visible, .navbar a.listheader_label:focus {
 outline-offset: -2px !important;
}


/* New main navigation bar with flex box */
.navbar-flex {
 display: flex !important;
 align-items: center !important;
 width: 100%;
 min-height: 40px;
 padding: 0;
 margin: 0;
 padding-top: 0 !important;
 padding-bottom: 0 !important;
}

/* left group in navbar */
.navbar-flex-left {
 display: flex;
 align-items: center;
 height: 100%;
}

/* right group in navbar */
.navbar-flex-right {
 margin-left: auto;
 display: flex;
 align-items: center;
 height: 100%;
}

/* single navbar items */
.navbar-flex-item {
 padding: 0 !important;
 margin: 0 !important;
 box-sizing: border-box !important;
}

.navbar-flex-item.no-border {
 border-right: none;
}

.navbar-flex-item.border-left {
 border-right: none;
}

/* hover effekt for navbar items - overwrites old hover rules */
.navbar-flex-item.hoverable:hover {
 height: 100% !important;
 margin: 0 !important;
 margin-top: 0 !important;
 padding-top: 0 !important;
}

/* links in navbar items */
.navbar-flex-link {
 align-items: center;
 height: 100%;
 padding: 0;
 text-decoration: none;
}
.navbar_sessions .navbar-flex-link, .navbar_adminSessions .navbar-flex-link {
 font-size: 8pt;
 font-weight: bold;
}

table.navbar_adminSessions td.center a {
  display: inline-block;
	 padding: 8px 10px !important;
}

.navbar-flex-link.cthead_a {
 display: flex !important;
 padding: 0 10px !important;
}

.navbar_sessions .navbar-flex-text, .navbar_adminSessions .navbar-flex-text {
 font-size: 8pt;
 font-weight: bold;
}

/* focus style */
.navbar-flex-link:focus-visible {
 outline: 2px solid currentColor !important;
 outline-offset: -2px !important;
}

/* specific rule for links with navbar_item class */
.navbar .navbar_item.navbar-flex-link:focus-visible {
 outline: 2px solid currentColor !important;
 outline-offset: -2px !important;
}

.navbar-flex-dropdown-toggle:focus-visible {
 outline: 2px solid currentColor !important;
 outline-offset: -2px !important;
}

/* specific rule for combined classes */
.navbar_menu_toggle.navbar-flex-dropdown-toggle:focus-visible {
 outline: 2px solid currentColor !important;
 outline-offset: -2px !important;
}

/* rule for user menu in navbar */
#usermenu.navbar-flex-dropdown-toggle:focus-visible {
 outline: 2px solid currentColor !important;
 outline-offset: -2px !important;
}

#usermenu .navbar_menu_label {
	display: flex;
	align-items: center;
}



.navbar-flex-dropdown-menu a:focus-visible {
 outline: 2px solid currentColor;
 outline-offset: -2px;
}

/* Navbar icons */
.navbar-flex-icon {
 width: 20px;
 height: 20px;
}

/* form in navbar (for log out) */
.navbar-flex-form {
 display: flex;
 align-items: center;
 height: 100%;
}

.navbar-flex-button {
 display: flex;
 align-items: center;
 gap: 0.3em;
 height: 100%;
 padding: 0 10px !important;
 cursor: pointer;
 text-decoration: none;
}


.navbar-flex-button:focus-visible {
 outline: 2px solid currentColor !important;
 outline-offset: -2px !important;
}

/* Special rule for logout button */
.navbar .navbar-flex-button:focus-visible {
 outline: 2px solid currentColor !important;
 outline-offset: -2px !important;
}

/* Accessible dropdown menues
/* Button styling */
.navbar_menu_toggle {
 display: flex !important;
 align-items: center;
 gap: 0.3em;
 height: 100%;
 padding: 0 10px;
 background: none;
 border: none;
 cursor: pointer;
 text-align: left;
 font: inherit;
}

.navbar_item {
 padding: 0 !important;
}


/* positioning of navbar_menu */
.navbar_menu {
 position: relative;
}

.navbar_menu a:hover {
 height: 100% !important;
}

.navbar_menu li {
 float: none !important;
 width: 100% !important;
}

.navbar_elements.navbar-flex-item {
 height: 100% !important;
 display: flex !important;
 align-items: center !important;
	justify-content: center !important;
 gap: 0.3em !important;
}
.navbar_elements.navbar-flex-item-lang {
 min-width: 110px;
}

.navbar_elements.navbar-flex-item a {
 gap: 0.3em;
}

.navbar_elements.navbar-flex-item.navbar_elements_hover:hover {
 height: 100% !important;
 margin-top: 0 !important;
 padding-top: 0 !important;
}

/* End of new Navbar-Flex CSS ------------------------------- */


.grid-view-navigation {
 max-width: 100% !important;
}
.grid-view-agenda {
 max-width: 100% !important;
}


/* Clear search / filter buttons */
#navbar_search_wrapper {
    float: left;
    position: relative;
    width: 125px;
    margin-right: 1px;
}
#navbar_search_left input.search {
    color: #000;
    width: 100px;
    line-height: 17px;
    height: 17px;
    padding-right: 17px;
}

#navbar_search_clear {
    position: absolute;
    float: right;
    height: 17px;
    width: 17px;
    top: 3px;
    right: 5px;
    cursor: pointer; cursor: hand;
}
#navbar_search_clear_img {
    height:17px;
    width:17px;
}
#navbar_search_button {
    height: 22px;
}

.select_autosubmit_clear {
    display: inline-block;
    vertical-align: -2px;
    cursor: pointer;
}
.select_autosubmit_clear_img {
    height: 12px;
    width: 12px;
}


/* style buttons as links -------------*/

.navbar_elements.link_buttons { padding: .33em .6em 0 .6em; }

.navbar_elements.link_buttons:hover {
 background: none;
}

.link_button.clear {
 border: 0 solid #cccccc;
 height: 18px;
 width: 12px;
 color: #a00;
 padding: 0;
}

.link_button {
 color:#000090;
 font: bold 8pt arial,helvetica,sans-serif;
 background: transparent;
 border: 0;
 padding: 2px 0 0 0;
 margin: 0 0 0 0;
}
.link_button.disabled {
 color: #aaaaaa;
 background: transparent;
}
.link_button:hover { cursor: pointer; }

.link_button.current {
 color: #000000;
 background: transparent;
 padding: 0 0 0 0;
 font-size:10pt;
}
.link_button.current:hover { cursor: default; }
.link_button.disabled:hover { cursor: default; }

.icon-remark {
 width:10px;
 height:10px;
 vertical-align: -10%;
}
.icon-copy {
 width:10px;
 height:10px;
 vertical-align: -10%;
}
.icon-mailpreview {
 width: 30px;
 height: 25px;
 border: 0;
}
.icon-12px {
 width: 11px;
 height: 11px;
}
.icon-14px {
 width: 13px;
 height: 13px;
}
.icon-15px {
 width: 14px;
 height: 14px;
}
.icon-16px {
 width: 16px;
 height: 16px;
}

/* Votes of PC forum */
.pcmessagevote {
 margin: 2px auto 3px auto;
 text-align: left;
 width: 43px; height: 14px;
 background: #fff url('../icons/vote_bg.png') no-repeat;
 background-size: 43px 15px;
}
.pcmessagevote1 {
 background: #fff url('../icons/vote_bg1.png') no-repeat;
 background-size: 43px 15px;
}

/* Review Request Settings */
.reviewRequestOptionTable {
 width: 97%;
 border-collapse: collapse;
}
.reviewRequestOptionTable_td_dark {
 border-right: 1px solid #555;
}
.reviewRequestOptionTable_td_bright {
 border-right: 1px solid #aaa;
}
.reviewRequestOptionTable_td_upper {
 border: 1px solid #555;
 border-bottom: 1px solid #aaa;
}
.reviewRequestOptionTable_td_lower {
 border-bottom: 1px solid #555;
}

/*  code to create vertical text in table headers ------------ */

.vertical-text {
 white-space: nowrap;
 writing-mode:tb-rl;
 writing-mode:vertical-rl;
  max-height:140px; /* For old IEs */
}
/* Styles for rotateTableCellContent plugin for vertical text in Firefox, Chrome etc.*/
table div.jqrotated {
  writing-mode:tb-rl;
  transform: rotate(90deg);
  white-space: nowrap;
}
thead th {
  vertical-align: top;
}
table .jqvertical {
  white-space: nowrap;
}


/*  buttons for external links --- */
.resourceButton {
 box-sizing: border-box;
 display: inline-block;
 *display: inline;
 padding: 4px 6px 2px;
 margin: 3px 2px 3px 2px;
 font-family: arila, helvetica, sans-serif;
 font-size: 7pt;
 background: white;
 border-radius: 3px;
 transition: all 0.2s ease-in-out;
 border-width: 1px !important; /* to overwrite border: 0 */
}

.resourceButton img {
 height: 16px;
 padding: 2px 0 2px 0;
 border: 0;
}

.zoom { border: 1px solid #0e71eb;}
.zoom:hover { box-shadow: 0 0 1px 2px #298DFF;}
.skype { border: 1px solid #00AFF0;}
.skype:hover { box-shadow: 0 0 1px 2px #00AFF0;}
.gsuite { border: 1px solid #737373;}
.gsuite:hover { box-shadow: 0 0 1px 2px #737373;}
.gmeet { border: 1px solid #0E9487; width: 60px; }
.gmeet:hover { box-shadow: 0 0 1px 2px #0E9487;}
.msteams { border: 1px solid #4E56BF; white-space: nowrap; }
.msteams span {
 padding-left: 5px;
 color: #4E56BF;
 position: relative;
 top: -6px;
 line-height: 0.7em;
}
.msteams:hover { box-shadow: 0 0 1px 2px #4E56BF;}
.gotomeeting { border: 1px solid #F68E2A;}
.gotomeeting:hover { box-shadow: 0 0 1px 2px #F68E2A;}
.teamviewer { border: 1px solid #0e71eb;}
.teamviewer:hover { box-shadow: 0 0 1px 2px #298DFF;}
.adobeconnect { border: 1px solid #4DBF90;}
.adobeconnect:hover { box-shadow: 0 0 1px 2px #4DBF90;}
.ciscowebex { border: 1px solid #80C31C;}
.ciscowebex:hover { box-shadow: 0 0 1px 2px #80C31C;}
.samepage { border: 1px solid #AB218E; width: 105px; }
.samepage:hover { box-shadow: 0 0 1px 2px #AB218E;}
.whereby { border: 1px solid #000000; padding-top: 5px;}
.whereby:hover { box-shadow: 0 0 1px 2px #000000;}
.alfaview { border: 1px solid #0096D6;}
.alfaview:hover { box-shadow: 0 0 1px 2px #0096D6;}
.linkchat { border: 1px solid #0095DD;}
.linkchat:hover { box-shadow: 0 0 1px 2px #0095DD;}
.wonder { border: 1px solid #008f8e;}
.wonder:hover { box-shadow: 0 0 1px 2px #008f8e;}
.gather { border: 1px solid #4A4F88;}
.gather:hover { box-shadow: 0 0 1px 2px #4A4F88;}

.youtube { border: 1px solid #FF0000; width: 90px; }
.youtube:hover { box-shadow: 0 0 1px 2px #FF0000;}
.vimeo { border: 1px solid #1AB7EA;}
.vimeo:hover { box-shadow: 0 0 1px 2px #1AB7EA;}
.facebook { border: 1px solid #1877F2;}
.facebook:hover { box-shadow: 0 0 1px 2px #1877F2;}
.jwplayer { border: 1px solid #FF0046;}
.jwplayer:hover { box-shadow: 0 0 1px 2px #FF0046;}
.gotowebinar { border: 1px solid #00C0F3;}
.gotowebinar:hover { box-shadow: 0 0 1px 2px #00C0F3;}
.bluejeans { border: 1px solid #002E91;}
.bluejeans:hover { box-shadow: 0 0 1px 2px #002E91;}
.switch { border: 1px solid #002583;}
.switch:hover { box-shadow: 0 0 1px 2px #002583;}

.ichair { border: 1px solid #0E868B;}
.ichair:hover { box-shadow: 0 0 1px 2px #0E868B;}
.whova { border: 1px solid #2DACEE; background: #2DACEE;}
.whova:hover { box-shadow: 0 0 1px 2px #2DACEE;}
.slido { border: 1px solid #39ac37; background: #ffffff; }
.slido:hover { box-shadow: 0 0 1px 2px #39ac37;}

.bbb { border: 1px solid #323C7C;}
.bbb:hover { box-shadow: 0 0 1px 2px #323C7C;}
.jitsi { border: 1px solid #16A0DB;}
.jitsi:hover { box-shadow: 0 0 1px 2px #16A0DB;}

.dropbox { border: 1px solid #0061FF;}
.dropbox:hover { box-shadow: 0 0 1px 2px #0061FF;}
.sharepoint { border: 1px solid #0078d4;}
.sharepoint:hover { box-shadow: 0 0 1px 2px #0078d4;}

.pollev { border: 1px solid #027ACC;}
.pollev:hover { box-shadow: 0 0 1px 2px #027ACC;}
.pollev span {
 padding-left: 5px;
 color: #027ACC;
 position: relative;
 font-size: 8pt;
 top: -6px;
 line-height: 0.7em;
}


/*  font settings--------------  */

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.float_center { float: none; margin-left: auto; margin-right: auto; }
.float_left {float: left;}
.float_right {float: right;}
.clearing {clear: both;}
.no-bidi {direction: ltr;}
.embed-rtl {
 direction: rtl;
 unicode-bidi: normal;
 text-align: right;
}
.embed-ltr {
 direction: ltr;
 unicode-bidi: normal;
 text-align: left;
}
.inline-block {
  display: inline-block;
  *display: inline; /* IE7 and below */
}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.hidden {display:none; height: 0; width: 0; overflow: hidden;}
.screenreaderOnly { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}

.cmda {
 font-size: 9pt;
 text-decoration: none;
 font-weight: bold;
}

.ctparagraph {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 1.1em;
}

.nobr {white-space: nowrap}
.breakword {overflow-wrap: break-word; word-break: break-all;}

.fontnormal {
 font-weight: normal;
}
.fontbold {
 font-weight: bold;
}
.fontlabel {
 font-style: italic;
}
.fontmonospaced {
 font-family: "Courier New", Courier, monospace !important;
 font-weight: normal;
}
.fontmonospaced_mail {
 font-family: Consolas, "Lucida Sans Typewriter", "Lucida Console", Monaco, Menlo, "Droid Sans Mono", "Andale Mono", monospace;
 font-weight: normal;
 line-height: 120%;
}


/* -- background colors --------------- */
.nearwhitebg { background: #fcfcfc; }
.brightbg { background: #f8f8f8; }
.lightbg { background: #f0f0f0; }
.mediumbg { background: #eeeeee; }
.mediumbg_gradient { background: #eeeeee; }
.waitwindowbg { background: #fffdcc; }
.dimbg  { background: #dddddd; }
.graybg,.greybg { background: #cccccc; }
.darkbg  { background: #bbbbbb; }
.blackbg  { background: #000000; }
.positivebg { background: #66AA66; }
.lightpositivebg { background: #bbffaa; }
.darknegativebg { background: #772222; }
.negativebg { background: #CC8080; }
.lightnegativebg { background: #FFCCCC; }
.otherbg { background: #999966; }
.lightotherbg { background: #ffffcc; }
.infobg  { background: #3377aa; }
.lightinfobg { background: #66ccff; }
.whitebg { background: #FFFFFF; }
.yellowbg { background: #FFFF80; }
.highlightbg  { background: #fffddd; }
.navbarborder { background: #666666; }

/* font colors ------------------- */
.fontpositive { color: #009000; }
.fontlightpositive { color: #ccffcc; text-shadow: 0 0 1px #040;}
.fontnegative { color: #AA0000; }
.fontlightnegative { color: #ff0000; }
.fontother { color: #806030; }
.fontlightother { color: #ffdd00; }
.fontinfo  { color: #226699; text-shadow: 0 0 1px #fff; }
.fontblack { color: #000; }
.fontdark  { color: #555; }
.fontgray, .fontgrey { color: #666; }
.fontdim { color: #707070; }
.fontlight { color: #f8f8f8; text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000; }
.fontwhite { color: #ffffff; text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000; }
.fontshadowwhite {text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0 0 2px #fff, 0 0 3px #fff;}

.fontlightpositive a, .fontlightnegative a, .fontlightother a, .fontlight a, .fontwhite a { color: #bbddff !important; }

.font7 { font-size: 6.5pt; }
.font7-5 { font-size: 6.5pt; }
.font8 { font-size: 7pt; }
.font8-5 { font-size: 8pt; }
.font9 { font-size: 8pt; }
.font10 { font-size: 9pt; }
.font10-5 { font-size: 9pt; }
.font11 { font-size: 10pt; }
.font12 { font-size: 11pt; }
.font14 { font-size: 12pt; }
.font20 { font-size: 18pt; }
.font26 { font-size: 24pt; }
.font36 { font-size: 30pt; }
.font72 { font-size: 60pt; }