.section-event-title {
		background-color: lightgrey;
		margin-bottom: 1rem;
}

.section-event-title .element-heading {
		padding: 10px;
		display: flex;
		justify-content: center;
}

.section-event-title .element-heading h6 {
		margin-bottom: 0;
}



.barcode-result-page svg {
  width: 100px;
  display: block;
  margin: 40px auto 0;
}

.barcode-result-page .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  &.circle {
    -webkit-animation: dash .9s ease-in-out;
    animation: dash .9s ease-in-out;
  }
  &.line {
    stroke-dashoffset: 1000;
    -webkit-animation: dash .9s .35s ease-in-out forwards;
    animation: dash .9s .35s ease-in-out forwards;
  }
  &.check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check .9s .35s ease-in-out forwards;
    animation: dash-check .9s .35s ease-in-out forwards;
  }
}

.barcode-result-page p {
  text-align: center;
  margin-top: 20px;
		margin-bottom: 0px !important;
  font-size: 1.25em;
  &.success {
    color: #73AF55;
  }
  &.error {
    color: #D06079;
  }
}


@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
  text-align: center !important;
}

div.dt-container div.top {
		display: flex;
		align-items: center;
		justify-content: space-between;
}

table.dataTable tbody tr {
		vertical-align: middle;
}

@media screen and (max-width: 767px) {
    div.dt-container div.dt-length, div.dt-container div.dt-search, div.dt-container div.dt-info, div.dt-container div.dt-paging {
        text-align: center;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    div.dt-container div.dt-info {
        margin-top: 15px;
    }
}

#html5-qrcode-button-camera-start,
#html5-qrcode-button-camera-stop {
    font-size: 14px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 0.375rem;
    color: #fff;
    background-color: #0d5afd;
    border-color: transparent;
				margin-top: 10px;
}

#html5-qrcode-anchor-scan-type-change {
		display: none !important;
}

#html5-qrcode-select-camera {
  word-wrap: break-word;
  width: 90%;
  margin-top: 5px;		
}

.form-control.is-valid, .was-validated .form-control:valid {
  background-image: none;
}

card.set-event-id span {
		margin-bottom: 0px !important;
		font-weight: 600;
}