@charset "UTF-8";

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

.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;
}
 
#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;
}

.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%

}


.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-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;
}


@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%;
}
}