body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-width:700px;text-align:center}h1{font-size:1.8rem;margin:0}.uitverkocht{background-color:#db0720;bottom:0;color:#fff;font-size:1.5rem;font-weight:700;height:50px;line-height:50px;margin:-60px -80px;position:absolute;right:0;transform:rotate(45deg);transform-origin:right;width:200%}.Header-part{display:flex;justify-content:space-around;object-fit:contain}.Header-icon{height:2rem;margin-bottom:-8px}.Header-link{display:flex;justify-content:flex-end;margin-right:10px}.Header-link a{color:#000;font-size:1.4rem;text-decoration:none;transform:scale(.9);transition:all .5s}.Header-link a:hover{transform:scale(1)}.Footer-link{bottom:31px;display:flex;justify-content:flex-end;position:relative;right:20px}.Footer-link a{color:#000;font-size:1.4rem;text-decoration:none;transform:scale(.9);transition:all .5s}.Footer-link a:hover{transform:scale(.7)}.App-logo{display:flex;height:80px;justify-content:flex-start;transform:scale(.9)}.App-logo img{object-fit:contain}.App-header{align-items:center;background-color:#fff;border-bottom:5px solid #fed03d;color:#000;display:grid;grid-template-columns:33% auto 33%;height:80px;justify-content:space-between}p{margin:0}.App-main{background-color:#ededed;background-image:url(/static/media/notes.88acf22b8add88f6819d.png);background-repeat:repeat;background-size:800px 800px;min-height:calc(100vh - 115px)}footer{background-color:#fff;height:30px}button{background-color:#4caf50;border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;line-height:30px;padding:20px;text-align:center;text-decoration:none;transition:all .5s;vertical-align:middle}button:hover{background-color:#333}button img{transition:all .5s}button:hover img{transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}button:disabled{background-color:#333;color:#999;cursor:default;pointer-events:none}button:disabled img{opacity:.5}.btn-img{height:30px;margin-bottom:-.9vh;margin-right:5px;width:30px}.Article{background-color:#e7e7e7;border-radius:40px 40px 0 0;box-shadow:0 0 10px 1px #000;margin:10px;overflow:hidden;position:relative;transition:all .5s;width:350px}.Article:hover{background-color:#fff;transform:scale(1.02)}.Article-img{height:200px;margin:10px;object-fit:cover;width:300px}.Article h1{background-color:#db0720;border-radius:30px 30px 0 0;color:#fff}.Concertlist{display:flex;justify-content:space-evenly;min-width:280px;padding-top:50px}.PriceDiv{align-items:stretch;flex-direction:column}.PriceButtonDiv,.PriceDiv{display:flex;justify-content:space-around}.PriceButtonDiv{padding:10px 0}.Detail-container{align-items:center;display:flex;justify-content:flex-start;padding:5px 25px}.Detail-container img{height:40px;margin-right:10px;width:40px}.Detail-container div{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-evenly}footer p{line-height:30px}@media(max-width:800px){.App-main{background-size:500px 500px}.Footer-link{bottom:1px}.Header-link{display:none}.Concertlist{align-items:center;flex-direction:column;justify-content:space-evenly}.App-header{grid-template-columns:50% 50%}h1{font-size:1.3rem}.App-logo{height:60%;width:60%}.Article{border-radius:30px 30px 0 0;width:280px}.uitverkocht{margin:-10px -60px}footer p{left:0;position:absolute}.Article-img{width:260px}}input{border:2px solid #000;border-radius:5px;box-sizing:border-box;font-size:1rem;padding:5px;width:200px}body{height:100%;margin:0}h2{font-size:1.3rem;margin-top:40px}.podium{background-color:#f2ce7a;box-shadow:0 3px 5px 0;font-size:2rem;height:80px;margin:5px 0 -9.2px 30px;transform:rotateX(25deg);width:85%}.submit{background-color:#4caf50;border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;line-height:30px;margin:10px 0;padding:20px;text-align:center;text-decoration:none;transition:all .5s;vertical-align:middle}.submit:focus{background-color:#fed03d;border:none}.submit:hover{background-color:#333}label{color:#000;cursor:pointer;display:block;font-size:1rem;font-weight:700}input:focus{border:2px solid #db0720;outline:none!important}.form-group{align-items:center;display:flex;justify-content:space-between;margin:15px}.rendered-form{margin-left:auto;margin-right:auto;width:400px}.stage{background-color:#f2ce7a;box-shadow:0 5px 4px 0;height:20px;margin:0 0 5px 30.7px;transform:rotateX(-45deg);width:85.9%}.error{color:red;font-weight:700}.message{color:#4caf50;font-weight:700}.seatSelection{align-items:center;background-color:#fff;border:2px solid #000;border-radius:5px;flex-direction:column;justify-content:center;perspective:1000px;transform:translateX(-25%);width:830px}.legenda,.seatSelection{display:flex;margin:20px 0}.legenda{background-color:#d3d3d3;border-radius:5px;padding:5px}.legendaRow{align-items:center;display:flex;flex-direction:column;margin:0 30px}.seat{background-color:#fed03d;border-radius:8px;font-size:.8rem;height:20px;margin:5px .8px;transition:all .1s;width:20px}.seat:nth-child(18){margin-right:50px}.wheelchair{background-color:#4174ec;background-image:url(data:image/png;base64,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)}.seat.selected,.wheelchair{background-position:50%;background-repeat:no-repeat;background-size:cover}.seat.selected{background-color:#4caf50;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF5SURBVHgB7duxSgNBEIDhMYXRwue2EQu7dD6DhfhEdoJIxHKc5dZClMve7t5k7u7/YCCQZvbnCJcLEQEAAAAAAAAAAABcqOre5s7mzeZoc7C5FvSTIz/rXwdBHyORkw9BuxORk3dBm4LIyb2gXmHk9P5eUMfiXdo8nYj8YnMlqENkB0R2QGQHRHZAZAdEdkBkB0R2QGQHRHZAZAdEdkBkB0R2QGQHRHZAZAdEdrD4yLbYzuZCAtMl/5BqS93YPNp82XzaPERcdNGRkxw59MJriLzLV3LYxRcfOcmhj1EPsIrIP3T4TA53kFVFTiIeKOJOXWige9NIu8wiwgEj7ODinAfVrX2tPseBdavPLjwPrlt/QOQRQHkKN5gzhBL5tzmCKJH/1zOMEnlcj0BK5DItoZTI09QEUyLXmRKOyI20/Akbf5ZsVXi1ciX30BCbyFNVxCZyrQmxidyqIDaRexmJTeTedLj1u7V5zZNecwsHAAAAAAAAAACA7BsyvaM/OXR8MQAAAABJRU5ErkJggg==);background-size:80%;font-size:0}.Concert-info{display:flex;justify-content:center}.seat.occupied{background-color:#181307;color:#fff}.seatRow{align-items:center;display:flex;margin:5px 0}.rowName{width:25px}.seatRow:nth-of-type(2n) .rowName{margin:0 10px 0 0}.legenda .seat:not(.occupied):hover{cursor:default;transform:scale(1)}.seatRow:nth-of-type(12) .seat:nth-child(18),.seatRow:nth-of-type(13) .seat:nth-child(18){margin-right:142px}.verwijderBtn{background-color:#db0720;border:none;border-radius:50px 50px 0 0;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;line-height:30px;margin-top:50px;padding:0 20px;text-align:center;text-decoration:none;transition:all .5s;vertical-align:middle}.verwijderBtn:hover{background-color:#fed03d;color:#000}.verwijderBtn:focus{border:none}.seat:not(.occupied):hover{cursor:pointer;transform:scale(1.15)}@media(max-width:800px){h2{font-size:1rem}}@media(max-width:450px){.form-group{flex-direction:column;margin:5px}.rendered-form{align-items:center;display:flex;flex-direction:column}}@media(min-width:1140px){.seatRow{margin:10px 0}.seat:nth-child(18){margin-right:80px}.seatSelection{transform:translateX(-31%);width:1100px}.seatRow:nth-of-type(2n) .rowName{margin:0 18px 0 0}.seat{font-size:1rem;height:24px;margin:2px;width:24px}.seatRow:nth-of-type(12) .seat:nth-child(18),.seatRow:nth-of-type(13) .seat:nth-child(18){margin-right:205px}}@media(max-width:850px){.seat:nth-child(18){margin-right:20px}.seatSelection{transform:translateX(-17%);width:620px}.seatRow:nth-of-type(2n) .rowName{margin:0 12px 0 0}.seat{border-radius:3px;font-size:.8rem;height:20px;width:15px}.seatRow:nth-of-type(12) .seat:nth-child(18){margin-right:85px}.seatRow:nth-of-type(13) .seat:nth-child(18){margin-right:90px}}@media(max-width:450px){.seatSelection{transform:translateX(0)}}.seat:last-child{margin-right:3px}.Pay-main{align-items:center;background-color:#ededed;min-height:calc(100vh - 130px);padding:10px}.Overview,.Pay-main{display:flex;flex-direction:column}.Overview-row{align-items:center;display:flex;justify-content:center;margin:5px 0}.Overview p{align-items:flex-start;display:flex;flex-direction:column;margin:0 5px}.Overview-row p:nth-of-type(2){font-weight:700}.pay-choice{align-items:center;background-color:#fff;border:2px solid #000;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:120px;justify-content:space-between;margin:0 0 20px;padding:5px}.pay-choice h2{margin:0}.pay-choice input{width:20px}.choice-desc{align-items:center;display:flex;flex-direction:row}.pay-choice:hover{background-color:#fed03d}.login__container{align-items:center;display:flex;flex-direction:column}.login__container input{margin:15px}.navBalk{margin-top:-10px}.navBalk button{background-color:#fed03d;border-radius:0 0 30px 30px;color:#333;margin:0 5px}.navBalk button:hover{background-color:#333;color:#fff}@media (max-device-width:1490px) and (max-device-width:1490px),only screen and (max-width:1490px){table,tbody,td,th,thead,tr{display:block}th{left:-9999px;position:absolute;top:-9999px}tr{border:1px solid #ccc}td{border:none;border-bottom:1px solid #eee;padding-left:50%;position:relative}td:before{left:6px;padding-right:10px;position:absolute;white-space:nowrap;width:45%}td:first-of-type:before{content:"Gereserveerd op"}td:nth-of-type(2):before{content:"Ticketcode"}td:nth-of-type(3):before{content:"Email"}td:nth-of-type(4):before{content:"Voornaam"}td:nth-of-type(5):before{content:"Naam"}td:nth-of-type(6):before{content:"Zitplaatsen"}td:nth-of-type(7):before{content:"Personen"}td:nth-of-type(8):before{content:"Prijs"}td:nth-of-type(9):before{content:"Opmerking"}td:nth-of-type(10):before{content:"Kortingscode"}td:nth-of-type(11):before{content:"Betaald"}td:nth-of-type(12):before{content:"Tickets Verstuurd"}td:nth-of-type(13):before{content:"Gescand"}td:nth-of-type(14):before{content:"Configuratie"}}td button:nth-of-type(2){background-color:#76c893;width:50%}td button:nth-of-type(3){background-color:#52b69a;width:50%}td button:nth-of-type(4){background-color:#34a0a4;width:50%}td button:nth-of-type(5){background-color:#1a759f;width:50%}td button:nth-of-type(3):hover,td button:nth-of-type(4):hover,td button:nth-of-type(5):hover{background-color:#333}.reservationh2 img{position:absolute;right:15px}.redbox{background-color:#db072052}.greenbox{background-color:#76c893}.yellowbox{background-color:#ffe591}.hovermessage{background-color:#333;color:#fff;display:none;margin-left:-1%;overflow:hidden;padding:5px;position:absolute;text-overflow:ellipsis;z-index:999}td:hover .hovermessage{display:inherit}#progress{border:1px solid #000;padding:3px;position:relative;width:220px}#percent{left:25%;position:absolute}#bar{background-color:#76c893;height:22px}.QRscanner{width:300px}.scanRow{display:flex;justify-content:center}.scanRow p{margin:5px 10px}.scanRow p:nth-of-type(2){font-weight:700}.scanContainer{align-items:flex-start;display:flex;flex-direction:column}.scanContainer h2{margin:10px}select{border:2px solid #000;border-radius:5px;box-sizing:border-box;font-size:1rem;padding:5px;width:200px}.Ticket{background-color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:auto;width:800px}.Ticket div{flex:300px 1;margin:5px}.ticketRight{padding:25px}.ticketLeft p,.ticketRight2 p{margin:0 15px}.ticketRight2{padding:0}.Ticket h2{margin:17px}@media (min-device-width:830px) and (max-device-width:830px),only screen and (max-width:830px){.Ticket{align-items:center;flex-direction:column;width:100%}.Ticket div{flex:auto}}td,th{border:1px solid #ddd;min-height:20px}tr:first-of-type{background-color:#fed03d}tr:nth-of-type(2n){background-color:#f2f2f2}tr{background-color:#ededed}table{border-collapse:collapse;width:100%}td input{width:auto}@media (max-device-width:1490px) and (max-device-width:1490px),only screen and (max-width:1490px){table,tbody,td,th,thead,tr{display:block}th{left:-9999px;position:absolute;top:-9999px}tr{border:1px solid #ccc}td{border:none;border-bottom:1px solid #eee;padding-left:50%;position:relative}td:before{left:6px;padding-right:10px;position:absolute;white-space:nowrap;width:45%}.codesr:first-of-type:before{content:"Code"}.codesr:nth-of-type(2):before{content:"Aantal volw. Kaarten aan kindertarief"}.codesr:nth-of-type(3):before{content:"Gratis (in €)"}.codesr:nth-of-type(4):before{content:"Gebruikt"}.codesr:nth-of-type(5):before{content:"Configuratie"}}td button{border-radius:0;padding:0;width:100%}.deletebutton{background-color:#1a759f;width:100%}td button:nth-of-type(2):hover{background-color:#333}.reservationheader{width:28rem}.totalsheader{align-items:baseline;display:flex;flex-direction:column;justify-content:center;margin:15px;width:12rem}.totalsheader p{display:flex;justify-content:space-between;width:12rem}.totalsheader p:first-child{font-size:1.2rem;font-weight:700}.totalsheader p:last-child{font-size:.85rem;font-style:italic}.totalsheader p:nth-child(4){padding-top:15px}.reservationheader label{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.reservationsheaderheader{display:flex;justify-content:space-evenly}@media (max-device-width:750px) and (max-device-width:750px),only screen and (max-width:750px){.reservationsheaderheader{flex-direction:column-reverse}}.reservationh2{margin:0}.reservationh2 img{background-color:#fed03d;border-radius:0 0 10px 10px;cursor:pointer;left:10%;padding:5px;position:relative;transition:.1s}.reservationh2 img:hover{background-color:#fff}