@charset "UTF-8";
/*
    Created on : 28.07.2018, 13:49:44
    Author     : andi
*/
table.download a.baeo-download-file {
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
table.download a.baeo-download-file:hover {
  color: #990000;
  text-decoration: underline;
}
table.download tr:nth-child(odd) {
  background-color: #ccc;
}
table.download td {
  padding: 0;
}
table.download td:first-child {
  padding-left: 4px;
}

.account_approval_checkbox {
  margin-right: 10px;
}

.project_register {
  padding: 10px;
  border: 1px black solid;
  margin-top: 20px;
  margin-bottom: 30px;
}
.project_register label {
  display: inline-block !important;
}
.project_register label.labelnichtspielen,
.project_register label.labelspielen {
  font-weight: bold;
}
.project_register .kom_project_feedback_saved {
  padding: 2px 2px 2px 10px;
  background: rgba(76, 175, 80, 0.7);
  border: 1px rgb(76, 175, 80) solid;
  color: white;
}

.kom_project_feedback,
.kom_voteinfo {
  padding: 10px;
  border: 1px black solid;
  margin-top: 20px;
  margin-bottom: 30px;
}
.kom_project_feedback .member,
.kom_voteinfo .member {
  color: black;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.kom_project_feedback .popupinfos,
.kom_voteinfo .popupinfos {
  visibility: hidden;
  width: 310px;
  cursor: default;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 3px;
  position: absolute;
  z-index: 10;
  bottom: -60%;
  left: 50%;
  margin-left: -80px;
}
.kom_project_feedback .popupinfos label,
.kom_voteinfo .popupinfos label {
  display: inline-block !important;
}
.kom_project_feedback .popupinfos .project_edit,
.kom_voteinfo .popupinfos .project_edit {
  color: white;
}
.kom_project_feedback .popupinfos .project_edit label,
.kom_voteinfo .popupinfos .project_edit label {
  color: white;
}
.kom_project_feedback .popupinfos .kom_edit_close,
.kom_voteinfo .popupinfos .kom_edit_close {
  cursor: pointer;
  font-weight: bold;
}
.kom_project_feedback .popupinfos .kom_project_title,
.kom_voteinfo .popupinfos .kom_project_title {
  color: white;
}
.kom_project_feedback .popupinfos label.labelnichtspielen,
.kom_project_feedback .popupinfos label.labelspielen,
.kom_voteinfo .popupinfos label.labelnichtspielen,
.kom_voteinfo .popupinfos label.labelspielen {
  font-weight: bold;
  display: inline-block;
}
.kom_project_feedback .show,
.kom_voteinfo .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}
.kom_project_feedback .kom_moreinfos,
.kom_voteinfo .kom_moreinfos {
  font-size: 85%;
  font-style: italic;
  visibility: hidden;
}
.kom_project_feedback .kom_list_student,
.kom_voteinfo .kom_list_student {
  font-size: 65%;
  font-style: italic;
  cursor: default;
  font-weight: bold;
}
.kom_project_feedback .kom_twog_ok,
.kom_voteinfo .kom_twog_ok {
  color: green;
}
.kom_project_feedback .kom_twog_fail,
.kom_voteinfo .kom_twog_fail {
  color: red;
}

#kom_detail_student_button,
#kom_update_twog_button,
#kom_member_infos_standard_button,
#kom_more_details_button {
  margin-right: 15px;
  margin-bottom: 15px;
  font-size: 65%;
  cursor: pointer;
}

.kom_twog_update {
  font-size: 65%;
  margin: 5px;
}

.kom_project_feedback_1 {
  background: rgba(76, 175, 80, 0.3);
  border: 1px rgb(76, 175, 80) solid;
}

.kom_project_feedback_2 {
  background-color: #ff9999;
  border: 1px #990000 solid;
}

.kom_project_feedback_3 {
  background-color: lightgray;
  border: 1px black solid;
}

.kom_ajax_loading_icon {
  background-image: url(../img/kom_loading.gif);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  max-width: 100%;
  height: 40px;
  margin: -20px;
  z-index: 999;
}

.kom_memberlist {
  line-height: 1.3;
}
.kom_memberlist .kom_member_name {
  font-weight: 600;
}
.kom_memberlist .kom_notapproved {
  color: green;
  font-style: italic;
}
.kom_memberlist .anker {
  visibility: hidden;
  position: relative;
  top: -90px;
  margin: 0;
}
.kom_memberlist h1, .kom_memberlist h2, .kom_memberlist h3, .kom_memberlist h4, .kom_memberlist h5, .kom_memberlist h6 {
  margin: 13px 0 5px;
}
.kom_memberlist hr {
  margin-bottom: 0.3em;
  padding-top: 0.3em;
}
.kom_memberlist .kom_member {
  min-height: 44px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.kom_memberlist .kom_member img {
  margin-bottom: 0;
  margin-right: 10px;
  margin-top: 4px;
}
.kom_memberlist .kom_member .email, .kom_memberlist .kom_member .mobile {
  white-space: nowrap;
}
.kom_memberlist .kom_member .kom_member_inner {
  margin-top: 4px;
  max-width: 100%;
}
.kom_memberlist .kom_member .kom_member_inner .vorstand,
.kom_memberlist .kom_member .kom_member_inner .komitee {
  font-weight: bold;
}
.kom_memberlist a {
  text-decoration: none;
  border: 0;
}
.kom_memberlist a:hover, .kom_memberlist aa:active {
  text-decoration: none;
  border: 0;
}

.kom_project_feedback hr {
  margin-bottom: 0.3em;
  padding-top: 0.3em;
}
.kom_project_feedback h3 {
  margin: 15px 0 10px;
}

.kom_form {
  padding: 10px;
  margin-bottom: 20px;
}
.kom_form #title {
  margin-bottom: 30px;
}
.kom_form .darken {
  background-color: lightgrey;
  color: black;
}

.konzert {
  /* .muenchenticket {
     background-image: url(images/muenchenticket.png);
     background-repeat: no-repeat;
     background-size: contain;
     background-position: left;
     padding-left: 20px;
   }*/
}
.konzert ul.werkliste {
  list-style: circle;
}
.konzert ul.werkliste li {
  margin-bottom: 0;
}
.konzert ul.termine, .konzert ul.mitwirkende {
  list-style: none;
  padding-left: 0;
}
.konzert ul.termine li, .konzert ul.mitwirkende li {
  margin-bottom: 0;
}
.konzert .komponist, .konzert .funktion, .konzert .datum {
  font-weight: 700;
}

.komtop {
  text-align: right;
}
.komtop:before {
  content: "[⬆";
}
.komtop:after {
  content: "]";
}
.komtop a {
  border-bottom: 0;
}

table.project-select tr:hover,
table.voting-select tr:hover {
  background-color: aquamarine;
}

.kom_button,
.button {
  margin-bottom: 0;
  background-color: #e85555;
  border-radius: 8px;
  border: none;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.5px;
  padding: 5px 10px;
  /* text-transform: uppercase; */
  white-space: normal;
  /* width: auto; */
}

#kom_election_button_container .kom_election_button {
  margin-top: 3px;
  margin-bottom: 3px;
  border-radius: 8px;
  color: #fff;
  box-sizing: border-box;
  float: left;
  letter-spacing: 0.6px;
  padding: 5px 10px;
  /* text-transform: uppercase; */
  white-space: normal;
  border: 1px solid black;
  width: 27%;
  font-size: 17px;
}
#kom_election_button_container #kom_save_election {
  cursor: pointer;
  background-color: #3366ff;
  margin-right: 10px;
}
#kom_election_button_container #kom_delete_ballot {
  cursor: pointer;
  background-color: #e85555;
  margin-right: 10px;
}
#kom_election_button_container #kom_ballot_saved {
  background: rgba(76, 175, 80, 0.7);
  border: 1px rgb(76, 175, 80) solid;
  margin-right: 10px;
}

.kom_login {
  font-style: italic;
  font-size: 72%;
}

#kom_ajax_loading_icon_voting_form {
  margin: 0;
}

.kom_erklaerung {
  margin-top: 7px;
  margin-bottom: 10px;
}
.kom_erklaerung .kom-italic {
  font-style: italic;
}

.kom_election_result .kom_number {
  font-style: normal;
  font-size: 180%;
}
.kom_election_result .kom_trenner {
  font-size: 130%;
  color: green;
}

.kom_add_infos_cf7 p {
  margin: 0;
}
.kom_add_infos_cf7 p span {
  font-weight: bold;
}
.kom_add_infos_cf7 .kom_missing_infos {
  color: red;
}

#cf7projectid {
  display: none;
}

.kom_feed_instrument {
  list-style-position: inside;
}

.kom_vote_reminder_box,
.kom_project_reminder_box {
  padding: 10px;
  background-color: lightgrey;
  border: 1px solid black;
}
.kom_vote_reminder_box .reminder,
.kom_project_reminder_box .reminder {
  font-size: 140%;
  color: #ff3300;
  font-weight: bold;
}
.kom_vote_reminder_box .reminder a,
.kom_project_reminder_box .reminder a {
  color: #ff3300;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #ff3300;
}
.kom_vote_reminder_box .reminder a:hover,
.kom_project_reminder_box .reminder a:hover {
  color: #991f00;
  border-bottom: 1px solid #991f00;
}

.kom_downloader_header {
  cursor: pointer;
}

#cf7studentenstatus {
  position: absolute;
  top: -9999px;
  left: -9999px;
  height: 3px;
}

.time_small {
  margin: 0;
  font-size: 75%;
}

#kom_show_vote_ballots_div, #kom_result_button {
  cursor: pointer;
  width: fit-content;
  margin-top: 10px;
  margin-bottom: 20px;
}

#kom_vote_ballots_div {
  display: none;
  padding-top: 15px;
}

#kom_election_select_table {
  border-spacing: 7px;
}
#kom_election_select_table .kom_election_line {
  background: lightgrey;
  cursor: pointer;
}
#kom_election_select_table .kom_election_line td {
  padding: 5px;
}

.kom_video_youtube {
  position: relative;
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.kom_video_youtube #kom_frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 850px) {
  .kom_video_container {
    width: 80%;
    max-height: 100%;
  }
}
.ytp-pause-overlay.ytp-scroll-min,
.ytp-copylink-icon,
.ytp-watermark.yt-uix-sessionlink,
a.ytp-watermark,
.ytp-button.ytp-copylink-button.ytp-show-copylink-title.ytp-copylink-button-visible {
  display: none !important;
  visibility: hidden !important;
}

.chatbox.chatroom {
  width: 20%;
  height: 90%;
}

.chatbox-btn.close-chatbox-button.fa.fa-sign-out-alt,
.chatbox-btn.configure-chatroom-button.fa.fa-wrench,
.chatbox-btn.toggle-bookmark.fa.fa-bookmark {
  display: none !important;
}

@media only screen and (max-width: 849px) {
  #conversejs {
    display: none;
  }
  .kom_video_container {
    width: 100%;
    max-height: 100%;
  }
}
.kom_member_top_change_functions {
  width: 100%;
  margin: 0;
  margin-top: 10px;
  padding: 0;
}

/* Audio listing enhancements for [kom_all_audios] */
.kom-audio {
  list-style: none;
  margin: 0;
  padding: 0;
}
.kom-audio > li.kom_downloader_header {
  list-style: none;
}

.kom-audio-year-header,
.kom-audio-prog-header,
.kom_downloader_header {
  position: relative;
  padding: 10px 12px 10px 28px;
  margin: 12px 0 0;
  border: 1px solid #d9dde3;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f7f9fc);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
  cursor: pointer;
}
.kom-audio-year-header::before,
.kom-audio-prog-header::before,
.kom_downloader_header::before {
  content: "📁"; /* 📁 closed folder */
  position: absolute;
  left: 10px;
  top: 8px;
  font-size: 20px;
  line-height: 1;
}
.kom-audio-year-header.kom-open::before,
.kom-audio-prog-header.kom-open::before,
.kom_downloader_header.kom-open::before {
  content: "📂"; /* 📂 open folder */
}

.kom-audio-year-header {
  font-weight: 600;
  font-size: 1.05rem;
  border-width: 1px;
  margin-top: 22px;
}

.kom-audio-year-content {
  border: 1px solid #d9dde3;
  border-top: none;
  border-radius: 0 0 8px 8px;
  margin-top: 0;
  padding: 10px 12px 12px 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.kom-audio-program {
  list-style: none;
  margin: 8px 0 14px 0;
  padding: 0;
}
.kom-audio-program > li.kom-audio-prog-header {
  margin-top: 12px;
  background: #f9fbfe;
  font-size: 1.08rem;
}
.kom-audio-program > li.kom-audio-prog-header::before {
  content: "📁";
}
.kom-audio-program > li.kom-audio-prog-header.kom-open::before {
  content: "📂";
}
.kom-audio-program > .kom-audio-prog-content {
  border-left: 0;
  margin-left: 0;
  padding-left: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

/* download table adjustments */
table.download {
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0 12px;
}
table.download th, table.download td {
  padding: 6px 8px;
  border-bottom: 1px solid #edf2f7;
}
table.download th {
  text-align: left;
  font-weight: 600;
  color: #334155;
  background: #f8fafc;
}
table.download a.kom-download-file {
  text-decoration: none;
  color: #1f4aa8;
  font-size: 0.9em;
}
table.download a.kom-download-file:hover {
  text-decoration: underline;
  color: #183b86;
}

/*# sourceMappingURL=style.css.map */

/* Overrides to remove left indent for audio container */
ul.kom-audio{margin-left:0!important;padding-left:0!important}
ul.kom-audio>li.kom_downloader_header{margin-left:0!important}
.kom-audio-program{margin-left:0!important}
.kom-audio-program>.kom-audio-prog-content{border-left:0!important;margin-left:0!important;padding-left:0!important}
.kom_downloader_header{padding-left:28px!important}
.kom_downloader_header::before{left:10px!important}