@CHARSET "UTF-8";

/** Layout: Progon2016Layout **/

/** This was outcommented becaus of PROGON PROGON-826. The problem was, that a long Description
    leaded to a bug of the content columnn (the collection view was to long and the second column
    with the collection-edit posibillities was hidden) 24.08.2018
 **/
/*
html,
body {
    min-width: -moz-fit-content;
    min-width: -webkit-fit-content;
    min-width: -ms-fit-content;
    min-width: fit-content;
}
*/
body,
#content {
  background-color: #ffffff !important;
  background-image: none;
}

#header ul,
#navigation-tabs ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#header {
  height: 15px;
  padding: 10px;
  background-color: #777777;
  background-position: center;
  background-repeat: repeat-y;
  margin-left: 215px;
}

#headerMenu {
  height: 35px;
  background-color: #b6d7ca;
  background-position: center;
  background-repeat: repeat-y;
  width: 215px;
  float: left;
}

body.collapsedMenu #header {
  margin-left: 58px;
}

body.collapsedMenu #headerMenu {
  width: 57px;
}

#header .header_title {
  float: left;
}

#header .header_title h1 {
  color: #ffd300;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
}

#header .navigation-links ul {
  float: right;
}

#header .navigation-links li {
  display: inline;
  padding-right: 3px;
}

#header .navigation-links li,
#header .navigation-links a {
  color: white;
}

#container {
  background-color: transparent !important;
  background-image: none !important;
}

#contentwrapper {
  margin-left: 215px;
}

body.collapsedMenu #contentwrapper {
  margin-left: 57px;
}

body.collapsedMenu #navigation-tabs div.navigation>ul>li>ul {
  display: none;
}

#contentwrapper dl {
  margin: 5px 0px;
}

/* DateTimePicker ProgOnline color scheme */
body .xdsoft_datetimepicker {
  border-color: #aaa;
}
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #666;
  font-weight: 700;
}
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current,
body .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
  background: #b6d7ca;
  box-shadow: none;
  color: #333;
}
body .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover,
body .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
  color: #333 !important;
  background: #daece3 !important;
}
body .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
  height: auto;
  max-height: 290px;
}
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: auto;
  max-height: 270px;
}
body .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect>.xdsoft_scrollbar {
  display: none;
}

/* -----------
  navigation
----------- */
#navigation-tabs {
  height: 100vh;
  width: 215px;
  position: absolute;
  top: 35px;
  background-color: #e1dfdf;
}

#navigation-tabs.collapsedMenu {
  overflow: hidden;
}

body.collapsedMenu #navigation-tabs {
  width: 57px;
  background-color: #f3f3f3;
  height: 100%;
}

#navigation-tabs li>ul {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s ease, opacity 0.5s ease;
  transition-delay: 0.1s;
}
#navigation-tabs li.cel_nav_hasChildren>ul:hover,
#navigation-tabs li.cel_nav_hasChildren>.cel_subnav_button:hover+ul {
  visibility: visible;
  opacity: 1;
  transition: visibility 0.5s, opacity 0.5s ease;
  transition-delay: 0.1s;
}

#navigation-tabs ul ul {
  position: absolute;
  top: 0px;
  left: 215px;
  width: 174px;
  z-index: 3;
}

#navigation-tabs li {
  display: flex;
  line-height: 27px;
  border-top: 1px solid #e1dfdf;
}
#navigation-tabs li:first-child {
  border-top: none;
}

body.collapsedMenu #navigation-tabs li {
  line-height: 35px;
  width: 100%;
  min-width: 0;
  margin: 0;
  white-space: nowrap;
}

#navigation-tabs ul>li.cel_nav_hasChildren {
  position: relative;
}

#navigation-tabs li.active>a {
  background: #daece3;
  font-weight: bold;
}

#navigation-tabs li>a:hover,
#navigation-tabs li>.cel_subnav_button:hover {
  background: #b6d7ca;
}

#navigation-tabs li>li.visited {
  background: white;
}

#navigation-tabs li li>li.visited {
  background: white;
}

#navigation-tabs li>a,
#navigation-tabs li>.cel_subnav_button {
  display: block;
  height: 30px;
  border-left: 1px solid #e1dfdf;
  border-right: 1px solid #e1dfdf;
  color: #555555;
  background: #f3f3f3;
  transition: background .3s ease;
  cursor: pointer;
}
#navigation-tabs li>a {
  flex: 1;
  padding-left: 19px;
}

#navigation-tabs li+li>a {
  border-top: 0;
}

body.collapsedMenu #navigation-tabs li>a {
  font-size: 20px;
  margin: 0;
  margin-top: 1px;
  padding: 5px 18px 8px 18px;
}

#navigation-tabs li>.cel_subnav_button {
  display: none;
  width: 40px;
  border-left: 0;
  padding-right: 2px;
  text-align: center;
}
#navigation-tabs li.cel_nav_hasChildren>.cel_subnav_button {
  display: block;
}
body.collapsedMenu #navigation-tabs .cel_subnav_button {
  display: none;
}

#navigation-tabs li li {
  line-height: 30px;
}

#navigation-tabs li li>a {
  background: #daece3;
  border-color: #f3f3f3;
}

#navigation-tabs .navigation-shortcut {
  padding: 10px;
}

body.collapsedMenu #navigation-tabs .navigation-shortcut {
  padding: 0px;
}

#navigation-tabs .navigation-shortcut li {
  display: inline-block;
  min-width: 75px;
  margin-right: 8px;
}

#navigation-tabs .navigation-shortcut li>a {
  padding: 3px 10px 0 10px;
}

#navigation-tabs .navigation-clear {
  clear: left;
}
/* haflings */
#navigation-tabs .halflings {
  margin-right: 10px;
}

#navigation-tabs .navigation>ul>li>a:before {
  font-family: 'Glyphicons Halflings';
  margin-right: 10px;
  content: "\E107";
}
#navigation-tabs .navigation>ul>li.ProgonNav_collections>a:before {
  content: "\E042";
}
#navigation-tabs .navigation>ul>li.ProgonNav_rules>a:before {
  content: "\E178";
}
#navigation-tabs .navigation>ul>li.ProgonNav_events>a:before {
  content: "\E023";
}
#navigation-tabs .navigation>ul>li.ProgonNav_organisation>a:before {
  content: "\E261";
}
#navigation-tabs .navigation>ul>li.ProgonNav_settings>a:before {
  content: "\E019";
}
#navigation-tabs .navigation>ul>li.ProgonNav_settings:not(.cel_nav_hasChildren) {
  display: none;
}

#navigation-tabs li.cel_nav_hasChildren>.cel_subnav_button:after {
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  content: "\E072";
}

body.collapsedMenu #navigation-tabs .navigation>ul>li>a:before {
  margin-right: 20px;
}

body.collapsedMenu #navigation-tabs .navigation ul ul>li>a:before {
  display: none;
}

body.collapsedMenu #navigation-tabs .halflings {
  display: inline;
  margin-right: 20px;
  font-size: 20px;
}

#navContainer {
  height: 100%;
  position: relative;
  width: 215px;
}

#navContainer.collapsedMenu {
  overflow: hidden;
}

body.collapsedMenu #navContainer {
  width: 57px;
  position: absolute;
  top: 28px;
  overflow: hidden;
}

#headerMenu #collapseIcon {
  background-image: url("menuIcon.png");
  background-repeat: no-repeat;
  margin-left: 17px;
  margin-top: 12px;
  position: absolute;
  width: 30px;
  cursor: pointer;
}

/* -----------
  simpleTable
  IMPORTANT: allow overwritting of nth-child(odd) with class 'odd'/'even', because there are usage
  of two odd tr and then two even tr.
----------- */
table.simpleTable tr:nth-child(even),
div table.simpleTable tr.even td {
  background-color: #f0f4ff;
}

table.simpleTable tr:nth-child(odd),
div table.simpleTable tr.odd td {
  background-color: #fff;
}

.performances table.simpleTable tr:nth-child(2) {
  border-top: none;
}

#view_progon_right .dateFormat_date .dateFormat_ddMMyyyy {
  text-align: right;
}

/* -----------
     Form
----------- */
#contentwrapper .progon_twoCol_layout input,
#contentwrapper .progon_twoCol_layout textarea,
#contentwrapper .progon_twoCol_layout select,
#contentwrapper .progon_twoCol_layout button {
  border: 1px solid #9fb0cd;
  box-shadow: none;
  border-radius: 0px;
  padding: 0px 5px;
}

#contentwrapper .progon_twoCol_layout textarea {
  margin-bottom: 5px;
}

#contentwrapper .progon_twoCol_layout .label {
  text-shadow: none;
  padding: 0px;
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
  background: transparent;
}

/* -----------
  two coloumn
----------- */
.progonEventPreparedList+.progonEventPreparedList {
  margin-top: 20px;
}

#contentwrapper .view_progon_title,
#contentwrapper .view_progon_subTitle,
#contentwrapper .progon_twoCol_layout .progon_realisation_name {
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
}

#contentwrapper .view_progon_title {
  position: absolute;
  top: 5px;
  left: 215px;
  color: white;
}

body.celementsmenubarvisible #contentwrapper .view_progon_title {
  top: 34px;
}

body.collapsedMenu #contentwrapper .view_progon_title {
  left: 57px;
}

#contentwrapper .view_progon_subTitle,
#contentwrapper .progon_twoCol_layout .progon_realisation_name {
  font-size: 16px;
  line-height: 26px;
  color: #3a4459;
  clear: both;
  margin-top: 20px;
}

#contentwrapper .progon_twoCol_layout .progon_realisation_name .belongsToName {
  color: #015470;
}

#contentwrapper .progonTab,
#contentwrapper .progonActionTab .progonActionTabName {
  background-color: #f4f8ff;
}

#contentwrapper .progonTab.active,
#contentwrapper .progonActionTab .progonActionTabName.active {
  background-color: white;
}

#contentwrapper .view_progon_buttonLink .halflings,
.select2-container .view_cel_buttonLink .halflings {
  float: right;
  padding-left: 5px;
  line-height: 15px;
}

#contentwrapper .view_progon_buttonLink .halflings:before,
.select2-container .view_progon_buttonLink .halflings:before {
  color: #9fb0cd;
}

/* ------------
ParticipantEdit
------------ */
.participantEdit dl {
  clear: left;
}

.participantEdit dl dt {
  float: left;
  width: 160px;
}

.participantEdit dl dd input {
  width: 358px;
  border-color: #9fb0cd;
}

.participantEdit button.submit {
  margin-left: 160px;
  margin-top: 10px;
}

/* -------------
 ProgonEventView
------------- */
#sitecontainer #progon_twoCol_layout .progon_realisation_details .eventText {
  overflow-wrap: break-word;
}

#sitecontainer #progon_twoCol_layout .progon_view_column_right {
  margin-top: 3px;
}

.progonEventView .progon_realisation_details {
  margin-top: 15px;
}

.progonEventView .progonEventTables {
  clear: both;
}

#sitecontainer #progon_twoCol_layout .eventDetailBox {
  display: flex;
  flex-flow: row wrap;
  background-color: #f0f4ff;
  margin-left: -5px;
  padding-left: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.progonEventView .eventDetailBoxTitle {
  width: 100%;
  color: #9fb0cd;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 2px;
  padding: 0 5px;
  margin-left: -5px;
  border-bottom: 1px solid #9fb0cd;
}

.progonEventView .box,
#contentwrapper .progon_button,
.select2-container .cel_button {
  display: inline-block;
  margin-right: 0px;
}

#contentwrapper .progonEventView .view_progon_buttonLink,
#contentwrapper .progon_button .view_progon_buttonLink,
.select2-container .cel_button .view_cel_buttonLink {
  float: none;
  width: 170px;
  border: 1px solid #9fb0cd;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 3px;
  cursor: pointer;
}
#contentwrapper .progonEventView .view_progon_buttonLink a {
  display: block;
}
#contentwrapper .progonEventView .view_progon_buttonLink.deactivateBox {
  cursor: default;
}
#contentwrapper .progon_org_manager .progon_button .view_progon_buttonLink {
  width: 180px;
}

.progonEventView .progon_realisation_header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.progonEventView .progon_realisation_header > .progon_realisation_buttons,
.progonEventView .progon_realisation_header > .progon_realisation_labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}
.progonEventView .progon_realisation_header > .progon_realisation_labels {
  gap: 3px;
  flex: 1;
  justify-content: right;
}

#contentwrapper .progon_realisation_categories .view_progon_buttonLink {
  width: 120px;
}

.progonEventView .view_progon_buttonLink+.view_progon_buttonLink,
#contentwrapper .progon_button .view_progon_buttonLink+.view_progon_buttonLink {
  margin-top: 3px;
}

#contentwrapper .progonEventView .view_progon_buttonLink.progon_realisation_categories {
  padding: 0px;
  width: 130px;
}

.progonEventView .view_progon_buttonLink.progon_realisation_categories .event-category {
  padding: 2px 5px;
}

.progonEventView .progon_realisation_type {
  float: left;
  padding: 7px;
}

.progonEventView .progon_realisation_location .progon_images_container,
.progonEventView .progon_realisation_organiser .progon_images_container {
  margin-left: auto;
  max-width: 90px; /* 2 * (38width + 2border + 5marginR) */
}

.progonEventView .progon_realisation_location .progon_images_container .image_box,
.progonEventView .progon_realisation_organiser .progon_images_container .image_box {
  width: 38px; /* border 1px left/right */
  height: 38px; /* border 1px top/bottom */
  margin-left: auto;
}

ul.organiserURLs .progonUrlTypeImg {
  max-height: 15px;
}

/* -------------
 ProgonEventView openingHours
------------- */
.progonEventView .progon_realisation_openingHours .view_progon_section {
  margin-top: 20px;
}

.progonEventView .progon_realisation_openingHours .eventDetailBoxTitle {
  color: #015470;
  border-bottom: none;
}

/**
  Participant Table in Progon View
**/
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr th.actions>div {
  text-align: left;
}

#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr th.actions>div a,
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr td.actions>div a {
  margin-left: 5px;
}

#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr td.actions>div a.delete {
  margin-left: 0px;
}

#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr td.actions>div a.sendConfirmEmail {
  margin-left: 0px;
}

#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr th.actions>div a:first-child,
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr td.actions>div a:first-child {
  margin-left: 0;
}

#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr th.payed,
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr td.payed {
  width: 80px;
}

#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr th.status,
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr td.status {
  width: 95px;
}

#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr th.phone,
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr td.phone {
  width: 100px;
}

#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr th.city,
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr td.city,
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr th.attendance,
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr td.attendance {
  width: 85px;
}

#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr th.name,
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr td.name,
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr th.email,
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr td.email {
  max-width: 205px;
  min-width: 110px;
}

/* -----------
 OpeningHours
----------- */
#contentwrapper .openingHoursResultTable,
#contentwrapper .openingHoursResultTable tr,
#tabMenuPanel .openingHoursResultTable,
#tabMenuPanel .openingHoursResultTable tr {
  background-color: #fff;
  border: 1px solid #9fb0cd;
}

#contentwrapper .openingHoursResultTableHeader.time,
#tabMenuPanel .openingHoursResultTableHeader.time {
  color: #fff;
}

#contentwrapper .openingHoursResultTableHeader.day,
#tabMenuPanel .openingHoursResultTableHeader.day {
  width: 25px;
  font-weight: normal;
}

#contentwrapper .openingHoursResultTableRow td,
#tabMenuPanel .openingHoursResultTableRow td {
  padding: 0px 5px;
  text-align: center;
}

#contentwrapper .openingHoursResultTableRow td+td,
#tabMenuPanel .openingHoursResultTableRow td+td {
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: transparent;
  padding: 0px;
}

#contentwrapper .openingHoursResultTable td.green:before,
#tabMenuPanel .openingHoursResultTable td.green:before {
  content: "\E013";
  color: #4ca92b;
  width: 100%;
  margin-right: -12px;
}

#contentwrapper .openingHoursResultTable td.red:before,
#tabMenuPanel .openingHoursResultTable td.red:before {
  content: "\E014";
  color: #ef1900;
  width: 100%;
  margin-right: -12px;
}

/* --------------
 languageVersions
-------------- */
.languageVersions {
  position: absolute;
  right: 20px;
  z-index: 3;
}
.languageVersions .viewTranslation,
.languageVersions .viewLanguageVersion {
  display: block;
  width: 23px;
  height: 20px;
  float: left;
  padding-top: 1px;
  color: white;
  text-align: center;
  text-decoration: none;
  background-color: #555;
}
.languageVersions .mainLanguage {
  font-weight: bold;
}
.languageVersions li:hover .viewLanguageVersion,
.languageVersions li:hover .transNotExists {
  background-color: #015470;
  color: white;
  cursor: pointer;
}
.languageVersions .transNotExists {
  background-color: white;
  color: black;
}
.languageVersions ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.languageVersions ul li {
  float: left;
  position: relative;
  padding-bottom: 2px;
  margin-left: 2px;
}
.languageVersions ul li.languageListElement.active {
  padding-top: 5px;
  border-top: 2px solid #9fb0cd;
}
.languageVersions li ul {
  display: none;
  position: absolute;
  width: 65px;
  top: 26px;
  background: #fff;
  border: 1px solid #9fb0cd;
  padding: 3px 2px 0px;
  left: 0px;
}
.languageVersions li ul.twoIcons {
  width: 46px;
}
.languageVersions li ul.oneIcon {
  width: 19px;
}
.languageVersions li:hover ul {
  display: block;
}
.languageVersions li li {
  padding-left: 4px;
  margin-left: 0px;
}
.languageVersions li li + li {
  margin-left: 8px;
  padding-left: 0px;
}
.languageVersions li li a i {
  color: black;
}
.languageVersions li li a:hover i {
  color: #900;
}
.languageVersions .languageListElement.active .twoIcons {
  top: 26px;
  left: 0px;
}
.languageVersions .languageList .mainLanguage .view {
  padding-bottom: 0px;
}
.languageVersions .languageListElement>a,
.languageVersions .languageListElement>span {
  padding: 0px;
  height: 20px;
  margin-top: -2px;
  width: 23px;
  display: block;
}
.languageVersions ul li.languageListElement {
  padding-top: 5px;
  margin: 0px;
  border-top: 2px solid transparent;
}
.languageVersions ul li.languageListElement>a,
.languageVersions ul li.languageListElement>span {
  border: 1px solid #9fb0cd;
  line-height: 18px;
}

.languageVersions ul li.languageListElement:hover span {
  color: white;
  background: #9fb0cd;
}

.languageVersions ul li.languageListElement+li.languageListElement span {
  border-left: 0px solid white;
}

#sitecontainer #contentwrapper #progon_twoCol_layout .performances table.simpleTable tr:nth-child(2)
  {
  border-bottom: none;
}

#view_progon_left #category2Label .halflings-pencil.hover {
  display: block;
  left: 20px;
  top: -50px;
}

#view_progon_left #category2Label .halflings-pencil {
  display: none;
}

/* ------------------------------
   ProgonEventView urls
--------------------------------*/
ul.organiserURLs {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.urlColumn {
  display: inline-block;
}

.organiserUrlLabel {
  width: 25px;
}

li.organiserURL .urlType {
  padding-right: 5px;
}

/* ------------------------------
  ProgonEventView Date-Box
--------------------------------- */
#progon_twoCol_layout #view_progon_right .progon_event_dateTime {
  float: left;
  background-color: #f4f8ff;
  margin-top: 5px;
  padding: 2px 5px 2px 5px;
  border-top: 1px solid #9fb0cd;
  border-left: 1px solid #9fb0cd;
  border-right: 1px solid #9fb0cd;
  border-bottom: 1px solid #9fb0cd;
  font-weight: bold;
  color: #015470;
}

/* ------------------------------
  ProgonEventView Customisation
--------------------------------- */
#contentwrapper .progonEventView .progon_realisation_custom .accordionTabContentBox dl {
  display: flex;
}
#contentwrapper .progonEventView .progon_realisation_custom .accordionTabContentBox dl dt.label {
  width: 150px;
  font-weight: bold;
}
#contentwrapper .progonEventView .progon_realisation_custom .accordionTabContentBox dl dt.label label::after {
  content: ":";
}

/* ------------------------------
  Manager
--------------------------------- */
.cel_pagetype_OrgTypeManager>div {
  padding: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  background-color: white;
  min-width: 600px;
  width: 95%;
}

.cel_pagetype_OrgTypeManager .presentationList {
  padding-left: 10px;
  padding-right: 10px;
}

.cel_pagetype_OrgTypeManager .cel_cm_presentation>.pageTitle {
  background-color: #EDF3FE;
  border-bottom: 1px solid #DEDEDE;
  padding: 5px 9px;
  font-size: 20px;
  line-height: 25px;
}

.cel_pagetype_OrgTypeManager ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.cel_pagetype_OrgTypeManager li {
  background-color: white;
  border-bottom: solid 1px #D4D4D4;
  padding: 5px 9px;
}

.cel_pagetype_OrgTypeManager li:hover {
  background-color: #FDF6E4;
}

.cel_pagetype_OrgTypeManager li .pageTitle {
  float: left;
  width: 180px;
  font-size: 15px;
  line-height: 20px;
  float: left;
}

.cel_pagetype_OrgTypeManager li p {
  padding: 0px;
  margin: 0px;
  font-size: 13px;
  line-height: 20px;
}

/* ------------------------------
  iRacerView
--------------------------------- */
.iracer_view img {
  max-width: none;
  width: auto;
  height: auto;
}

.iracer_view table td {
  padding: 5px;
}

.iracerLocationProgonEvent {
  margin-top: 25px;
}

.iracerProgonEvent {
  display: flex;
}

.iracerProgonEvent {
  margin-top: 20px;
  margin-bottom: 20px;
}

.iracerProgonEventItem {
  max-width: 660px;
  flex: 1;
}

.iracerProgonEventItem:first-child {
  margin-right: 20px;
}

.cel_pagetype_IRacer,
.progonLayoutInnerWrapper,
.cel_pagetype_RichText,
  .cel_pagetype_OrgTypeManager {
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 0px;
  padding-left: 15px;
}
/** organisation manager: search result **/
.progonOrgSearchResult {
  width: 510px;
  padding: 8px 0px;
  clear: both;
}
.progonOrgSearchResult + .progonOrgSearchResult {
  border-top: 1px solid #ccc;
}
.progonOrgSearchResult .progonOrgSearchResultName a {
  color: black;
}
#orgSearchFormFields {
  max-width: 100%;
  width: 100%;
  display: flex;
  column-gap: 40px;
}
#orgSearchFormFields .searchFields,
#orgSearchFormFields .searchContext {
  display: flex;
	row-gap: 10px;
  flex-direction: column;
}
#orgSearchFormFields .searchFieldRow {
  display: flex;
  column-gap: 20px;
}
#orgSearchFormFields .searchFieldLabel,
#orgSearchFormFields .searchField {
  flex: 0 1 200px;
  display: block;
}
/* ------------------------------
  event manager
--------------------------------- */
#sitecontainer .progon_twoCol_layout.eventManager .progon_view_column_left {
  max-width: 870px;
}
#sitecontainer #progon_twoCol_layout.eventManager table.simpleTable {
  min-width: 680px;
  max-width: 870px;
}

.eventManager .progonTable .eventTime {
    width: 35px;
}
.eventManager .simpleTable_date .dateFormat_date,
.eventManager .simpleTable_time .dateFormat_date {
  display: block;
}
.eventManager .eventDate .dateFormat_delimiter,
.eventManager .eventTime .dateFormat_delimiter {
  display: none;
}
.eventManager .eventNameAnriss,
.eventManager .eventLocation,
.eventManager .eventOrganiser {
  border-left: 1px solid #9fb0cd;
  padding-left: 2px;
  padding-right: 2px;
}
.eventManager .eventNameAnriss {
  min-width: 150px;
  width: auto;
  max-width: 300px;
}
.eventManager .eventCategories {
  width: 130px;
  min-width: 130px;
  max-width: 130px;
  border-right: 1px solid #9fb0cd;
}
.eventManager .eventLocation,
.eventManager .eventOrganiser {
  width: 115px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eventManager .eventNameAnriss .eventName,
.eventManager .eventNameAnriss .eventAnriss,
.eventManager .eventNameAnriss .eventAnriss * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ------------------------------
  select2
--------------------------------- */
.structSelectDropDown .select2-results ul.select2-results__options {
  max-height: 350px;
}
.structSelectDropDown .select2-results li.select2-results__option {
  padding: 3px 5px;
}
.structSelectDropDown .select2-results .result {
  width: auto;
  padding: 0px;
  clear: both;
}
.structSelectDropDown .select2-results .name {
  font-weight: bold;
}
.structSelectDropDown .select2-results .docType {
  font-size: 12px;
}
.placeSelectDropDown .select2-results ul.select2-results__options {
  max-height: 425px;
}
.placeSelectDropDown .select2-results .city:before,
.placeSelectDropDown .select2-results .country:before,
.organiserSelectDropDown .select2-results .legalForm:before,
.eventSelectDropDown .select2-results .category:before {
  content: ", "
}
.eventSelectDropDown .select2-results .date .end:before {
  content: " - "
}

/* ------------------------------
  Participant Copy Overlay
--------------------------------- */
#yuiOverlayParticipantCopy .structAutocomplete {
  width: 300px;
}
#yuiOverlayParticipantCopy label {
  display: inline-block;
}
#yuiOverlayParticipantCopy .overlayResultContainer {
  margin-top: 10px;
}
#yuiOverlayParticipantCopy .button {
  margin-right: 10px;
}
#yuiOverlayParticipantCopy .targetCourse,
#yuiOverlayParticipantCopy .targetCourseLink,
#yuiOverlayParticipantCopy .copySendConfirmation {
  margin-top: 10px;
}

/* ------------------------------
  Participant Registration Overlay
--------------------------------- */
#registerParticipant label {
  font-size: 20px;
  padding-top: 8px;
  display: inline;
}
#registerParticipant .comment {
  padding-top: 20px;
  height: 120px;
}
#registerParticipant .attendance .attend {
  font-size: 18px;
  font-weight: bold;
  padding: 0 15px;
}
#registerParticipant .attendance .attend input {
  margin-right: 6px;
  border: 0px;
  height: 20px;
  width: 20px;
}
#registerParticipant textarea {
  width: 350px;
  height: 100px;
  font-size: 16px;
}
#registerParticipant .right {
  float: right;
}
#registerParticipant .submit {
  height: 50px;
}
#registerParticipant .submit input {
  font-size: 20px;
  padding: 8px 16px;
  float: right;
}
.cel-YuiOverlay .yui-overlay > .bd,
.cel-YuiOverlay #selectMainRegisterID {
  height: auto !important;
}

/* ------------------------------
  Progon Labels
--------------------------------- */
.collection-container            .progon-label,
.view_progon_title               .progon-label,
.progonTableWrapper.performances .progon-label {
  display: inline-block;
  padding: 1px 3px;
  margin-right: 3px;
  background-color: #8497b8;
  color: white;
  font-size: 10px;
  line-height: 12px;
}
.collection-container            .progon-label.collection,
.view_progon_title               .progon-label.collection,
.progonTableWrapper.performances .progon-label.collection {
  background-color: #8497b8;
}
.collection-container            .progon-label.variant,
.view_progon_title               .progon-label.variant,
.progonTableWrapper.performances .progon-label.variant {
  background-color: #da4f49;
}
.collection-container            .progon-label.attendance.yes,
.view_progon_title               .progon-label.attendance.yes,
.progonTableWrapper.performances .progon-label.attendance.yes {
  background-color: #5bb75b;
}
.collection-container            .progon-label.attendance.maybe,
.view_progon_title               .progon-label.attendance.maybe,
.progonTableWrapper.performances .progon-label.attendance.maybe {
  background-color: #edbe4d;
}
.collection-container            .progon-label.attendance.no,
.view_progon_title               .progon-label.attendance.no,
.progonTableWrapper.performances .progon-label.attendance.no {
  background-color: #da4f49;
}
.collection-container            .progon-label.hideLabel,
.view_progon_title               .progon-label.hideLabel,
.progonTableWrapper.performances .progon-label.hideLabel,
.progonTableWrapper.performances .progonTable tr.perfLabelRow.hideRow {
  display: none;
}

/* ------------------------------
  Password Change Screen
--------------------------------- */
body.celdocpath_progon\.PasswordChange #navContainer,
body.celdocpath_progon\.PasswordChange #headerMenu {
  display: none;
}
body.celdocpath_progon\.PasswordChange #header {
  margin-left: 0;
}
body.celdocpath_progon\.PasswordChange form {
  margin-top: 30px;
}
body.celdocpath_progon\.PasswordChange fieldset.xwikimessage legend {
  margin-bottom: 12px;
  margin-top: 25px;
}
body.celdocpath_progon\.PasswordChange .heading-1 {
  padding-bottom: 8px;
  line-height: 36px;
}
body.celdocpath_progon\.PasswordChange dd {
  padding-bottom: 12px;
}
body.celdocpath_progon\.PasswordChange .padded .button {
  margin-right: 20px;
  margin-top: 5px;
}