html,
body {
  height: 100%;
  margin: 0px !important;
}
#celements2_menu_bar + #sitecontainer {
  padding-top: 28px;
}

body a,
body a:visited {
  color: #015470;
}
body a:hover {
  color: #900;
  text-decoration: none;
}

.progon_view_column_left .accordion,
.progon_view_column_right .accordion {
  margin-bottom: 0px;
}
.progon_view_column_left dd,
.progon_view_column_right dd {
  margin-left: 0px;
}
.progon_view_column_left dt.label,
.progon_view_column_right dt.label {
  background-color: transparent;
  background: none;
}

#content.progon_org_cockpit {
  display: block;
}

.progon_org_cockpit h2 {
  margin-bottom: 20px;
}

.progon_org_cockpit .progon_row {
  margin-bottom: 10px;
}

.progon_org_cockpit .progon_row .progon_column {
  display: inline-block;
  vertical-align: top;
  border: 1px solid black;
  padding: 8px;
  margin: 8px;
  min-width: 220px;
  border-top-right-radius: 16px;
}

#orgSearchResults hr {
  margin: 5px 0px;
}

.view_progon_section, hr {
  clear: both;
}

.progon_view {
  max-width: 1000px;
  margin: auto;
}
.progon_view .label {
  float: left;
  padding: 0px;
  width: 130px;
}
.progon_view .accordionTabTitleBar {
  display: none;
}
.progon_view .editblock dl {
  margin: 0px;
}
.progon_view .editblock {
  clear: both;
  border-top: 1px solid black !important;
  border-bottom: 1px solid black !important;
  padding-top: 5px !important;
}
.progon_view .editblock.fromToDate,
.progon_view .editblock + .editblock {
  border-top: none !important;
}
.editblockclear {
  clear: both;
}

#content .yui-calcontainer {
  z-index: 20;
}


/* Collection Search Form */


/* - - - - */
.celements3_tabMenu #tabMenuPanel .menuTab {
  margin-top: 0 !important;
  padding-top: 0px !important;
}

/* ProgonEvent Overview */

/*li.progon_image_box .progon_image_fav {
  background-position: -14px 3px;
  background-image: url("/file/images/icons/starsprite.png");
  background-repeat: no-repeat;
  float: left;
  width: 17px;
}
li.progon_image_box .progon_image_fav.starred,
li.progon_image_box .progon_image_fav.starred .selected,
li.progon_image_box .progon_image_fav:hover {
  background-position: 2px 3px;
}*/

.progon_overview .menuTab tb3-tab {
  padding: 0px 0px;
}

.progon_overview {
  width: 660px;
  margin-left: 20px;
}

.progon_overview ul#progon_image_list {
  position: relative;
  width: 655px;
  margin: 5px 0;
  padding: 0;
  list-style: none;
}

.progon_overview .progon_image_fav {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}

.progon_overview .progon_image_preview {
  float: left;
  width: 80px;
  height: 80px;
  border: 1px solid #ccc;
  margin-right: 12px;
}

.progon_overview .progon_image_filename {
  float: left;
  width: 330px;
}

.progon_overview .progon_image_filesize {
  float: left;
  width: 70px;
}

.progon_overview .progon_image_box {
  clear: both;
  padding: 4px;
}

.progon_overview .progon_image_box_content {
  clear: both;
  margin-left: 23px;
  border-bottom: 1px solid;
  padding-bottom: 10px;
  overflow: hidden;
}

.progon_overview .progon_image_box_header {
  height: 82px;
}

.progon_overview .column {
  display: inline-block;
  float: left;
  position: relative;
  vertical-align: middle;
  padding: 0;
  overflow: hidden;
}

.progon_overview .progon_line {
  padding: 2px 0px;
  border-bottom: 1px solid;
}

.progon_overview .progon_line.name {
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
}

.progon_overview .progon_line input {
  margin: 0;
}

/*Form Accordion effect*/

.progon_overview .column .label {
  margin-top: 2px;
  padding: 0px 3px 0px;
  clear: both;
  display: block;
  width: auto;
  overflow: hidden;
}

.progon_overview .column .imageMetaDelRef {
  float: right;
}

.progon_overview .progon_image_box_content .column {
  width: 33%;
  margin-right: 2px;
}

.progon_overview .column textarea {
  height: 52px;
  width: 98%;
}

.progon_overview .column input {
  display: block;
  height: 14px;
  width: 98%;
}

.progon_overview .progon_image_box_content .editRef {
  display: inline;
  float: left;
  width: 9%;
}

.progon_overview .progon_image_box_content .imageMetaDelRef {
  display: inline;
  float: right;
  width: 8%;
  background-color: white;
}

.progon_overview .progon_image_box_content .belongsTo_niceName {
  display: inline;
  float: left;
  white-space: nowrap;
  width: 80%;

}

body .main.layoutsubsection {
  width: 1000px;
}
.overlayResultContainer a.button,
#yuiOverlayContainer a.button {
  font: bold 12px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 5px 10px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

/** Place View **/
#progon_realisation_view {
  max-width: 1200px;
  width: 1200px;
}
#progon_place_view hr,
#progon_realisation_view hr {
  border-color: black;
}
#progon_place_view .editblock,
#progon_realisation_view .editblock {
  border-color: #ccc !important;
}
#progon_place_view .view_progon_AddressClass .editObjField_Progon\.AddressClass_streetNumber,
#progon_place_view .view_progon_AddressClass .editObjField_Progon\.AddressClass_street .editblockclear,
#progon_place_view .view_progon_AddressClass .editObjField_Progon\.AddressClass_city,
#progon_place_view .view_progon_AddressClass .editObjField_Progon\.AddressClass_zip .editblockclear,
#progon_place_view .view_progon_GeotagClass .editObjField_Progon\.GeotagClass_longitude,
#progon_place_view .view_progon_GeotagClass .editObjField_Progon\.GeotagClass_latitude .editblockclear {
  clear: none;
}

#progon_place_view .view_progon_AddressClass .editObjField_Progon\.AddressClass_street,
#progon_place_view .view_progon_AddressClass .editObjField_Progon\.AddressClass_zip,
#progon_place_view .view_progon_GeotagClass .editObjField_Progon\.GeotagClass_latitude {
  float: left;
  border-bottom: none !important;
}
#progon_place_view .view_progon_AddressClass .editObjField_Progon\.AddressClass_street dd,
#progon_place_view .view_progon_AddressClass .editObjField_Progon\.AddressClass_zip dd,
#progon_place_view .view_progon_GeotagClass .editObjField_Progon\.GeotagClass_latitude dd {
  margin-left: 130px;
  margin-right: 10px;
}
#progon_place_view .view_progon_AddressClass .editObjField_Progon\.AddressClass_streetNumber dt,
#progon_place_view .view_progon_AddressClass .editObjField_Progon\.AddressClass_city dt,
#progon_place_view .view_progon_GeotagClass .editObjField_Progon\.GeotagClass_altitude,
#progon_place_view .view_progon_GeotagClass .editObjField_Progon\.GeotagClass_altitudeMode {
  display: none;
}
#progon_place_view .view_progon_GeotagClass .editObjField_Progon\.GeotagClass_longitude {
  border-top: 1px solid #ccc !important;
}

/** Veranstaltung View **/
#progon_realisation_view h2 {
  font-size: 18px;
  line-height: 24px;
}
#progon_realisation_view .editblock.progon_realisation_content {
  border-top: none !important;
}
#progon_realisation_view .editblock.progon_realisation_content dd {
  margin-left: 130px;
}

/* FP;17.10.2016; END */
#progon_realisation_view .editblock dd span {
  display: inline-block;
  padding-right: 5px;
}

/** language navigation **/
#navigation .navigation-languages {
  float: right;
}
#navigation .navigation-languages ul {
  list-style: none;
  padding: 0px 10px 0px 0px;
}
#navigation .navigation-languages li {
  float: left;
  padding-right: 3px;
}
#navigation .navigation-languages li a {
  color: #aaaaaa;
}
#navigation .navigation-languages li a.active {
  color: white;
}

/** Event Dates **/
#progon_place_view .view_progon_ProgonEvent span {
  display: inline-block;
}
#progon_place_view .view_progon_ProgonEvent .dateFormat_EEE {
  width: 20px;
}
#progon_place_view .view_progon_ProgonEvent .dateFormat_ddMMyyyy {
  width: 70px;
}
#progon_place_view .view_progon_ProgonEvent .dateFormat_HHmm {
  width: 37px;
}
#progon_place_view .view_progon_ProgonEvent .dateFormat_delimiter {
  padding-right: 4px;
}

/* -----------
  simpleTable
----------- */
table.simpleTable {
  table-layout: fixed;
  width: 100%;
}
table.simpleTable tr {
  background-color: #fff;
}

/**
  NEW PROGON-EVENT VIEW
**/

#sitecontainer .progon_twoCol_layout {
  display: flex;
  flex-wrap: wrap;
}
#sitecontainer .progon_twoCol_layout .progon_view_column_left,
#sitecontainer .progon_twoCol_layout .progon_view_column_right {
  flex: 1;
  min-width: 425px;
  width: auto;
  padding: 10px;
  position: relative;
  float: none;
}
#sitecontainer .progon_twoCol_layout .progon_view_column_span {
  min-width: 425px;
  width: auto;
  margin: 0;
  padding: 10px;
  position: relative;
  float: none;
}
#sitecontainer #progon_twoCol_layout .progonTableWrapper:not(.active) {
  display: none;
}
#sitecontainer #progon_twoCol_layout .progonTableWrapper.participants tr.progonTableRow:not(.first) {
  border-top: 0px;
}
#sitecontainer #progon_twoCol_layout .progonTableWrapper.participants tr.progonTableRow:not(.last) {
  border-bottom: 0px;
}
#sitecontainer #progon_twoCol_layout .locationDetail.locationName,
#sitecontainer #progon_twoCol_layout .contactPersonHeader,
#sitecontainer #progon_twoCol_layout .organiserDetails .organiserLink {
  padding-top: 3px;
}
#sitecontainer #progon_twoCol_layout .locationDetail.locationName a,
#sitecontainer #progon_twoCol_layout .contactPersonHeader a,
#sitecontainer #progon_twoCol_layout .organiserDetails .organiserLink a {
  font-weight: bold;
}
.progonEventView .progon_event_centralLink {
  font-weight: bold;
  text-align: right;
}

#sitecontainer #progon_twoCol_layout .progonTableWrapper .progonTable {
  border: 1px solid #ccc;
}

#sitecontainer #progon_twoCol_layout .progonTableWrapper .progonTable tr {
  border-bottom: 1px solid #ccc;
  text-align: left;
}
#sitecontainer #progon_twoCol_layout .progonTableWrapper .progonTable .dateFormat_date .dateFormat_ddMMyyyy span {
  text-align: right;
}
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr td.actions > div {
  text-align: right;
  padding-right: 2px;
  padding-top: 2px;
}
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr th.actions,
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr td.actions {
  width: 80px;
}
#sitecontainer #progon_twoCol_layout #view_progon_right .performances tr th.actions div,
#sitecontainer #progon_twoCol_layout #view_progon_right .performances tr td.actions div {
  display: none;
}

#sitecontainer #progon_twoCol_layout table.simpleTable {
  table-layout: fixed;
  min-width: 425px;
  box-sizing: border-box; /** to include border of 1px each **/
  empty-cells: show;
}
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable {
  border-right: none;
}
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr th,
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr td {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr th > div,
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr td > div {
  padding: 4px;
  font-size: 13px;
  line-height: 15px;
}
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable tr td.empty > div {
  padding-left: 8px;
}
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable td.perfLabels > div {
  line-height: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: right;
  min-height: 18px;
}
.progon_twoCol_layout .progonTableWrapper th.columnCheckbox,
.progon_twoCol_layout .progonTableWrapper td.columnCheckbox {
  width: 20px;
}
#view_progon_right table.simpleTable th.date,
#view_progon_right table.simpleTable td.date {
  width: 110px; /* increase according PROGON-879 */
}
#view_progon_right table.simpleTable th.time,
#view_progon_right table.simpleTable td.time {
  width: 87px;
  & > * {
    display: flex;
  }
}
#view_progon_right table.simpleTable tr.multiDay td.date,
#view_progon_right table.simpleTable tr.multiDay td.time {
  & > * {
    flex-direction: column;
    .dateFormat_delimiter {
      display: none;
    }
  }
}
#view_progon_right table.simpleTable td.descr,
#view_progon_right table.simpleTable th.descr {
  max-width: 425px;
  min-width: 230px;
  p {
    margin: 0;
  }
}
#view_progon_right table.simpleTable td.perfLink,
#view_progon_right table.simpleTable th.perfLink {
  width: 115px;
}
#sitecontainer .progon_twoCol_layout .progon_view_column_right .progonTableWrapper th.columnCheckbox input,
#sitecontainer .progon_twoCol_layout .progon_view_column_right .progonTableWrapper td.columnCheckbox input {
  margin: 0;
  height: 16px; /** needed to make FF and Chrome display similar **/
  vertical-align: baseline; /** needed to make FF and Chrome display similar **/
}
#sitecontainer #progon_twoCol_layout #view_progon_right table.simpleTable .dateFormat_date span.dateFormat_EEE {
  display: inline-block;
  width: 22px;
  margin: 0;
  padding-right: 2px;
}
#view_progon_right table.simpleTable tr {
  text-align: left;
}

#sitecontainer #progon_twoCol_layout #view_progon_right .performances table.simpleTable tr.even + tr.even td,
#sitecontainer #progon_twoCol_layout #view_progon_right .performances table.simpleTable tr.odd + tr.odd td {
  border-top: none;
}

#sitecontainer #progon_twoCol_layout #view_progon_right .performances table.simpleTable tr.even.performanceInformations,
#sitecontainer #progon_twoCol_layout #view_progon_right .performances table.simpleTable tr.odd.performanceInformations {
  border-bottom: none;
}

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

.overlayResultContainer {
  padding-left: 10px;
  padding-top: 5px;
}
.overlayResultContainer .formButton {
  height: 35px;
  display: inline-block;
  margin-right: 10px;
  padding-top: 10px;
}
.overlayResultContainer .errorMsg {
  color: red;
  clear: left;
}
.participantInfo .participant:not(:last-child):after {
  content: ",";
}
.participantInfo .participant.noMail {
  color: red;
}


.conditionline input.string {
  width: 360px;
}

/* -------------------------
  special for progonTable
---------------------------- */
table.progonTable th {
  background-color: #d7e2f3;
}
table.progonTable .eventDate {
  width: 100px;
}
table.progonTable .eventTime {
  width: 45px;
}

/* ------------------------------
  SimpleTable Date Formatter
--------------------------------- */
.simpleTable_date {
  width: 140px;
}
.simpleTable_date .dateFormat_EEE {
  display: inline-block;
  width: 25px;
}
.simpleTable_date .dateFormat_ddMMyyyy {
  margin-right: 8px;
}
.simpleTable_date .dateFormat_HHmm {
  margin-right: 3px;
}

/* ------------------------------
  ProgonEventView Performance endless Scroll
--------------------------------- */
#sitecontainer .scrollcontainer {
  height: auto;
  /*height: 600px; a fix high for the scrollcontainer will be implemented with a stable header*/
}

#performancesTable .performanceInformations.swiper-slide,
#performancesTable .perfLabelRow.swiper-slide {
  float : none;
}

.icon-linking {
  background-image: url("/file/resources/images/icons/glyphicons-halflings.png");
  background-position: -384px -95px;
  background-repeat: no-repeat;
}
