/* styles specificly for aanmelden en uitslag pages */

/*
	forms
*/

.spinner{
  display: inline-block;
  visibility: hidden;
}


/*
.form-group{
  padding: 40px 0;
  border-top: 2px solid #eee;
  margin-bottom: 0;
}
*/
/* svk2021 */
.form-group{
  padding: 20px 0;
  margin-bottom: 0;
}

.input-group{
  flex-wrap: nowrap;
  margin-bottom: 5px;
}

.input-notice {
	padding: 2em 1em;
  border: 1px solid #ccc;
  flex-wrap: nowrap;
  margin-bottom: 5px;
}
    
.input-group label{
  width: 130px;
  flex-shrink: 0;
}

.input-group input,
.input-group select{
  width: 100%;
}
.input-group input + input {
    margin-left: 1em;
}
.input-group-stacked input{
  width: 100%;
}

label{
  margin-right: 20px;
}

input{
  padding: 5px 10px;
  border: 1px solid #ccc;
  outline: 0;
}

input:focus{
  border: 1px solid #98177c;
  outline: 0;
}

.flex-group{
  display: flex;
}

/*
	specific for uitslag 
*/

/* styles specificly for aanmelden en result pages */

.aanmelden .button-cta2 {
  font-weight: 500;
  color: rgb(152,23,124) !important;
  display: inline-block;
}

.aanmelden .button-cta2:after {
  content: "\f0a9";
  font-family: 'FontAwesome';
  margin-left: 10px;
  margin-right: 5px;
}

.aanmelden .button-default {
  margin: 1em 0;
}

.uitslag__page-content {
  width: 100% !important;
}

.uitslag__sidebar {
  background: #FFFFFF;
  box-sizing: border-box;
}

.uitslag__nav__header {
  color: #98177B;
  margin-bottom: 1em;
}

.uitslag__search__wrapper {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 0;
}

.uitslag__search__input {
  border: 0;
  width: 70%;
  padding:0;
}

.uitslag__search__submit {
  background: transparent;
  border: 0;
  font-weight: 500;
  float: right;
  cursor: pointer;
  padding:0;
}

.uitslag__current__main,
.uitslag__current__secondairy {
  border-left: 5px solid;
}

.uitslag__current__main {
  border-left-color: #98177B;
}

.uitslag__current__secondairy {
  border-left-color: #FBB93D;
}

.uitslag__current__header {
  padding: 0 10px;
  line-height: 1.3;
  position: relative;
}

.uitslag__current__remove {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #FBB93D;
  text-align: center;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
  color: white;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
}

.uitslag__results {
  margin-top: 50px;
}

.uitslag__result {
  height: 30px;
  position: relative;
}

.uitslag__result {
  background-color: #eee;
  margin-top: 3px;
}

.uitslag__result--group .uitslag__result {
  margin-top: 0px;
}

.uitslag__result--group .uitslag__result:last-child {
  box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.05);
}

.uitslag__result__partyname,
.uitslag__result__totals {
  position: relative;
  z-index: 1;
  top: 2px;
}

.uitslag__result__partyname {
  float: left;
  padding-left: 10px;
  font-weight: 500;
  color: white;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  white-space:nowrap;
}

.uitslag__result__totals {
  position:absolute;
  right:0;
  padding-right: 10px;
}

.uitslag__result img {
  position: absolute;
  left: 0;
}

.uitslag__otherparties {
  margin-top: 40px;
}

.uitslag__otherparties__checkbox {
  text-align: center;
  line-height: 1;
}

.uitslag__otherparties__checkbox input {
  margin-right: 10px;
}

.uitslag__oterparties__container {
  margin-top: 30px;
  display: none;
}

.uitslag__totals {
  margin-top: 40px;
}

.uitslag__totals__double:first-child {
  margin-left: 0;
}

.uitslag__totals__row--header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 0;
  margin-bottom: 5px;
}

.uitslag__totals__row--sum {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 0;
  margin-top: 5px;
}

.uitslag__totals__header {
  float: left;
}

.uitslag__totals__number {
  float: right;
}

.uitslag__change,
.uitslag__compare {
  margin-top: 40px;
}

.uitslag__section__header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.uitslag__section__inputwrapper {
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: none;
}

.uitslag__section__inputwrapper.active {
  display: block;
}

.uitslag__section__select {
  float: left;
  width: auto;
  padding: 5px 10px;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: url('../assets/dropdown.svg');
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-appearance: none;
  width: calc(100% - 160px);
  font-size: 14px;
  line-height: 28px;
}

.uitslag__section__submit {
  float: right;
  padding: 5px 10px;
  border: 0;
  -webkit-appearance: none;
  background-color: #98177B;
  color: white;
  cursor: pointer;
  width: 150px;
  font-size: 14px;
  line-height: 28px;
}

.uitslag__compare .uitslag__section__submit {
  background-color: #FBB93D;
}

.uitslag__compare__options {
  padding-bottom: 20px;
}

.uitslag__compare__options__option {
  float: left;
  margin-right: 10px;
  font-size: 14px;
  cursor: pointer;
}

.uitslag__compare__options__option.active {
  background-color: #FBB93D;
  padding: 0 10px;
  color: white;
  font-weight: 500;
  border-radius: 20px;
}

@media only all and (min-width: 992px) {
  .uitslag__sidebar {
    float: left;
    width: 33.333%;
    position: sticky;
    top: 180px;
    margin-left: -20px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  }

  .uitslag__content {
    float: left;
    width: 66.6666%;
    padding-left: 70px;
  }

  .uitslag__nav__wrapper {
    padding: 25px;
  }

  .uitslag__search__wrapper {
    padding: 5px 25px;
  }

	/* pike added comparing */
  .uitslag__current.comparing .uitslag__current__main,
  .uitslag__current.comparing .uitslag__current__secondairy {
    float: left;
    width: 50%;
  }

  .uitslag__totals__double {
    width: 47%;
    float: left;
    margin-left: 5%;
  }

  .uitslag__doubleColumn {
    column-count: 2;
  }
}

@media only all and (max-width: 991px) {
  .uitslag__sidebar {
    margin-bottom: 50px;
  }

  .uitslag__current__main,
  .uitslag__current__secondairy {
    margin-bottom: 5px;
  }

  .uitslag__totals__double {
    border-left: 5px solid;
    padding-left: 10px;
    margin-top: 10px;
  }

  .uitslag__totals__double:first-child {
    border-color: #98177B;
  }

  .uitslag__totals__double:last-child {
    border-color: #FBB93D;
  }
}

/*
	specific for login 
*/

.login {
  display: flex;
  flex-wrap:wrap;
}
.login a {
  text-decoration:underline;
}
.login h2 {
  margin-bottom:.5em;
}
.login ul {
  padding: 0 1em;
  margin-bottom:2em;
}
.login ul li {
  list-style-type:disc;
}
#login-entree {
  flex: 1;
  padding:2em;
  background-color: rgb(152,23,124);
  color:white;
}

#login-entree a.btn {
  text-decoration:none;
  margin:1em 0;
}

#login-regular {
  flex: 1;
  padding:2em;
  margin-top:3em;
}


/*
	very specific for ivs code 
*/

label.wideLabel{
  margin-left: 20px;
  margin-top: -5px;
}


.formList input[type=radio]+label {
    padding-left: 1em;
}

h2#topicTitle {
	display:none;
}



article.page-content h3.schoolToggle {
	cursor:pointer;
	display: block;
	color: white;
	background-color:rgb(152,23,124);
	/* width: 95%; */
	padding: 10px;
	margin-bottom: 1em;
}

article.page-content div.schoolSettings {
	margin-bottom: 2em;
}

article.page-content hr.form {
  margin: 15px 0;
  border-bottom: 2px solid #ccc;
}

form.download img, 
form.download input[type="image"],
a.download img {
  vertical-align: middle;
  text-decoration:none;
  border:1px solid black;
  margin:0 1em 1em 0;
	padding: 5px;
}

form.download img+p,
form.download input[type="image"]+p{
	max-width:50%;
	display: inline-block;
}

form.download button, 
a.download span {
	cursor:pointer;
	text-decoration: underline;
	display: inline-block;
	font-weight:bold;
}

form.download button {
	text-align:left;
	border:0; padding:0;
	margin-top:1em;
}
form.download label {
	margin-top: 1em;
	margin-bottom: 0;
}

/* moderator submit results form svk2021*/

#moderator_results {
  border: 1px solid #cccccc;
  padding: 1em 3em;
  background-color: #ffffee;
}
#moderator_results .form-header {
  margin-top: 1em;
  padding: 1em 0 0;
  font-weight: bold;
  border-top: 1px solid black;
}
#moderator_results .col-header {
  width: 100px;
  display: inline-block;
  margin-right: 1em;
}

#moderator_results .form-group {
  width:100%;
  padding:5px 0;
}

#moderator_results .form-row fieldset div {
  width:100%;
  max-width: 640px;
}
#moderator_results .form-row fieldset fieldset {
  padding:5px 0;
}
#moderator_results fieldset div.form-group {
  padding:5px 0;
  display:flex;
}
#moderator_results fieldset div.form-group label {
  order:2;
  padding: .375rem .75rem;
  line-height: 1.5;
}
#moderator_results fieldset div.form-group .form-control {
  order:1;
  width:100px;
  margin-right:1em;
}
#moderator_results_blank input, 
#moderator_results_invalid input {
  background-color:#eee;
} 
#moderator_results_blank label, 
#moderator_results_invalid label {
  font-style:italic;
} 
#moderator_results .submit .form-group {
  padding: 20px 0;
  text-align:center;
}
#moderator_results .submit button.pending {
  padding-right: 2em;
  position: relative;
}
#moderator_results .submit button.pending:after {
  content: "\f110";
  font-family: 'FontAwesome';
  animation: fa-spin 2s infinite linear;
  position: absolute;
  right: 0.5em;
}

/* symfony flashbag svk2021 */

.alert-notice {
  background-color: #FBB93D;
}

.alert-warning {
  background-color: #FF0000;
  color:white;
}

.alert-error {
  background-color: #FF0000;
  color:white;
}


.btn-primary, .btn-primary:hover {
  background-color:rgb(152,23,124);
  border-color:rgb(152,23,124);
}