@charset "UTF-8";

/* ----------------------------------------------------------------------------- *
 *                      Konfiguration der Voting-Elemente                        *
 * ----------------------------------------------------------------------------- */

 .statistic-element {
  float: left;
  flex-grow: 1;
  width:100%;
  background-color:#ffffff;
  padding:0px;
  margin: 1.2rem 0.0rem 0.5rem 0.0rem;
  border-radius:4px;
  color:#505e6c;
  box-shadow:1px 1px 7px rgba(0,0,0,0.1);
  box-sizing: border-box;
}
.statistic-element-top {
  float: none;
  width:100%;
  height:3.0rem;
  padding:0px;
  box-sizing: border-box;
  font-weight:300;
  font-size:1.8rem;
  text-align: center;
  background-color:#bb0a30;
  color:white;
  border-radius:4px 4px 0px 0px;
  border-bottom: 2px solid;
}

.statistic-element-bottom {
  padding: 1.5rem;
  float: left;
  width:100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  font-size:1.3rem;
  align-items: flex-start;
  flex-direction: row;
}
 .statistic-flex{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
 } 


/* width */
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height:10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: #dee0e2; /*#f7f9fc;*/
}

.voting_statistic_frame-right_heading {
	background-color:#f7f9fc;
}

.voting_statistic_frame_left_heading {
	border:thin dashed #ddd;
	border-style: none dashed dashed none;
	min-width:100%;
	padding:0px;
	font-size:1.5rem;
	font-weight:bold;
	text-decoration:underline;
}

.voting_statistic_frame {
	display:flex;
	width:100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	font-size: 1.3rem;/*
	margin-top:1.5rem;
	margin-bottom:2.5rem;
	
	border:1px dashed #ddd;
	border-style: none none dashed none;
	*/
}

.voting_statistic_frame-left {
	display:flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
    border-collapse:collapse; 
	padding:0px 0px 10px 0px;
	max-width:90px;
	box-sizing: border-box;	
}

.voting_statistic_frame-left_names {
	display:table-cell; 
	border:thin dashed #dee0e2;  
	border-style: none dashed dashed dashed;
	vertical-align: top;
	min-width:100%;
	padding:5px; 
	background-color:#f7f9fc;
	white-space:nowrap;
	overflow: hidden;
	text-overflow:ellipsis;

}
.voting_statistic_frame-left_names_hinfahrt {
	min-height:32px;
	max-height:32px;

}
.voting_statistic_frame-left_names_rückfahrt {
	min-height:32px;
	max-height:32px;

}

.voting_statistic_frame-left_names_allgemein {
	min-height:32px;
	max-height:32px;

}

.voting_statistic_frame-right {
	/*display:table;*/
    border-collapse:collapse; 
	overflow: auto;
	max-width:100%;
	padding:0px 0px 0px 0px;
}
.voting_statistic_frame-empty {
	font-style: italic;
	text-align: center;
	width:100%;
	
}

.statistic_table_rows {
	 min-height:32px;
}

.statistic_table_rows_hinfahrt {
	 min-height:32px;
}
.statistic_table_rows_rückfahrt {
	 min-height:32px;
}
.statistic_table_rows_allgemein {
	 min-height:32px;
}


div.tr { 
  	display:table-row; 
}

div.td { 
	display:table-cell; 
	border:thin dashed #dee0e2;
	border-style: dashed dashed dashed none;
	padding:6px; 
	max-width:65px;
	min-width:65px;
	min-height:32px;
	max-height:32px;
	overflow: hidden;
	-moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
}

.voting-statistic-icon-selected {
	min-width:15px;
	min-height:15px;
	background-image:url('../icons/icon-selected.svg');
    background-repeat: no-repeat;
    background-position:center center;
    background-size: 40%;
    margin:1px 15px 5px 0px; 
}

.voting-statistic-icon-newselect {
	min-width:25px;
	min-height:30px;
	background-image:url('../icons/icon-new-option.svg');
    background-repeat: no-repeat;
    background-position:center center;
    background-size: 40%;
    margin:1px 20px 5px 0px; 
}

.voting-statistic-icon-maybeselected {
	min-width:25px;
	min-height:25px;
	background-image:url('../icons/icon-optional.svg');
    background-repeat: no-repeat;
    background-position:center center;
    background-size: 40%;
    margin:6px 20px 5px 0px; 
}

.voting-statistic-icon-disabled{
	min-width:25px;
	min-height:25px;
	background-image:url('../icons/icon-disabled.svg');
    background-repeat: no-repeat;
    background-position:center center;
    background-size: 40%;
    margin:6px 20px 5px 0px; 
}



.voting_feedback_box {
    /*color:#000000;*/
    background-color:#ffffff;
    /*background-color:#bb0a30;*/
    border-radius:4px;
    border: 1.5px solid #bb0a30;
    padding:10px;
    margin:5px 5px 0px 5px;
    font-family: 'Roboto', sans-serif; /* Google Webfont */
    font-weight:bold;
    max-width:400px;
    font-size:1.5rem;
	text-align:center;
	margin:150px 30px 0px 30px;*/
	z-index:1001;
}

.voting_feedback_button {
    color:#ffffff;
    background-color:#bb0a30;
    border-radius:4px;
    border: 1.5px solid #bb0a30;
    padding:5px;
    max-width:40%;
    font-size:1.4rem;
	text-align:center;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;

}


.voting_feedback {
	position:absolute;
	display: flex;
	justify-content:center;
	align-items:flex-start;
	background: hsla(0,0%,100%,.8);
	z-index:1000;
	text-align: center;
	/*filter:blur(10px);*/
}

.spinner {
  margin: 10px auto 0;
  width: 70px;
  min-height:1rem;
  text-align: center;
}

.spinner > div {
  width: 10px;
  height: 10px;
  background-color:#ddd;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  color:black;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.search-box{
    position: relative;
    display: inline-block;
    min-width:100%;
}
.result{
    position: absolute;        
    top: 100%;
    min-width:100%;
    box-sizing: border-box;
    left: 0;
    background: #ffffff;
    background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
	border-color:white;
    border-style: solid;
    border-width: 0px 0px 10px 0px;

}
/* Formatting result items */
.result p{
    margin: 0;
    padding: 7px 10px;
    cursor: pointer;
    /*background-color:#ddd;*/

}
.z-index_990{
	z-index: 990;
}
.z-index_991{
	z-index: 991;
}

.z-index_992{
	z-index: 992;
}

.voting_invisible {
	display:none;
}
.voting-topheader {
  display: flex;
  flex-wrap: none;
  align-items: flex-start;
  flex-direction:row;
  min-width:100%;
  justify-content:space-between;
}

#voting-date-select {
  width: 23rem;
  height: 25px;
  position: relative;
  flex-grow: 0;
  
}
 
#voting-date-select-child_1, #voting-date-select-child_2
{
  position: absolute;
  width:100%;
}
 
#voting-date-select-child_1
{
  padding:0px 5px 0px 5px;
  z-index: 1;
}
 
#voting-date-select-child_2
{
  z-index: 2;
}

.voting-date-selection {
  display: flex;
  flex-wrap: none;
  justify-content:space-between;
  text-align:center;
  flex-grow: 1;
}

.voting-date-icon-left {
	min-width:25px;
	min-height:25px;
	background-image:url('../icons/icon_left.svg');
    background-repeat: no-repeat;
    background-position:center;
    background-size: contain;
    margin:0px 0px 0px 0px;

}

.voting-date-icon-right {
	min-width:25px;
	min-height:25px;
	background-image:url('../icons/icon_right.svg');
    background-repeat: no-repeat;
    background-position:center;
    background-size: contain;
    margin:0px 0px 0px 0px;

}


.voting-group-right {
  display: flex;
  flex-wrap: none;
  flex-direction:row;
  width:100%;
  justify-content:flex-end;
}

.voting-date-header {
  display: flex;
  flex-wrap: wrap;

  flex-direction:row;
  width:100%;
  justify-content:space-between;
  font-family: 'Raleway', sans-serif; /* Google Webfont */
  font-weight: 500;
  color: #bb0a30; /* rot */
  font-size:2.0rem;
  margin-bottom:1rem;
}

.voting-date-header-text {
	flex-grow:3;
	margin-right:2rem;
}

.voting_date_selection
{
    font-family: 'Raleway', sans-serif; /* Google Webfont */
    font-weight: 500;
    /*color: #bb0a30; /* rot */
    color:transparent;
    font-size:2.0rem;
    padding:0px;
	border:0.0px solid #ffffff;
	text-align:center;
	background-color:transparent;
	/*max-width:10rem;*/
	width:100%

}
.keine_textmarkierung{
	/*Textmarkierung durch Klicken verhindern*/
	-ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.keine_textmarkierung ::selection {
	/*Textmarkierung durch Klicken verhindern*/
    background: transparent;
    color: inherit;
}
.keine_textmarkierung ::-moz-selection {
	/*Textmarkierung durch Klicken verhindern*/
    background: transparent;
    color: inherit;
}

.voting-topheader-buttonfinish {
	/*display:none;*/
    color:#bb0a30;
    border-radius:4px;
    border: 1.5px solid #bb0a30;
    padding:5px;
    box-shadow:none;
    margin:5px 5px 0px 5px;
    font-family: 'Roboto', sans-serif; /* Google Webfont */
    font-weight:bold;
	height:35px;
	min-width:10rem;
	text-align:center;
}

.voting-topheader-buttonfinish_pressed {
	/*display:none;*/
    color:#ffffff;
    background-color:#bb0a30;
}

.voting-topheader-buttonmessage {
	min-width:55px;
	max-width:55px;
	min-height:30px;
	background-image:url('../icons/icon_message.svg');
    background-repeat: no-repeat;
    background-position:left top;
    background-size: 60%;
    text-align:right;
    color:#bb0a30;
    font-weight:bold;
    margin:5px;
}

.voting-topheader-voting {
	min-width:30px;
	min-height:30px;
	background-image:url('../icons/icon_voting.svg');
    background-repeat: no-repeat;
    background-position:left top;
    background-size: contain;
    margin:5px 0px 5px 5px;
}

.voting-topheader-matrix {
	min-width:30px;
	min-height:30px;
	background-image:url('../icons/icon_matrix.svg');
    background-repeat: no-repeat;
    background-position:left top;
    background-size: contain;
    margin:5px 5px 5px 5px;
}

.voting-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction:row;
  justify-content:space-between;
  flex-grow:2;
  padding:5px;
}
.voting-fahrt {
  display: flex;
  flex-wrap: none;
  align-items: flex-start;
  flex-direction:column;
  width:100%;
  margin-left:5px;

}

.voting-header {
	font-size:1.5rem;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:5px;
	margin-top:10px;
}

.voting-option {
  display: flex;
  flex-wrap: none;
  align-items: center;
  flex-direction:row;
  box-sizing: border-box;
  width:100%;


}

.voting-option-icon-notselected {
	min-width:25px;
	min-height:25px;
	background-image:url('../icons/icon-not-selected.svg');
    background-repeat: no-repeat;
    background-position:center center;
    background-size: 100%;
    margin:6px 20px 5px 0px; 
}

.voting-option-icon-selected {
	min-width:30px;
	min-height:30px;
	background-image:url('../icons/icon-selected.svg');
    background-repeat: no-repeat;
    background-position:center center;
    background-size: 100%;
    margin:1px 15px 5px 0px; 
}
.voting-option-icon-newselect {
	min-width:25px;
	min-height:30px;
	background-image:url('../icons/icon-new-option.svg');
    background-repeat: no-repeat;
    background-position:left center;
    background-size: 100%;
    margin:1px 20px 5px 0px; 
}

.voting-option-icon-maybeselected {
	min-width:25px;
	min-height:25px;
	background-image:url('../icons/icon-optional.svg');
    background-repeat: no-repeat;
    background-position:center center;
    background-size: 100%;
    margin:6px 20px 5px 0px; 
}

.voting-option-icon-disabled{
	min-width:25px;
	min-height:25px;
	background-image:url('../icons/icon-disabled.svg');
    background-repeat: no-repeat;
    background-position:center center;
    background-size: 100%;
    margin:6px 20px 5px 0px; 
}


.voting-add {
	min-width:25px;
	min-height:25px;
	background-image:url('../icons/icon_add.svg');
    background-repeat: no-repeat;
    background-position:center center;
    background-size: 100%;
    margin:5px 20px 5px 0px; 
}

.voting-remove {
	min-width:25px;
	min-height:25px;
	background-image:url('../icons/icon_remove.svg');
    background-repeat: no-repeat;
    background-position:center center;
    background-size: 100%;
    margin:5px 0px 5px 5px; 
    align-self: stretch;
}


.form-control-voting {
  border:none;
  border-radius:0;
  box-shadow:none;
  outline:none;
  color:inherit;
  font-family: 'Roboto', sans-serif; /* Google Webfont */
  text-indent:0px;
  height:30px;
  width:100%;
  padding-left:0pX;
}

.voting_container {
	width:100%;
}

.voting_text_disabled {
	text-decoration: line-through;
}

.voting_option_border {
   border-bottom: 1px dashed #ddd;
}

.voting-letzte-Aktualisierung {
	min-width:100%;
	text-align:right;
	padding-top:0.5rem;
	font-size:1.2rem;
	
}

@media screen and (min-width: 40em) {
.voting-fahrt {
	max-width:45%;
}
}

@media screen and (min-width: 64em) {
.voting-fahrt {
	max-width:100%;
}
}

@media screen and (min-width: 80em) {
.voting-fahrt {
	max-width:45%;
}

.result p:hover{
	color:white;
	background-color:#bb0a30; 
}

}