/* ConfTool Pro Main CSS File */
/* Please do not update this file but conftool-custom.css */

/*  general settings------------------------- */
html {
    height: 100%;
}
body {
    background: #ffffff;
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
    margin-top: 10px;
    min-width: 620px;
}

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

.main {
    clear: both;
    padding: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.mainbg	{ background-color: #ffffff; }

/* inner boxes */
.main_elements {
    clear: both;
    margin: 0 auto;
    text-align: left;
}

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

div#main_n { }
div#main_e { }
div#main_s { }
div#main_w { }
div#main_ne { }
div#main_se { }
div#main_sw { }
div#main_nw { }
div#main_nw { padding: 0; }
div#siteheader { float:left; }
/* Fix Siteheader focus ring clipping. */
#siteheader > div > a:focus {
    display: inline-block;
    width: auto !important;
}

p {
    font-family: arial, helvetica, sans-serif;
    margin: 4pt 1.2pt 4pt 1.2pt;
    line-height: 1.2;
}
td {
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
}

h1 {
    font-size: 14pt;
    margin: 6pt 1pt 6pt 1pt;
}
h2 {
    font-size: 13pt;
    margin: 5pt 1pt 5pt 1pt;
}
h3 {
    font-size: 11.5pt;
    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.25em;
    margin-left: 1.6em;
    text-indent: -1.6em;
}
dt * {
    margin-left: 0;
    text-indent: 0;
}
dd {
    margin-left:1.6em;
    margin-bottom:0.25em;
}
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: #002299; }
a:visited { text-decoration: none; color: #663377; }
a:active { text-decoration: underline; color: #ff7711; }
a:hover, .link_button_logout:hover { text-decoration: underline; color: #ff7711; }

img, a {border:none; outline-offset: 1px;}
a:focus-visible { outline: 2px solid currentColor; border-radius: 1px; }

/* CSS background highlight of target elements... */
div:target {
    animation: hilite-background 3s;
}
@keyframes hilite-background {
    0% {background-color: transparent;}
    30% {background-color: #ffff66;}
    100% {background-color: transparent;}
}

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

/* backgrounds for lists and details pages */
.listheader {
    background: linear-gradient(to bottom, #eeeeee 0%, #d8d8d8 100%);
}

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

.oddrow { background-color: #d3d7e2; }
.evenrow { background-color: #e5e7ee; }

.oddrow2 { background-color: #dadada; }
.evenrow2 { background-color: #eaeaea; }

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

.oddrow_highlight { background-color: #eef0f3; }
.evenrow_highlight { background-color: #f2f4f7; }

.oddrow2_highlight { background-color: #e8e8e8; }
.evenrow2_highlight { background-color: #f8f8f8; }

.oddrow_del_highlight { background-color: #ffeeee; }
.evenrow_del_highlight { background-color: #ffeeee; }

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

.actionrow { /* only used for mobile view */
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid #aaa;
}

/* tables----------- */

.table_noborder {
    border: 0;
    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 #ccc;
    padding-top: 4px;
    padding-bottom: 4px;
    box-sizing: border-box;
    border-spacing: 0;
}
.topline_black {
    border-top: 1px solid black;
}
.bottomline_black {
    border-bottom: 1px solid black;
}
.topline_gray, .topline_grey {
    border-top: 1px solid #808080;
}
.topline_white {
    border-top: 1px solid white;
}
.topline_none {
    border-top: 0 !important;
}

.topline_printonly { background: #ffffff; }
.leftline_printonly { }
.newpage_printonly{ }

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


/* login page ---- */

.login_main_div {
    width: 770px;
    margin: auto;
}
.tbldialog {
    background-color: #ffffff;
}

.td_dlg_title {
    background: #f4f4f4;
    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: .5em;
    clear:left;
}
.login_box_right {
    float: left;
    width: 67%;
    text-align: left;
    padding-top: .35em;
}
.login_inputtext {
    width: 170px;
}

/* Infoview Divs */
.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;
}
.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;
    background-color: #e6e6e6;
}
.infoview_header_small {
    background-color: #f2f2f2;
}
.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(images/box-standard-bg.png) repeat-x #fefefe; */
    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(images/box-admin-bg.png) repeat-x #f3f3f3; */
    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: 10pt;
    color: #f8f8f8;
}
.form_label_small {
    font-weight: bold;
    font-size: 8pt;
    color: #f8f8f8;
    padding-top: 2px;
}
.form_label_sub {
    font-weight: normal;
    font-size: 10pt;
    color: #ffffff;
}
.form_label_negative {
    color: #ffcccc;
}
.form_label_link {
    color: #cceeff !important;
}
.form_label_data {
    padding-top: 3px;
    padding-left: 3px;
}
.form_label_data_minheight {
    min-height: 19px;
}
.form_mobile_left {
}
.form_hint_div {
    padding-top: 3px;
    padding-left: 3px;
}
.form_radio {
    font-size: 10pt;
}

.form_radio_small {
    font-size: 9pt;
}
.form_radio_smallfilter {
    font-size: 8pt;
    vertical-align: 13%;
}

.form_checkbox {
    font-size: 10pt;
}
.form_radio_div {
    margin-top: 4px;
}
.form_radio_small {
}
.checkboxradiodiv {
    margin-top: 3px;
}
.checkboxradiodivfilter {
    margin-top: 0;
    display: inline;
    margin-left: -2px;
    padding-right: 15px;
}

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

.form_td_buttons {
    border-top: 1px solid white;
    background: #f4f4f4;
}
.form_td_label {
    background: #606060;
    padding-top: 5px;
}
.form_td_label_error {
    background: #bb6468;
    padding-top: 5px;
}
.form_td_label_small {
    background: #606060;
    padding-top: 0;
}
.form_td_label_error_small {
    background: #bb6468;
    padding-top: 0;
}

.form_td_field {
    background: #f0f0f0;
}
.form_td_field_small {
    background: #f0f0f0;
}
.form_td_field_error {
    background: #ffc0c0;
}

.form_td_label_sub {
    background: #767676;
    padding-top: 5px;
}
.form_td_label_sub_error {
    background: #996666;
    padding-top: 5px;
}
.form_td_field_sub {
    background: #f0f0f0;
}
.form_td_field_sub_error {
    background: #ffc0c0;
}

.form_td_entry {
    background: #d4d4d4;
}
.form_td_entry_error {
    background: #CC9999;
}
.form_td_label_yellow {
    background: #b8b040;
}
.form_td_field_yellow {
    background: #fff880;
}

.form_separator_label {
    color: #fff;
    font-weight: bold;
    font-size: 12pt;
    margin: 0;
    line-height: 1.5em;
}
.form_separator_label_small {
    color: #fff;
    font-weight: bold;
    font-size: 10pt;
    margin: 0;
}
.form_td_separator, .form_td_separator_gradient {
    border-top: 1px solid white;
    background: #1c628e;
}
.form_td_separator_warning {
    border-top: 1px solid white;
    background: #cc0000;
}

.form_subseparator_label {
    color: #fff;
    font-weight: bold;
    font-size: 10pt;
    margin: 0;
    line-height: 1.5em;
}
.form_td_subseparator_left {
    border-top: 1px solid white;
    background: linear-gradient(to bottom, #4e4e4e 0%, #333333 100%);
}
.form_td_subseparator_right {
    border-top: 1px solid white;
    background: linear-gradient(to bottom, #898989 0%, #777777 100%);
}
.form_td_separator a, .form_td_separator_gradient a,
.form_td_subseparator_left a, .form_td_subseparator_right a {
    background: #ddeeff;
}
.form_td_spacertransparent {
    background: transparent !important;
}
.fullwidth {
    width: 97%; /* Used for fields on Mobile devices */
}
.form_img_move {
    display: block;
    padding: 1px;
    border: 0;
}
.form_img_move_down {
    padding-top: 2px;
}
.form_img_move_disabled {
    cursor: not-allowed;
}

/* Fixed save button */
.form-scrollfix-bottom {
    box-shadow: 0 -20px 20px -12px #777777, 0 8px 5px -7px #333333;
    bottom: 2px !important;
}

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

/* Expander to snow more infos */
.expander_collapsed {
    margin-left: auto;
    margin-right: auto;
}
.expander_bg {
    /* background: url(images/expander_fader.png) repeat-x; */
    background: linear-gradient(to bottom, rgba(185,185,185,1) 0%, rgba(210,210,210,0.8) 10%, rgba(234,234,234,0.75) 15%, rgba(245,245,245,0.5) 20%, rgba(245,245,245,0.4) 30%, rgba(245,245,245,0.3) 100%);
    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; */
    background:  url('data:image/gif;base64,R0lGODlhFAAqAPECAJmZmejo6P///wAAACH5BAUKAAIALAAAAAAUACoAAAJMlI+JoK3sHAghSmrbrDnt7mHg8Y1GaaKjCrKdm8GWHNEXl4o5vuo93/IFgS9hkRgzJpEzZZNZc0ahN9NJWrXaNFgu1WsVbB9dbvhUAAA7') no-repeat bottom right;
    padding:0 0 1px 8px;
}
.expander_right {
    /* background: url(images/expander_right.gif) no-repeat bottom left; */
    background:  url('data:image/gif;base64,R0lGODlhFAAqAPECAJmZmejo6P///wAAACH5BAUKAAIALAAAAAAUACoAAAJNhI6paesaQnsuTgolrnrn6wlWmIzkYZ4puYat924xNlP1c3Mg3Kk9+3MFeTvZ0FikHZVJ29LZxD2lUd0JNbVecwvu5yrKdsWQqsPsKAAAOw==') 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;
}

/* File Upload Button trick... */
.fileUpload {
    display: inline-block;
    position: relative;
    float: left;
    overflow: hidden;
    padding-right: 10px;
}
.fileUpload .uploadButton {
    display: inline-block;
}
.fileUpload input.uploadFile {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer; cursor: hand;
    opacity: 0;
    filter: alpha(opacity=0);
}
.fileUpload .uploadButton {
    display: inline-block;
}
.fileUploadName {
    padding-top: 5px;
    margin-bottom: -8px;
}


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

.cthead_info_label {
    color: #000;
    font-size: 10pt;
    font-weight: bold;
}

.cthead_td_cmds {
    background-color: #ccddff;
}

.cthead_td_select {
    background-color: #dddddd;
}

.cthead_td_info {
    background-color: #666699;
}

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

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

.ctfoot {
    font-size: 8pt;
    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: 8pt;
    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%;
    color: #000000;
}

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

.message_warning {
    float: left;
    border: 2px solid #ee9900;
    background: #fef8dd;
}

.message_info {
    float: left;
    border: 2px solid #339922;
    background: #e0ffdd;
}
.message_error_title {
    font-size: 12pt;
    font-weight: bold;
    line-height: 1.7em;
}

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

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

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

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

.ct_message_text {
    float: left;
    padding: 5px 0 10px 5px;
    width: 85%;
    width:         calc(100% - 60px);
}

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

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

.infoview_invert {
    background-color: #666666;
}

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

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

.list_element_actions ul {
    font-size:9pt;
    margin-left: -0.4em;
    list-style-image:  url('data:image/gif;base64,R0lGODlhBwAJAIAAAIyMjP///yH5BAMAAAEALAAAAAAHAAkAAAIMjI+ABpr9IJNzuXUKADs='); /* url(icons/arrow_right_grey.gif); */
}
.list_element_actions li {
    text-indent: -1px;
}


/* reviewing------------------------------*/

.review0 { background-color: #ff4c4c; }
.review1 { background-color: #ff6633; }
.review2 { background-color: #ff9966; }
.review3 { background-color: #ffcc66; }
.review4 { background-color: #fff066; }
.review5 { background-color: #ffff66; }
.review6 { background-color: #e0ff99; }
.review7 { background-color: #ccff66; }
.review8 { background-color: #99ff33; }
.review9 { background-color: #66f000; }
.review10 { background-color: #00e033; }
.noreview { }
.hiddenreview {  opacity: 0.70; filter: alpha(opacity=70); filter: grayscale(40%); }

/* copyright ---------------------------------*/

.imprint {
    direction: ltr;
    text-align: left;
    background-color: #eee;
    padding: 10px;
    margin: 10px;
}


/* invoice------------------------------*/

.invoice_table {
    border: 1px solid #cccccc;
    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 #666666;
    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 #666666;
    padding: 5px;
}
.invoice_td_right {
    text-align: right;
    border: 1px solid #666666;
    padding: 5px;
}
.fax_td {
    text-align: left;
    border: 1px solid #666666;
    padding: 1px;
}
.fax_td_center {
    text-align: center;
    border: 1px solid #666666;
    padding: 1px;
}
.fax_td_right {
    text-align: right;
    border: 1px solid #666666;
    padding: 1px;
}

.invoice_logo{
    max-width: 640px;
    max-height: 80px;
}

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

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

#related_links {
    float: right;
    clear: both;
    text-align: left;
}
*+html #related_links{ padding: 0 4px 0 0; }


#related_links_header {
    background: #f8f8f8;
    border: 1px solid #d2d2d2;
    z-index:3;
}
#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_head {
    list-style-type: none;
    list-style-image: none;
    margin-left: 1em;
}

.related_links_empty, .actionbox_empty {
    font-size: 1pt;
    padding: 0;
    margin: 0;
    list-style-type: none;
    list-style-image: none;
    height: 5px;
}

#actionbox {
}
#actionbox_header {
    background-color: #e6e6e6;
}
#actionbox_body {
}


/* main navigation---------------------- */

#headbar {
    float: left;
    margin-bottom: 6px;
}

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

/* dropdown container */
.navbar-flex-dropdown {
    display: flex;
    align-items: center;
    min-height: 38px;
}


/* Dropdown menu */
.navbar-flex-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fdfdfd;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 100%;
    display: none;
}

/* Show dropdown when aria-expanded="true" */
.navbar-flex-dropdown-toggle[aria-expanded="true"] + .navbar-flex-dropdown-menu {
    display: block;
}

/* Dropdown menu items */
.navbar-flex-dropdown-menu li {
    margin: 0;
    padding: 0;
}

.navbar-flex-dropdown-menu a {
    display: block;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid #ccc;
    border-top: none;
}

.navbar-flex-dropdown-menu li:first-child a {
    border-top: 1px solid #ccc;
}


.navbar-flex-dropdown-menu a:hover,
.navbar-flex-dropdown-menu a:focus {
    background: #e6e6e6;
    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;
}



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

/* Focus ring for menü toggle - old for old buttons without flexboxes */
.navbar_menu_toggle:focus:not(.navbar-flex-dropdown-toggle) {
    outline-offset: -2px !important;
}

/* Dropdown menu - minimal version */
.navbar_menu_dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fdfdfd;
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
}

.navbar_menu.language.navbar-flex-dropdown {
    width: auto !important;
}

/* Menu items - minimal style */
.navbar_menu_dropdown li {
    margin: 0;
    padding: 0;
}

.navbar_menu_dropdown a {
    display: block !important;
    text-decoration: none;
    background-color: #fdfdfd;
}

.navbar_menu.sessions .navbar_menu_dropdown a {
    padding: 1px 14px 1px 10px;
}

.navbar_menu_dropdown a:hover,
.navbar_menu_dropdown a:focus {
    background: #e6e6e6;
    font-weight: bold;
    outline-offset: -2px;
}


/* 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;
    gap: 0.3em !important;
}

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

.navbar_elements.navbar-flex-item > #cttime {
    padding-left: 10px !important;
}

.navbar_elements.navbar-flex-item > #cttimezone {
    padding-right: 10px !important;
}

.navbar_elements.navbar-flex-item > #ctservertime {
    padding-left: 10px !important;
    margin-right: -10px !important;
}

.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 ------------------------------- */

.navbar_breadcrumb {
    float:left;
    width: 100%;
    border: 1px solid #d2d2d2;
    border-top: 0;
    background: #fafafa url(../images/lightgray_fader.gif) repeat-x;
    background: linear-gradient(to bottom, #f1f1f1 0%, #fafafa 8px, #fafafa 30px);
}

.navbar_footer {
    float: left;
    border: 1px solid #d2d2d2;
    background: #fafafa;
}

.breadcrumb_inner {
    width: auto;
    padding: 4px 3px 4px 3px;
}

.breadcrumb_right {
    float:right;
    text-align: right;
    padding: 0 0 2px 6px;
    white-space: nowrap;
}

.navbar_local {
    float: left;
    width: 100%;
    border: 1px solid #d2d2d2;
    border-top: 0;
    background: #fafafa url(../images/lightgray_fader.gif) repeat-x;
    background: linear-gradient(to bottom, #f1f1f1 0%, #fafafa 8px, #fafafa 30px);
}

/* Navbar Sessions with divs */
.navbar_sessions {
    height: 100%;
}
.navbar_adminSessions {
    box-sizing: border-box !important;
}
.navbar_sessions_table .navbar_elements_td {
    padding: 0 !important;
    vertical-align: middle !important;
}

.navbar_sessions_table .navbar_elements_td > a {
    justify-content: center !important;
}

.navbar_sessions_table .navbar_elements_td > a > .navbar_item {
    margin: 0 !important;
    line-height: normal !important;
}

.navbar_sessions_table .navbar_elements_td > a:focus {
    outline-offset: -2px !important;
    outline: 2px solid currentColor !important;
}

/* Flexbox-spezifische Anpassungen für Sessions-Navbar */
.navbar_sessions_table.navbar-flex {
    box-sizing: border-box ! important;
}

.navbar_sessions.navbar-flex-left {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    flex-grow: 1 !important;
}



.navbar_sessions_table .navbar_elements_td.navbar-flex-item.hoverable:hover {
    height: 100% !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Sessions-Navbar Links */
.navbar_sessions_table .navbar_elements_td.navbar-flex-item .navbar-flex-link {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    width: 100% !important;
    padding: 0 10px !important;
}

.navbar_sessions_table .navbar_elements_td.navbar-flex-item .navbar-flex-text {
    white-space: nowrap !important;
}



/* Sessions-Navbar Dropdown */
.navbar_sessions_table .navbar_menu.sessions.navbar-flex-dropdown {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    width: 100% !important;
}

/* Sessions-Navbar Flexbox Items */
.navbar_sessions_table .navbar_elements_td.navbar-flex-item {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/*  Definitive fix for focus ring and padding in secondary navbars. Using highly specific selectors to guarantee override of conftool.css. */
.navbar_sessions_table .navbar_elements_td > a > .navbar_item, .navbar_adminSessions .navbar_elements_td > a > .navbar_item {
    float: none !important;
    padding: 0 !important;
}
.navbar_sessions_table .navbar_elements_td > a, .navbar_adminSessions .navbar_elements_td > a {
    box-sizing: border-box;
}
/* Specific line-height for session navbar to ensure vertical alignment */
.navbar_sessions .navbar_elements_td {
    line-height: 29px;
}

.navbar_sessions_table .navbar_elements_td > a:focus,
.navbar_adminSessions .navbar_elements_td > a:focus {
    position: relative;
    outline-offset: -2px !important;
}

/* Session-Navbar Searchbox */
#session_search_right {
    height: auto !important;
    padding: 0 2px !important;
}


/* Admin-Sessions-Navbar with flex box */
nav.navbar_adminSessions.navbar-flex {
    min-height: 40px !important;
    height: auto !important;
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}



/* Legacy div-based support (for backward compatibility) */
.navbar_adminSessions .navbar-flex-left {
    display: flex !important;
    align-items: stretch !important;
    align-content: center !important;
    height: auto !important;
    width: 100% !important;
}

/* Admin-Sessions-Navbar Flexbox Items */
nav.navbar_adminSessions .navbar_elements.navbar-flex-item {
    display: flex !important;
    align-self: stretch !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 0 !important;
    justify-content: center !important;
}

.navbar_adminSessions .navbar_elements.navbar-flex-item:last-child {
    border-right: none !important;
}

nav.navbar_adminSessions .navbar_elements.navbar-flex-item.hoverable:hover {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
}

/* Admin-Sessions-Navbar Left */
nav.navbar_adminSessions .navbar_elements.navbar-flex-item .navbar-flex-link {
    display: flex !important;
    align-items: center !important;
    align-self: stretch !important;
    width: 100% !important;
    flex: 1 !important;
    padding: 4px 10px !important;
    justify-content: center !important;
    align-content: center !important;
    gap: 0.3em !important;
    box-sizing: border-box !important;
    flex-wrap: wrap !important;
}


nav.navbar_adminSessions .navbar_elements.navbar-flex-item .navbar-flex-text {
    white-space: wrap !important;
}

nav.navbar_adminSessions .navbar_elements.navbar-flex-item:nth-last-child(2) {
    margin-left: auto !important;
}




/*  Search in sessions --------------------------*/

#session_search_right {
    z-index: 2;
    text-align: right;
}

#session_search_wrapper {
    position: relative;
}
#session_search_right input.search {
    font-size: 11px;
    color: #000;
    background: #f4f6f8 url(../icons/magnifier_search.png) no-repeat 3px 3px;
    background-size: 14px 14px;
    width: 125px;
    line-height: 15px;
    height: 15px;
    padding-left: 22px;
    padding-right: 17px;
    margin-right: 5px !important;
}
#session_search_right input.search::-ms-clear, #navbar_search_left input.search::-ms-clear {
    display: none; /* Hide clear in Edge */
}
#session_search_clear {
    position: absolute;
    float: right;
    height: 17px;
    width: 17px;
    top: 3px;
    right: 3px;
    cursor: pointer; cursor: hand;
}
#session_search_clear_img {
    height: 15px;
    width: 15px;
}

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

/* "Now Live" in Agenda */
.nowlive, tbody.nowlive td, tr.nowlive td { box-shadow: inset 0 0 500px rgba(153,255,136,0.2) !important; }
.nowLiveText { color: #008800; animation: blinker 1.2s linear infinite; }
@keyframes blinker {
    50% { opacity: 0.5; }
}


/* Special Navbars in Body of ConfTool */
.navbar_sessions{ }
.navbar_adminSessions{
    background: linear-gradient(to bottom, #f1f1f1 0%, #fafafa 8px, #fafafa 30px);
}
.sessionheader_adminSessions{
    background: linear-gradient(to bottom, #eeeeee 0%, #fafafa 8px, #fafafa 30px);
    float:none;
    width:auto;
    padding:8px 3px 2px 3px;
    border: 0;
    border-top: 1px solid #666666;
}


.session_box_letter {
    border: 1px solid #dddddd;
    background: #f8f8f8;
    margin:0;
    padding: 2px 7px 5px 7px;
}
.session_box_option {
    border: 1px solid #dddddd; border-top: 0;
    background: #f4f4f4;
    margin:0;
    padding: 5px 7px 5px 7px;
}
.sessions_authors_title {
    padding-left: 5px;
}

.sessions_agenda_icon {
    position: relative;
    width: 18px;
    height: 15px;
    padding: 0 2px 0 0;
}
.sessions_agenda_icon_add {
    width: 16px;
    height: 16px;
    padding-top: 2px;
    cursor: pointer; cursor: hand;
    border:0;
    position: absolute;
    z-index: 2;
}
.sessions_agenda_icon_add_hidden {
    display: none;
}
.sessions_agenda_icon_in {
    width: 16px;
    height: 16px;
    padding-top: 2px;
    cursor: pointer; cursor: hand;
    border:0;
    position: absolute;
    z-index: 1;
}
.sessions_agenda_icon_booked {
    cursor: not-allowed;
    border: 0;
    position: absolute;
}

.sessions_agenda_div {
    position: relative;
    width: 277px;
    height: 25px;
    clear: both;
}
.sessions_agenda_div_add {
    cursor: pointer; cursor: hand;
    position: absolute;
    right: 0;
    z-index: 2;
    width: 269px;
    padding: 1px;
    margin: 2px;
    font-size: 9pt;
    background: white;
    border: 1px solid #cccccc;
    border-radius: 11px;
}
.sessions_agenda_div_add_hidden {
    display: none;
}
.sessions_agenda_div_in {
    cursor: pointer; cursor: hand;
    position: absolute;
    right: 0;
    z-index: 1;
    width: 269px;
    padding: 1px;
    margin: 2px;
    font-size: 9pt;
    background: #ccffcc;
    border: 1px solid #4fb142;
    border-radius: 11px;
}
.sessions_agenda_div_booked {
    cursor: not-allowed;
    position: absolute;
    right: 0;
    width: 269px;
    padding: 1px;
    margin: 2px;
    font-size: 9pt;
    background: #ffcccc;
    border: 1px solid #c52e2e;
    border-radius: 11px;
}
.box_pcforum {
    border-radius: 6px;
    margin: 2px;
    padding: 5px;
}

/* Chat */
.chaticon {
    margin: 3px 0 2px 0;
}
.chaticon-identities {
    z-index:3;
    position: relative;
}
.chaticon_big {
    margin: 2px;
    clear:both;
    cursor: pointer; cursor: hand;
    z-index: 1;
    width: 269px;
    padding: 2px;
    font-size: 9pt;
    background: #ccffff;
    border: 1px solid #669999;
    border-radius: 11px;
}
.chaticon_big a {
    font-weight: normal;
    color: #0A246A !important;
    display: inline-block;
    width: 99%;
}
.chaticon_big a:hover {
    text-decoration: none;
    color: #0A246A !important;
}

#chatarea {
    float: left;
    position: relative;
    padding: 0; margin: 0;
    width: 100%;
    height: auto;
    min-height: 200px;
}
#personarea {
    float: left;
    position: relative;
    padding: 0; margin: 0;
    width: 100%;
    height: auto;
    min-height: 100px;
}
#chattitle-wrapper {
    position: absolute;
    top: 0;
    bottom: auto;
    height: 40px;
    width: 100%;
}
#chattitle {
    position: fixed;
    top: 15px;
    bottom: auto;
    height: 40px;
    width: 100%;
    width: calc(100% - 63px);
    background-color: rgba(255, 255, 255, 234);
    overflow: hidden;
    font-size: 9pt;
    box-sizing: border-box;
    padding: 4px;
    box-shadow: 0 1px 4px #ccc;
    z-index: 20;
}

.chattitle-label {
    font-weight: bold;
    color: #666666;
}
.listtitle-persons {
    box-shadow: none !important;
}

#chatmessages {
    float: left;
    position: relative;
    top: 0;
    width: 100%;
    min-height: 100%;
    padding-top: 40px;
    padding-bottom: 82px; /* Leave space for chatform */
}
#chatpersons {
    float: left;
    position: relative;
    top: 0;
    width: 100%;
    min-height: 100%;
    padding-top: 40px;
    padding-left: 1px;
    padding-right: 1px;
    background: #ffffff;
}
#chatform-wrapper {
    position: absolute;
    bottom: 0;
    top: auto;
    height: 80px; /* Space for chatform if scrolled down... */
    width: 100%;
}
#chatform {
    position: fixed;
    text-align: right;
    bottom: 15px;
    height: 80px;
    width: calc(100% - 63px);
    background-color: rgba(218, 248, 252, 192);
    padding-top: 2px;
}
#chatdisabled {
    text-align: center;
    padding: 30px 10px 0 10px;
    color: #B00000; text-shadow: 0 0 1px #fff, 0 0 2px #fff;
    font-weight: bold;
}
#chatoptions {
    position: fixed;
    bottom: 15px;
    height: 45px;
    background-color: rgba(223, 248, 248, 192);
    padding: 3px 5px 18px 5px;
    line-height: 1.8em;
    font-size: 9pt;
}
#chatinput {
    right: 0;
    position: absolute;
    width: 80%;
}
#chatsubscribed {
    cursor: pointer; cursor: hand;
}
#chatnotsubscribed {
    cursor: pointer; cursor: hand;
}
#chatnotification {
    cursor: pointer; cursor: hand;
}
#chatupdate {
    cursor: pointer; cursor: hand;
}
.chatTextarea {
    width: 100%;
    width: calc(100% - 63px);
    height: 70px;
    border-radius: 5px;
    font-size: 8pt;
    resize: none;
    padding: 1px;
}
.chatTextareaEdit {
    width: 85%;
    width: calc(95% - 40px);
    min-height: 50px;
    border-radius: 5px;
    font-size: 8pt;
    resize: none;
}
.chatEditCancel {
    position: absolute;
    top: 9px;
    right: 69px;
    left: calc(95% - 51px);
    font-size: 10pt;
    text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff;
}
.chatin .chatEditCancel {
    top: 22px;
}
.chatReplyMessage {
    font-weight: bold;
    font-style: italic;
    padding-top: 2px;
    clear: both;
}
.chatReplyCancel {
    position: absolute;
    bottom: 55px;
    right: 69px;
    left: calc(95% - 51px);
    font-size: 10pt;
    text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff;
}
.chatSubmit {
    border: 0;
    vertical-align: 20%;
    width: 47px;
    height: 45px;
    padding: 2px 4px 6px 2px;
}
@media screen and (min-width: 430px) and (max-width: 785px) {
    .chatSubmit {
        width: 40px;
        height: 38px;
    }
}
@media screen and (max-width: 429px) {
    .chatSubmit {
        width: 30px;
        height: 29px;
    }
}
.chatSubmitDisabled {
    cursor: not-allowed;
    filter: grayscale(100%);
}

.chatin {
    float: left;
    background: #f8f8f8;
    border-radius: 8px 8px 8px 0;
    width: 85%;
    padding: 5px;
    margin: 5px 5px 5px 7px;
    position: relative;
    font-size: 8.6pt;
}
.chatin:after {
    content:"";
    position:absolute;
    border-style:solid;
    left: -9px; /* value = - border-left-width - border-right-width */
    top: auto;
    bottom: 0;
    border-width: 10px 10px 0 0; /* vary these values to change the angle of the vertex */
    border-color:transparent #f8f8f8;
}
.chatin-head {
    font-size: 8pt;
}
.chatin-name {
    font-weight: bold;
}
.chatin-organisation {
}
.chatin-reply {
    float: left;
    background: #f0f0f0;
    border-radius: 3px 8px 8px 3px;
    width: 96%;
    width: calc(100% - 12px);
    padding: 5px;
    margin: 3px 0 3px 0;
    position: relative;
}


.chatout {
    float: right;
    background: #ccffff;
    border-radius: 8px 8px 0 8px;
    width: 85%;
    padding: 5px;
    margin: 5px 7px 5px 5px;
    position: relative;
    font-size: 8.6pt;
}
.chatout:after {
    content:"";
    position:absolute;
    border-style:solid;
    left: auto;
    right: -9px; /* value = - border-left-width - border-right-width */
    top: auto;
    bottom: 0;
    border-width: 10px 0 0 10px; /* vary these values to change the angle of the vertex */
    border-color: transparent #ccffff;
}
.chatout-reply {
    float: left;
    background: #c2f6f6;
    border-radius: 3px 8px 8px 3px;
    width: 96%;
    width: calc(100% - 12px);
    padding: 5px;
    margin: 3px 0 3px 0;
    position: relative;
}


.chat-role{color:#999; font-weight: normal; padding: 0 5px 0 20px;}
.chat-time {
    font-size: 8pt;
    color: #777;
}
.chatactions {
    font-size: 12pt;
    position: absolute;
    right: 5px;
    left: auto;
    z-index: 19;
    display: none;
    padding: 1px;
}
.chatout .chatactions {
    background-color: #ccffff;
    text-shadow: 0 0 1px #ccffff, 0 0 2px #ccffff, 0 0 3px #ccffff, 0 0 4px #ccffff, 0 0 5px #ccffff;
}
.chatin .chatactions {
    background-color: #f8f8f8;
    text-shadow: 0 0 1px #f8f8f8, 0 0 2px #f8f8f8, 0 0 3px #f8f8f8, 0 0 4px #f8f8f8, 0 0 5px #f8f8f8;
}
.chatout:hover > .chatactions, .chatin:hover > .chatactions {
    display: block;
}

.chatMe {color:#000000;}
.chatReplyMe {border-left: 2px solid #000000;}
.chat0 {color:#44bbbf;}
.chatReply0 {border-left: 2px solid #44bbbf;}
.chat1 {color:#ef4b4f;}
.chatReply1 {border-left: 2px solid #ef4b4f;}
.chat2 {color:#11bb66;}
.chatReply2 {border-left: 2px solid #11bb66;}
.chat3 {color:#d53293;}
.chatReply3 {border-left: 2px solid #d53293;}
.chat4 {color:#819b01;}
.chatReply4 {border-left: 2px solid #819b01;}
.chat5 {color:#ee9966;}
.chatReply5 {border-left: 2px solid #ee9966;}
.chat6 {color:#1f7aec;}
.chatReply6 {border-left: 2px solid #1f7aec;}
.chat7 {color:#cca808;}
.chatReply7 {border-left: 2px solid #cca808;}
.chat8 {color:#029d00;}
.chatReply8 {border-left: 2px solid #029d00;}
.chat9 {color:#8b7add;}
.chatReply9 {border-left: 2px solid #8b7add;}
.chat10 {color:#ee7c7c;}
.chatReply10 {border-left: 2px solid #ee7c7c;}
.chat11 {color:#ba33cc;}
.chatReply11 {border-left: 2px solid #ba33cc;}
.chat12 {color:#55c366;}
.chatReply12 {border-left: 2px solid #55c366;}
.chat13 {color:#b04632;}
.chatReply13 {border-left: 2px solid #b04632;}
.chat14 {color:#ed75c4;}
.chatReply14 {border-left: 2px solid #ed75c4;}
.chat15 {color:#8393ca;}
.chatReply15 {border-left: 2px solid #8393ca;}
.chat16 {color:#ff8f2c;}
.chatReply16 {border-left: 2px solid #ff8f2c;}
.chat17 {color:#3bdec3;}
.chatReply17 {border-left: 2px solid #3bdec3;}
.chat18 {color:#b4876e;}
.chatReply18 {border-left: 2px solid #b4876e;}
.chat19 {color:#c90379;}
.chatReply19 {border-left: 2px solid #c90379;}
.chat20 {color:#ef4b4f;}
.chatReply20 {border-left: 2px solid #ef4b4f;}
.chat21 {color:#9a63ac;}
.chatReply21 {border-left: 2px solid #9a63ac;}
.chat22 {color:#22cc55;}
.chatReply22 {border-left: 2px solid #22cc55;}
.chat23 {color:#994444;}
.chatReply23 {border-left: 2px solid #994444;}
.chat24 {color:#bb9944;}
.chatReply24 {border-left: 2px solid #bb9944;}
.chat25 {color:#6677cc;}
.chatReply25 {border-left: 2px solid #6677cc;}
.chat26 {color:#ee8800;}
.chatReply26 {border-left: 2px solid #ee8800;}
.chat27 {color:#00ccb3;}
.chatReply27 {border-left: 2px solid #00ccb3;}
.chat28 {color:#77aa66;}
.chatReply28 {border-left: 2px solid #77aa66;}
.chat29 {color:#770066;}
.chatReply29 {border-left: 2px solid #770066;}
.chat30 {color:#cc5566;}
.chatReply30 {border-left: 2px solid #cc5566;}
.chat31 {color:#8822cc;}
.chatReply31 {border-left: 2px solid #8822cc;}

#chatnewmessages {
    float: right;
    background: #fff8dd;
    width: 95%;
    width: calc(100% - 10px);
    padding: 5px;
    margin: 5px 0 5px 0;
    position: relative;
    opacity: 0.70; filter: alpha(opacity=70);
    text-align: center;
    font-size: 8.6pt;
    font-weight: bold;
}

.identitybox, .showidentitybox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
}
.identityitem {
    box-sizing: border-box;
    justify-content: center;
    width: 20%;
    text-align: center;
    border: 1px solid #ffffff;
    padding-top: 10px;
    padding-bottom: 5px;
}

.showidentitydata {
    border: 1px solid #aaa;
    box-sizing: border-box;
    justify-content: left;
    width: calc(100% - 260px);
    flex-grow: 1;
    text-align: center;
    background: white;
}
.showidentityimage {
    border: 1px solid #aaa;
    border-left: 0;
    box-sizing: border-box;
    justify-content: center;
    width: 260px;
    text-align: center;
    background: white;
}


.avatar0 {background:rgba(68, 187, 191, 0.55);}
.avatar1 {background:rgba(239, 75, 79, 0.55);}
.avatar2 {background:rgba(17, 187, 102, 0.55);}
.avatar3 {background:rgba(213, 50, 147, 0.55);}
.avatar4 {background:rgba(129, 155, 1, 0.55);}
.avatar5 {background:rgba(238, 153, 102, 0.55);}
.avatar6 {background:rgba(31, 122, 236, 0.55);}
.avatar7 {background:rgba(204, 168, 8, 0.55);}
.avatar8 {background:rgba(2, 157, 0, 0.55);}
.avatar9 {background:rgba(139, 122, 221, 0.55);}
.avatar10 {background:rgba(238, 124, 124, 0.55);}
.avatar11 {background:rgba(186, 51, 204, 0.55);}
.avatar12 {background:rgba(85, 195, 102, 0.55);}
.avatar13 {background:rgba(176, 70, 50, 0.55);}
.avatar14 {background:rgba(237, 117, 196, 0.55);}
.avatar15 {background:rgba(131, 147, 202, 0.55);}
.avatar16 {background:rgba(255, 143, 44, 0.55);}
.avatar17 {background:rgba(59, 222, 195, 0.55);}
.avatar18 {background:rgba(180, 135, 110, 0.55);}
.avatar19 {background:rgba(201, 3, 121, 0.55);}
.avatar20 {background:rgba(239, 75, 79, 0.55);}
.avatar21 {background:rgba(154, 99, 172, 0.55);}
.avatar22 {background:rgba(34, 204, 85, 0.55);}
.avatar23 {background:rgba(153, 68, 68, 0.55);}
.avatar24 {background:rgba(187, 153, 68, 0.55);}
.avatar25 {background:rgba(102, 119, 204, 0.55);}
.avatar26 {background:rgba(238, 136, 0, 0.55);}
.avatar27 {background:rgba(0, 204, 179, 0.55);}
.avatar28 {background:rgba(119, 170, 102, 0.55)}
.avatar29 {background:rgba(119, 0, 102, 0.55);}
.avatar30 {background:rgba(204, 85, 102, 0.55);}
.avatar31 {background:rgba(136, 34, 204, 0.55);}

.nobodybox {
    position: relative;
    text-align: center;
    width: 100px;
    height: 70px;
    left: 0;
    top: 0;
    margin: 3px auto;
}
.nobodybox img {
    width: 70px;
    height: 70px;
    border: 0;
    margin-left: 7px;
}
.nobodygallerybox {
    position: relative;
    text-align: center;
    width: 150px;
    height: 150px;
    left: 0;
    top: 0;
    margin: 3px auto;
}
.nobodygallerybox img {
    width: 150px;
    height: 150px;
    border: 0;
    margin-left: 7px;
}


.avatarbox {
    position: relative;
    text-align: center;
    width: 50px;
    height: 50px;
    left: 0;
    top: 0;
    margin: 3px auto;
}
.avatarimage, .avatarnoimage {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.avatartext {
    position: absolute;
    left: 0;
    top: 13px;
    text-align: center;
    width: 100%;
    height: 30px;
    z-index: 2;
    font-size: 15pt;
    font-weight: normal;
    color: #ffffff;
    text-shadow: 0 0 2px #00000044;
}
.avatarbgwhite {
    background: #ffffff;
}
.avatarbgshadow {
    background-image: linear-gradient(170deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
}
.avatarbgdummy {
    background-image: url("../images/avatar.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
}
.avataronline {
    display: block;
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    left: 33px;
    top: 33px;
    background: #00AA00;
    border: 2px solid white;
    z-index: 3;
}


.avatarbigbox {
    position: relative;
    text-align: center;
    width: 150px;
    height: 150px;
    left: 0;
    top: 0;
    padding: 2px 0;
    margin: 6px auto;
}
.avatarimagebig, .avatarnoimagebig {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto;
}
.avatarbigbox .avatarbgdummy {
    background-size: 150px 150px;
}
.avatarbigbox .avatartext {
    top: 40px;
    height: 75px;
    font-size: 45pt;
    text-shadow: 0 0 2px #00000044;
}
.avatarbigbox .avataronline {
    width: 25px;
    height: 25px;
    left: 115px;
    top: 115px;
}


/* ICS Link */
.icsicon_big {
    margin: 2px;
    clear:both;
    cursor: pointer; cursor: hand;
    z-index: 1;
    width: 269px;
    padding: 2px;
    font-size: 9pt;
    background: #eeeeff;
    border: 1px solid #666699;
    border-radius: 11px;
}
.icsicon_big a {
    font-weight: normal;
    color: #000077 !important;
    display: inline-block;
    width: 99%;
}
.icsicon_big a:hover {
    text-decoration: none;
    color: #000077 !important;
}

/* BibTeX Link */
.bibtexicon_big {
    margin: 2px;
    clear:both;
    cursor: pointer; cursor: hand;
    z-index: 1;
    width: 269px;
    padding: 2px;
    font-size: 9pt;
    background: #e7f1f0;
    border: 1px solid #02695f;
    border-radius: 11px;
}
.bibtexicon_big a {
    font-weight: normal;
    color: #02695f !important;
    display: inline-block;
    width: 99%;
}
.bibtexicon_big a:hover {
    text-decoration: none;
    color: #02695f !important;
}



/* 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 !important;
}
.link_button:hover {  cursor: pointer; cursor: hand; }

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


.link_button_logout {
    color:#000090;
    font-size: 13px;
}

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

/*  CSS Drop-Down-----------------------*/
.navbar_menu {
    float: left;
    width: 4.8em;
    height: 40px;
}

.navbar_menu.language { width: 8em; }
.navbar_menu.language_nomenu { width: 7em; white-space: nowrap; }
.language_nomenu .listheader_label { font-size: 10pt; }
.navbar_menu.user { width: auto; }

.navbar_menu ul {
    list-style-type:none;
    padding:0;
    margin:0;
}

.navbar_menu li {
    float: left;
    width: 6em;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    text-align: left;
    z-index: 9;
}
.navbar_menu.language li { width:8em; }
.navbar_menu.user li { width:auto; white-space: nowrap; }

/*  style the links for the top level */
.navbar_menu a, .navbar_menu a:visited {
    display:block;
    width:7.5em;
}
.navbar-flex-dropdown a#sessionsmenu  {
    display: flex;
    width: 100%;
}

.navbar_menu.language a, .navbar_menu.language a:visited {
    display:block;
    width:10em;
}
.navbar_menu.user a, .navbar_menu.user a:visited {
    display:block;
    width:auto;
}

.navbar_menu ul ul {
    visibility:hidden;
    position:absolute;
    height:0;
    top: 1.7em;
    left:-1.39em;
}
.navbar_menu.language ul ul { top: 1.72em; left: -1.36em; }
.navbar_menu.user ul ul { top: 1.72em; left: -1.36em; }

/* style the menu links */
.navbar_menu ul ul a, .navbar_menu ul ul a:visited {
    background-color:#fdfdfd;
    height:22px;
    padding: 10px 0 1px 10px;
    width: 280px;
    border: 1px solid #ccc;
    margin-top:-1px;
}
.navbar_menu.language ul ul a, .navbar_menu.language ul ul a:visited {
    width: 100px;
    color: #000;
    border: 1px solid #ccc;
    border-top: 0;
    margin-top: 0;
}

.navbar_menu.user ul ul a, .navbar_menu.user ul ul a:visited {
    width: auto;
    min-width: 250px;
    white-space: nowrap;
    color: #000;
    border: 1px solid #ccc;
    border-top: 0;
    margin-top: 0;
    padding-left: 5px; padding-right: 8px;
}

/* The new button-based dropdown structure replaced the older nested list structure (seen above), so the CSS selector needs updating to match the new HTML structure. */
.navbar_menu ul ul li {
    float: none;
    width: auto;
    margin-bottom: 0;
}
.navbar_menu.user .navbar-flex-dropdown-menu a,
.navbar_menu.user .navbar-flex-dropdown-menu a:visited {
    color: #000;
}

.navbar_menu .switch-user {
    color: #aa0000;
    font-weight: bold;
    text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff;
}

/*  top level hover */
.navbar_menu a:hover {
    text-decoration: none;
    height: 23px;
}

.navbar_menu ul ul a:hover {
    text-decoration: none;
    height: 22px;
}
.navbar_menu :hover > a { font-weight: bold; }

.navbar_menu ul ul :hover > a, .navbar_menu.language ul ul :hover > a {
    font-weight: bold;
    background: #e6e6e6;
}
.navbar_menu ul ul :hover > a, .navbar_menu.user ul ul :hover > a {
    font-weight: bold;
    background: #e6e6e6;
}

/*  make the second level visible when hover on first level list OR link */
.navbar_menu ul li:hover ul, .navbar_menu ul a:hover ul{
    visibility:visible;
}

/* Progress bar for participant registration */
#progressbar{
    margin: 0;
    padding: 0;
    list-style: none;
    background: #f4f4f4;
    border-width: 1px;
    border-style: solid;
    border-color: #f8f8f8 #e5e5e5 #ccc;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    overflow: hidden;
    width: 100%;
    height: 27px;
    white-space: nowrap;
}
#progressbar li {
    margin: 0;
    display: inline-block;
    height: 27px;
}
#progressbar span{
    padding: 5px 10px 6px 25px;
    float: left;
    text-decoration: none;
    position: relative;
    border-right: 1px solid #ddd;
}
#progressbar span::after,
#progressbar span::before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -22px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 17px solid;
    right: -16px;
}
#progressbar span::after{
    border-left-color: #f4f4f4;
    z-index: 2;
}
#progressbar span::before{
    border-left-color: #ccc;
    right: -17px;
    z-index: 1;
}
#progressbar li:first-child span{
    padding-left: 20px;
}
#progressbar li:last-child span::before,
#progressbar li:last-child span::after {
    border-left: 0;
}
#progressbar input {
    font-size: 10pt;
    padding: 0 15px 0 0;
    margin: 0;
    background-image: url(../icons/progressbar-step-ok.gif);
    background-repeat: no-repeat;
    background-position: right;
}

#progressbar .past {
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    background: #eeeeee;
    background: linear-gradient(to right, #f5f5f5 0%,#e8e8e8 100%);
}
#progressbar .past span::after{
    border-left-color: #e8e8e8;
}
#progressbar .past span:hover{
    background: #fcfcfc;
}
#progressbar .past span:hover::after{
    border-left-color: #fcfcfc;
}


#progressbar .current,
#progressbar .current span,
#progressbar .current:hover,
#progressbar .current span:hover {
    background: #444444;
    color: #fff;
    font-weight: bold;
}
#progressbar .current span::after {
    border-left-color: #444444;
}

#progressbar .future,
#progressbar .future:hover,
#progressbar .future span,
#progressbar .future span:hover {
    background: #f4f4f4;
    color: #777;
}
#progressbar .future span::after {
    border-left-color: #f4f4f4;
}

/* 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;
}
#rrsearch {
    font-size: 8pt;
}

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

/* Rotating spinner */
.spinner-rotate {
    margin: auto;
    border: 5px solid #eee;
    border-radius: 50%;
    border-top: 5px solid #000;
    border-left: 3px solid #e8e8e8;
    border-bottom: 1px solid #eeeeee;
    width: 45px;
    height: 45px;
    animation: spin 1.5s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



/*  buttons for external links --- */
.resourceButton {
    box-sizing: border-box;
    display: inline-block;
    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;
}

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

.custom { border: 1px solid #0061FF;}
.custom:hover { box-shadow: 0 0 1px 2px #0061FF;}

/* basic 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;
    max-height: 100%;
}
.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: 10pt;
    text-decoration: none;
    font-weight: bold;
}

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

.nobr {white-space: nowrap}
.wordbreak {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: #f8f8f8; }
.brightbg	{ background: #f2f2f2; }
.lightbg	{ background: #eaeaea; }
.mediumbg	{ background: #dcdcdc; }
.mediumbg_gradient { background: #cccccc; }
.waitwindowbg { background: #eeeeee; }
.dimbg		{ background: #999999; }
.graybg,.greybg { background: #808080; }
.darkbg		{ background: #666666; }
.blackbg	{ background: #000000; }
.positivebg	{ background: #66AA55; }
.lightpositivebg	{ background: #ddffbb; }
.darknegativebg	{ background: #772222; }
.negativebg	{ background: #aa5555; }
.lightnegativebg	{ background: #FFdddd; }
.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: #007000; text-shadow: 0 0 1px #fff, 0 0 2px #fff; }
.fontlightpositive { color: #ccffbb; }
.fontnegative { color: #B00000; text-shadow: 0 0 1px #fff, 0 0 2px #fff; }
.fontlightnegative { color: #ffdddd; text-shadow: 0 0 3px #884; }
.fontother    { color: #805500; text-shadow: 0 0 1px #fff, 0 0 2px #fff; }
.fontlightother    { color: #ffff66; text-shadow: 0 0 1px #000; }
.fontinfo     { color: #226699; text-shadow: 0 0 1px #fff; }
.fontblack    { color: #000000; }
.fontdark     { color: #666666; }
.fontgray, .fontgrey { color: #808080; }
.fontdim      { color: #999999; }
.fontlight    { color: #f8f8f8; }
.fontwhite    { color: #ffffff; }
.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: 7pt; }
.font7-5 { font-size: 7.5pt; }
.font8 { font-size: 8pt; }
.font9 { font-size: 9pt; }
.font10 { font-size: 10pt; }
.font10-5 { font-size: 10.5pt; }
.font11 { font-size: 11pt; }
.font12 { font-size: 12pt; }
.font14 { font-size: 14pt; }
.font20 { font-size: 20pt; }
.font26 { font-size: 26pt; }
.font36 { font-size: 36pt; }
.font72 { font-size: 72pt; }


/* jquery UI specifics... */
.ui-datepicker { z-index:20 !important; }
.ui-datepicker { font-size:8pt !important; }
.ui-datepicker td { font-size:9pt !important; }
.ui-datepicker select { height:20px !important; }
.ui-datepicker option { font-size:8.5pt !important; }
.ui-autocomplete { max-height: 240px; overflow-y: auto; overflow-x: hidden;}
.ui-state-focus { background: #8899bb !important; color: #fff !important; } /* Autocomlete select bar */