/** ConfTool Custom CSS File **/
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/inter-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/inter-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/** CSS variables for navbar colours **/
:root {
  --navbar-bg: #843df2;
  --navbar-bg-hover: #da19cc;
  --navbar-text: #fff;
  --navbar-text-hover: #fff;
  --navbar-main-border: #843df2;
  --navbar-border: #000;
  --header-bg: #FCFCF8;
  --header-height: 180px;
  --button-radius: 10px;
  --button-main: #843df2;
}

/** Main Background **/
body {
    margin-top: 0;
    padding: 0;
    min-height: 100vh;
    margin-bottom: 10px;

    background: linear-gradient(180deg,
        var(--header-bg) 0, 
        var(--header-bg) var(--header-height), 
        #843df2 calc(var(--header-height) + 0px),
        #843df2 calc(var(--header-height) + 40px),
        #FCFCF8 calc(var(--header-height) + 40px),
        #FCFCF8 calc(var(--header-height) + 41px)
        ) no-repeat;
}

/** Link Colors **/
  a:link, .link_button_logout {color: #6a31c2;}
  a:visited {color: #4f2591;}
  a:active  {color: #1D1D1D;}
  a:hover   {color: #1D1D1D;}
/**/

/** Higher main navigation bar **/
.cthead_a, .link_button_logout, .navbar_item {color: var(--navbar-text) !important; transition: all 0.2s ease-in-out;}
.navbar {background: var(--navbar-bg); border:1px solid var(--navbar-main-border); border: 0; width: 100.3%; width: calc(100% + 2px);}
.navbar_elements {transition: all 0.2s ease-in-out;}
.navbar_elements_hover:hover {background: var(--navbar-bg-hover);}
.navbar_elements_hover:hover .cthead_a, .navbar_elements_hover:hover .link_button_logout, .navbar_elements_hover:hover .navbar_item {color: var(--navbar-text-hover) !important;}
.navbar_elements {border-right: 1px solid var(--navbar-main-border);}
.navbar_elements_right {border-right: 0; border-left: 1px solid var(--navbar-main-border);} /**/

/* Define border of session navbar independently of main navbar /**/
.navbar_sessions_table {border: 1px solid var(--navbar-border) !important; width: 100%;}
.navbar_sessions_table .navbar_elements, .navbar_sessions_table .navbar_elements_td {border-right: 1px solid var(--navbar-border);}
.navbar_sessions_table .navbar_elements_right {border-left: 1px solid var(--navbar-border);}
.navbar_sessions { }
.navbar_elements_td {transition: all 0.2s ease-in-out;}
.navbar_elements_td:hover { }

/* #session_search_wrapper {margin-top: 0; margin-right: 0;} /**/

/* Define borders of admin navbar independently of main navbar /**/
.navbar_adminSessions {border: 1px solid var(--navbar-border) !important; width: 100% !important;}
.navbar_adminSessions .navbar_elements, .navbar_adminSessions .navbar_elements_td {border-right: 1px solid var(--navbar-border); border-left: 0;}
.navbar_adminSessions .navbar_elements_right {border-left: 1px solid var(--navbar-border);}
.navbar_adminSessions td {padding-top: 5px !important;}
.navbar_adminSessions td:hover {}
.navbar_adminSessions td:last-child {border-right: none;} /**/

/** Sub navigation bar with breadcrumbs /**/
.navbar_breadcrumb {
  border: 0; 
  border-bottom: 1px solid #1D1D1D;
  background: transparent;
} 

/** Footer navigation bar /**/
 .navbar_footer {
    border: 1px solid #1D1D1D;
    background: transparent;
} 

/** Login Page **/
  .tbldialog {background: transparent;} 
  .td_dlg_title {background: #da19cc;}
  .td_dlg_title h3 {color: #fff;} 
/*  .login_main_div {width: 770px;} /* min 770px /**/

/* Image above login title /**/
/* .login_title {
  padding: 0 !important;
} */

/* .login_title_image, .login_title_image:before {
content:url(bg-login.jpg); 
width: 100%; 
padding: 10px 0 15px 0;
margin: 15px 0 20px calc(50% - 325px);
  } */

/* If you want to hide it on small screens /**/
/*  @media only screen and (max-width: 1280px) {
  .login_title_image,   
  .login_title_image:before {
  content: none}
} */

/** Colours for Lists and Details Pages **/
.oddrow { background-color: #fbf9f4; }
.evenrow { background-color: #f6f2e9; }
.oddrow_highlight { background-color: #efe9dc; }
.evenrow_highlight { background-color: #efe9dc; }
/* */



/** Color of Form Separator /**/
.form_td_separator_gradient, .infoview_sep {background: #da19cc; border: 0;} 
.form_separator_label {
  color: #fff;
  font-size: 13pt;
  line-height: 1.3em;
  font-weight: bold;
  padding:1px 0 1px 0;
}


/** Modern Inverted Buttons **/
input.button, button.button, .smallbutton, .tinybutton, .fakeButton {
    color: #fff;
    background: var(--button-main);
    border: 2px solid var(--button-main);
    border-radius: var(--button-radius);
    transition: all ease-in-out .2s;
	box-shadow: none !important;-shadow ab
}
input.button:hover, button.button:hover, .smallbutton:hover, .tinybutton:hover, .fakeButton:hover {
    box-shadow: none !important;
    background: white !important;
    color: var(--button-main) !important;
	border: 2px solid var(--button-main) !important;
}

.button_cancel {
    border: 2px solid #666 !important;
    background: #666 !important;
    color: white !important;
}
.button_cancel:hover {
    border: 2px solid #666 !important;
    background: white !important;
    color: #666 !important;
}

.button_clear {
    border-radius: var(--button-radius);
    border: 2px solid #C82333;
    background: white;
    color: #C82333;
}
.button_clear:hover {
    box-shadow: none !important;
    border: 2px solid #C82333;
    background: #C82333;
    color: white;
}

.waitbutton {
    border-radius: var(--button-radius);
    border: 2px solid #E5E0DA !important;
    background: #E5E0DA !important;
    color: #7c7872 !important;
} 


/** With of centered outer content area including the padding /**/
.main {width: 900px;} /* 900 + 10 + 10 (padding of #main_box) +2 auto padding of #below_siteheader */

/** Outer box for CSS border and padding. /**/
#main_box {
background: transparent; 
 /* background: none; /**/
 /* margin: 0; /**/
 /* padding: 0 10px 10px 10px; */
 /* border: 1px solid #cccccc; /**/
 /* border-radius: 8px; /**/
 /* box-shadow: 0 1px 6px #999999; /**/
}

/* inner box, usually do not change this /**/
.main_elements {width: auto;} 

/* Inner area from #main_box w/o padding /**/
.mainbg {
  background: none;
}

.brightbg {
  background: #f4f4f4;
}

/* below_siteheader: a box with all elements below the siteheader /**/
#below_siteheader {
  background: transparent; 
/*  margin-left: -10px; /**/
}

/* Content area: All that belongs to the page without upper and lower navigation bars /**/
 #inner_content {background: transparent; padding-top: 3px;} 



/* Main div for siteheader */
#siteheader {
  height: var(--header-height); /**/
  display: flex;
  align-items: center; 
  background: none;
  width: 100%;

}
#siteheader #left {
  display: block; /* falls links kein Bild ist auf none stellen /**/
  width: 200px;
  padding-right: 45px;
  padding-top: 0px;
  text-align: left;
}
#siteheader #left img {
  width: 200px;
}
#siteheader #center { /* der center-container nimmt den verfügbaren Platz ein /**/
  width: auto;
  flex-grow: 3;
  text-align: left;
  font-family: 'Inter', Arial, Helvetica, sans-serif;
}
#siteheader #center .title {
  margin: 0px 0 15px 0;
  font-size: 28px;
  line-height: 1;
  font-weight: 700;  
}
#siteheader #center .title a {
  color: #1D1D1D;
}
#siteheader #center .subtitle, #siteheader #center .subtitle a  {
  display: block;
  margin: 0 0 15px 0;
  font-size: 36px;
  line-height: 1.2;
  font-weight: 700;
  color: #f34134;
}
#siteheader #center .subtitle2, #siteheader #center .subtitle2 a {
  display: block;
  margin: 0;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 500;
  color: #1D1D1D;
}
#siteheader #right {
  display: none; /* falls rechts kein Bild ist auf none stellen /**/
  width: 140px;
  padding-left: 20px;
  text-align: right;
}
#siteheader #right img{
  width: 140px;
}

/* Falls es nur ein headerbild gibt, siteheader-image.inc.php verwenden /**/
#siteheaderimage {
  height: var(--header-height); /**/
/*  text-align: center; /**/
}
#siteheaderimage img {
/*  width: auto; /**/
  max-width: 100%; /**/
/*  height: 150px; /**/
}

/* CSS for sitefooter /**/
#sitefooter {
  height: auto; 
  text-align: center; 
  margin-top: 10px; 
  padding: 15px 0 5px 0; 
  border-top: 1px solid #1D1D1D; 
} 

 #sitefooter img {
  max-width: 80%; 
} 

/* #sitefooter img:nth-of-type(2n) {
/*  margin-top: 20px; /**/
/*  padding-top: 10px; /**/
/* } */




/* The settings below are only for experts ---------------------------------------------- */

/* Highlight links on "submissions" page */
/* a.link_newpaper{
 text-decoration: underline;
} /* */

/* Show Checkboxes of submission form (topics) in 2 columns */
/* @media screen and (min-width: 600px){
  form[name=submission] #submission_topics .form_checkboxes_div fieldset { or
  form[name=submission] #submission_topic_group_1 .form_checkboxes_div fieldset {
      -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
  }
 } */

/* To change the font use one of the below - not recommended as Arial covers most characters.
body,p,td,input,textarea {
 font-family: calibri, arial, helvetica, sans-serif;
 font-family: "Times New Roman", Times, serif;
 font-family: Tahoma, Geneva, sans-serifM
}
.button,.link_button,.inputtext,select,option {
 font-family: calibri, arial, helvetica, sans-serif !important;
 font-family: "Times New Roman", Times, serif !important;
 font-family: Tahoma, Geneva, sans-serif !important;
}
*/

/* Booking text blocks of statements and invoices */
/* .bookings_eventtype { display: inline-block; padding-top: 4px; } */
/* .bookings_event {} */
/* .bookings_date {} */
/* .bookings_date_personal {} */
/* .bookings_location {} */
/* .bookings_info { color: #555555; } */
/* .bookings_stay {} */
/* .bookings_hint {} */

/** Colours for the registration form
#participate_eventtype3 tr td:first-child { border-left: 5px solid #6688ff; }
#participate_eventtype3 tr td { box-shadow: inset 0 0 5000px rgba(102,136,255,0.15); } */

/** Modify size of Logos for Invoice and Fax Statement **/
/*
.invoice_logo{
  max-width: 640px;
  max-height: 80px;
  width: expression(this.width > 640 ? "640px" : true);
  height: expression(this.height > 80 ? "80px" : true);
}
*/
/*
.statement_logo{
  max-width: 640px;
  max-height: 120px;
  width: expression(this.width > 640 ? "640px" : true);
  height: expression(this.height > 120 ? "120px" : true);
}
*/