.table {margin-bottom:20px;} .table th, .table td {text-align:left; padding-right:20px;} .table-striped > tbody > tr:nth-child(odd) > th, .table-striped > tbody > tr:nth-child(odd) > td { background-color: #ffffff; } .alert {padding:2rem; border:2px solid;} .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-success * {color: #3c763d;} .alert-info * {color: #31708f;} .alert-warning * {color: #8a6d3b;} .alert-danger * {color: #a94442;} #adminmenu .wp-menu-image img { padding: 9px 0 0 0; opacity: .6; max-width:100%!important; height:auto!important; } #SchrobbelerActie {margin-top:0px; text-align:center;} #SchrobbelerActie .alert {padding:2rem; border:2px solid;} #SchrobbelerActie .alert-success { color: #3c763d!important; background-color: #dff0d8!important; border-color: #d6e9c6!important; } #SchrobbelerActie .alert-info { color: #31708f!important; background-color: #d9edf7!important; border-color: #bce8f1!important; } #SchrobbelerActie .alert-warning { color: #8a6d3b!important; background-color: #fcf8e3!important; border-color: #faebcc!important; } #SchrobbelerActie .alert-danger { color: #a94442!important; background-color: #f2dede!important; border-color: #ebccd1!important; } #SchrobbelerActie a:hover i, #SchrobbelerActie a:active i, #SchrobbelerActie a:focus i { opacity:0.8; } #SchrobbelerActie .form-control {height:3rem; line-height:1; font-size:1.5rem; border:1px solid transparent; background-color:rgba(255,255,255,0.75); margin:0px;} #SchrobbelerActie .form-control::-webkit-input-placeholder { font-size:1.5rem; color:rgba(0,0,0,0.3); } #SchrobbelerActie .form-control::-moz-placeholder {font-size:1.5rem; color:rgba(0,0,0,0.3); } #SchrobbelerActie .form-control:-moz-placeholder {font-size:1.5rem; color:rgba(0,0,0,0.3); } #SchrobbelerActie .form-control:-ms-input-placeholder {font-size:1.5rem; line-height:1; color:rgba(0,0,0,0.3); } #SchrobbelerActie .formerror {border:1px solid rgba(255,0,0,0.75); background-color:#ffc9c9!important;} #SchrobbelerActie .formerror::-webkit-input-placeholder { font-size:1.5rem; color:#dd0000!important; } #SchrobbelerActie .formerror::-moz-placeholder {font-size:1.5rem; color:#dd0000!important; } #SchrobbelerActie .formerror:-moz-placeholder {font-size:1.5rem; color:#dd0000!important; } #SchrobbelerActie .formerror:-ms-input-placeholder {font-size:1.5rem; line-height:1; color:#dd0000!important; } #SchrobbelerActie label.formerror {color:#dd0000!important; padding:0 1rem;} #SchrobbelerActie label + label.formerror {margin-left:1rem;} #SchrobbelerActie select.formerror {color:#dd0000!important;} @media all and (max-width: 768px) { #SchrobbelerActie .form-control {height:40px; line-height:40px; font-size:1.4rem;} #SchrobbelerActie .form-control::-webkit-input-placeholder { font-size:1.4rem;} #SchrobbelerActie .form-control::-moz-placeholder {font-size:1.4rem; } #SchrobbelerActie .form-control:-moz-placeholder {font-size:1.4rem; } #SchrobbelerActie .form-control:-ms-input-placeholder {font-size:1.4rem; } #SchrobbelerActie .formerror::-webkit-input-placeholder { font-size:1.4rem; } #SchrobbelerActie .formerror::-moz-placeholder {font-size:1.4rem; } #SchrobbelerActie .formerror:-moz-placeholder {font-size:1.4rem; } #SchrobbelerActie .formerror:-ms-input-placeholder {font-size:1.4rem; line-height:auto; } } @media all and (max-width: 440px) { #SchrobbelerActie .form-control {font-size:1.2rem;} #SchrobbelerActie .form-control::-webkit-input-placeholder { font-size:1.2rem;} #SchrobbelerActie .form-control::-moz-placeholder {font-size:1.2rem; } #SchrobbelerActie .form-control:-moz-placeholder {font-size:1.2rem; } #SchrobbelerActie .form-control:-ms-input-placeholder {font-size:1.2rem; } #SchrobbelerActie .formerror::-webkit-input-placeholder { font-size:1.2rem; } #SchrobbelerActie .formerror::-moz-placeholder {font-size:1.2rem; } #SchrobbelerActie .formerror:-moz-placeholder {font-size:1.2rem; } #SchrobbelerActie .formerror:-ms-input-placeholder {font-size:1.2rem; line-height:auto; } } @media all and (max-width: 320px) { #SchrobbelerActie .form-control {font-size:1rem;} #SchrobbelerActie .form-control::-webkit-input-placeholder { font-size:1rem;} #SchrobbelerActie .form-control::-moz-placeholder {font-size:1rem; } #SchrobbelerActie .form-control:-moz-placeholder {font-size:1rem; } #SchrobbelerActie .form-control:-ms-input-placeholder {font-size:1rem; } #SchrobbelerActie .formerror::-webkit-input-placeholder { font-size:1rem; } #SchrobbelerActie .formerror::-moz-placeholder {font-size:1rem; } #SchrobbelerActie .formerror:-moz-placeholder {font-size:1rem; } #SchrobbelerActie .formerror:-ms-input-placeholder {font-size:1rem; line-height:auto;} } #SchrobbelerActie .cirkel-wrap {position:relative; z-index:1; max-width:400px; text-align:center;} #SchrobbelerActie .cirkel-outer {position:relative; width:100%; height:100%; margin-top:0px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; z-index:2; background: rgb(227,176,85); background: -moz-linear-gradient(90deg, rgba(227,176,85,1) 0%, rgba(252,239,202,1) 50%, rgba(227,176,85,1) 100%); background: -webkit-linear-gradient(90deg, rgba(227,176,85,1) 0%, rgba(252,239,202,1) 50%, rgba(227,176,85,1) 100%); background: linear-gradient(90deg, rgba(227,176,85,1) 0%, rgba(252,239,202,1) 50%, rgba(227,176,85,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3b055",endColorstr="#e3b055",GradientType=1); } #SchrobbelerActie .cirkel-dummy {position:relative; width:100%; padding-bottom:100%; } #SchrobbelerActie .cirkel-inner {position:absolute; left:3.5%; top:3.5%; text-align:center; margin-top:0px; width:93%; height:93%; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#ee7202; z-index:3;} #SchrobbelerActie .cirkel-content {position:relative; } @media all and (min-width: 1440px) { #SchrobbelerActie .container {max-width:1400px;} } @media all and (min-width: 1900px) { #SchrobbelerActie .container {max-width:1600px;} } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #SchrobbelerActie #main-form .row {min-width:100%;} } #SchrobbelerActie .submit-button {display: -webkit-box; display: -ms-flexbox; display:flex; position:relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width:64px; max-width:64px; width:64px; height:64px; align-items:center; justify-content:center; background-color#003d16; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:0; padding:0px; margin:auto; margin-top:10px; margin-bottom:10px; cursor:pointer; background-color:#003c1a;} #SchrobbelerActie .submit-button:hover {background-color:#006230;} #SchrobbelerActie .submit-button img{display:block; width:48px!important; max-width:48px!important; height:auto!important; } #SchrobbelerActie .submit-button i {display:none; font-size:26px; color:#ffffff!important;} @media all and (max-width: 767px) { #SchrobbelerActie .submit-button {min-width:48px; max-width:48px; width:48px; height:48px; -moz-border-radius:10px; border-radius:10px; margin-top:3px; margin-bottom:3px;} #SchrobbelerActie .submit-button img{width:32px!important; max-width:32px!important; } #SchrobbelerActie .submit-button i {font-size:26px; } } #SchrobbelerActie #prijzen-polonaise {position:relative; z-index:3; margin-bottom:-10%; pointer-events:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'); background: none !important;} #SchrobbelerActie #prijzen-polonaise img {height:auto!important; pointer-events: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'); background: none !important;} #SchrobbelerActie #hoofdprijs {position:absolute; top:50%; margin-top:-100px; left:10%; z-index:1;} #SchrobbelerActie #hoofdprijs img {} #SchrobbelerActie #hoofdprijs-rechts {} #SchrobbelerActie #hoofdprijs-rechts img {width:94%; height:auto!important; margin-top:100%;} #SchrobbelerActie #kruik-rechts {position:absolute; bottom:0px; right:15%; z-index:1;} #SchrobbelerActie #kruik-rechts img {} #SchrobbelerActie #check-prijs {height:auto!important; width:500px; margin-top:-3%; z-index:4;} #SchrobbelerActie #meld-je-aan {font-size:1.5rem; font-weight:700;margin-top:-5%} #SchrobbelerActie #mis-je-carnaval {font-size:1.5rem; font-weight:700;margin-top:-5%} #SchrobbelerActie #unieke-code {margin-top:1.5rem; max-width:82%; margin-left:9%; text-align:center;} #SchrobbelerActie #unieke-code .form-control {color:#003d16; background-color:#ffffff; font-weight:700; text-align:center;} #SchrobbelerActie #unieke-code .form-control::-webkit-input-placeholder {color:#003d16; font-weight:700;} #SchrobbelerActie #unieke-code .form-control::-moz-placeholder {color:#003d16; font-weight:700;} #SchrobbelerActie #unieke-code .form-control:-moz-placeholder {color:#003d16; font-weight:700;} #SchrobbelerActie #unieke-code .form-control:-ms-input-placeholder {color:#003d16; font-weight:700;} #SchrobbelerActie #upload-kassabon { } #SchrobbelerActie #kassabon-knop { position:relative; display:block; height:50px; line-height:50px; width:120%; margin-left:-10%; padding-left:15px; padding-right:15px; color:#003d16; font-size:1.4rem; font-weight:700; text-decoration:none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; background: rgb(227,176,85); background: -moz-linear-gradient(90deg, rgba(227,176,85,1) 0%, rgba(252,239,202,1) 50%, rgba(227,176,85,1) 100%); background: -webkit-linear-gradient(90deg, rgba(227,176,85,1) 0%, rgba(252,239,202,1) 50%, rgba(227,176,85,1) 100%); background: linear-gradient(90deg, rgba(227,176,85,1) 0%, rgba(252,239,202,1) 50%, rgba(227,176,85,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3b055",endColorstr="#e3b055",GradientType=1); } #SchrobbelerActie #kassabon-knop:hover{ background: rgb(252,239,202); background: -moz-linear-gradient(90deg, rgba(252,239,202,1) 0%, rgba(227,176,85,1) 50%, rgba(252,239,202,1) 100%); background: -webkit-linear-gradient(90deg, rgba(252,239,202,1) 0%, rgba(227,176,85,1) 50%, rgba(252,239,202,1) 100%); background: linear-gradient(90deg, rgba(252,239,202,1) 0%, rgba(227,176,85,1) 50%, rgba(252,239,202,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcefca",endColorstr="#fcefca",GradientType=1); } @media all and (max-width: 1919px) { #SchrobbelerActie #prijzen-polonaise {position:relative; z-index:3; margin-bottom:-8%;} #SchrobbelerActie #prijzen-polonaise img {width:80%; height:auto!important;} #SchrobbelerActie #hoofdprijs {position:absolute; bottom:10%; top:auto; margin-top:auto; left:10%; z-index:1;} #SchrobbelerActie #hoofdprijs img {width:auto!important; height:300px!important;} #SchrobbelerActie #kruik-rechts {position:absolute; bottom:0px; right:10%; z-index:1;} #SchrobbelerActie #kruik-rechts img {width:auto!important; height:600px!important;} } @media all and (max-width: 1599px) { #SchrobbelerActie #prijzen-polonaise {position:relative; z-index:3; margin-bottom:-12%;} #SchrobbelerActie #prijzen-polonaise img {width:80%; height:auto!important;} #SchrobbelerActie #hoofdprijs {position:absolute; bottom:7%; top:auto; margin-top:auto; left:7%; z-index:1;} #SchrobbelerActie #hoofdprijs img {width:auto!important; height:300px!important;} #SchrobbelerActie #kruik-rechts {position:absolute; bottom:0px; right:7%; z-index:1;} #SchrobbelerActie #kruik-rechts img {width:auto!important; height:600px!important;} } @media all and (max-width: 1199px) { } @media all and (max-width: 1023px) { #SchrobbelerActie .cirkel-wrap {max-width:380px;} #SchrobbelerActie #prijzen-polonaise {position:relative; z-index:3; margin-bottom:-12%;} #SchrobbelerActie #prijzen-polonaise img {width:60%; height:auto!important;} #SchrobbelerActie #hoofdprijs {position:absolute; bottom:5%; top:auto; margin-top:auto; left:5%; z-index:1;} #SchrobbelerActie #hoofdprijs img {width:auto!important; height:200px!important;} #SchrobbelerActie #kruik-rechts {position:absolute; bottom:0px; right:5%; z-index:1;} #SchrobbelerActie #kruik-rechts img {width:auto!important; height:400px!important;} } @media all and (max-width: 991px) { #SchrobbelerActie #unieke-code {margin-top:30px;} #SchrobbelerActie #prijzen-polonaise {position:relative; z-index:3; margin-bottom:-12%;} #SchrobbelerActie #prijzen-polonaise img {width:80%; height:auto!important;} #SchrobbelerActie #hoofdprijs {position:absolute; bottom:1%; top:auto; margin-top:auto; left:1%; z-index:1;} #SchrobbelerActie #hoofdprijs img {width:auto!important; height:200px!important;} #SchrobbelerActie #kruik-rechts {position:absolute; bottom:0px; right:1%; z-index:1;} #SchrobbelerActie #kruik-rechts img {width:auto!important; height:400px!important;} #SchrobbelerActie #kassabon-knop { position:relative; display:block; height:40px; line-height:40px; width:120%; margin-left:-10%; padding-left:15px; padding-right:15px; font-size:1.2rem; } } @media all and (max-width: 767px) { #SchrobbelerActie #unieke-code {margin-top:20px;} #SchrobbelerActie #polonaise-wrap {padding-top:100px;} #SchrobbelerActie .cirkel-wrap {max-width:320px;} #SchrobbelerActie #prijzen-polonaise {position:relative; z-index:3; margin-bottom:-25%;} #SchrobbelerActie #prijzen-polonaise img {width:90%; max-width:90vw; height:auto!important;} #SchrobbelerActie #hoofdprijs {display:none;} #SchrobbelerActie #kruik-rechts {display:none;} #SchrobbelerActie #kassabon-knop {margin-top:5px;} #SchrobbelerActie #check-prijs {height:auto!important; width:400px; margin-top:-5%; z-index:4;} #SchrobbelerActie #meld-je-aan {font-size:1.5rem; font-weight:700;margin-top:-5%} #SchrobbelerActie #mis-je-carnaval {font-size:1.4rem; font-weight:700;margin-top:0%} } @media all and (max-width: 440px) { #SchrobbelerActie #polonaise-wrap {padding-top:100px;} #SchrobbelerActie .cirkel-wrap {max-width:320px;} #SchrobbelerActie #prijzen-polonaise {position:relative; z-index:3; margin-bottom:-25%;} #SchrobbelerActie #prijzen-polonaise img {width:100%; max-width:90vw; height:auto!important;} #SchrobbelerActie #hoofdprijs {display:none;} #SchrobbelerActie #kruik-rechts {display:none;} #SchrobbelerActie #unieke-code {margin-top:1.0rem; max-width:90%; margin-left:5%; text-align:center;} #SchrobbelerActie .submit-button { margin-top:4.5rem; margin-top:4.5rem;} } @media all and (max-width: 320px) { #SchrobbelerActie #prijzen-polonaise img {width:100%; max-width:98vw; height:auto!important;} #SchrobbelerActie .cirkel-wrap {width:80%; max-width:80vw; } #SchrobbelerActie #unieke-code {margin-top:0rem; max-width:94%; margin-left:3%; text-align:center;} #SchrobbelerActie #check-prijs { font-size:1.3rem; margin-top:0.75rem; margin-top:0.75rem;} #SchrobbelerActie .submit-button { margin-top:0.75rem; margin-top:0.75rem;} #SchrobbelerActie #kassabon-knop { height:40px; line-height:40px; padding-left:5px; padding-right:5px; font-size:1.3rem; margin-top:1.5rem; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; } } #SchrobbelerActie-gegevens .form-control { margin-bottom:1rem; } #SchrobbelerActie-gegevens #kassabon { font-size:1.1rem; height:auto!important; line-height:1; } #SchrobbelerActie-bedankt .deel-button img {max-width:200px; width:auto!important; height:auto!important; margin-bottom:20px;} .alignright {float:right;} .alignleft {float:left;} .aligncenter {float:none; margin-left:auto; margin-right:auto;} #SchrobbelerActie-prijzen {padding-top:0px;} #SchrobbelerActie-prijzen .prijs {margin-bottom:2rem; border-bottom:1px solid rgba(0,0,0,0.3); padding-bottom:2rem;} #SchrobbelerActie-prijzen .prijs:last-child {border-bottom:0;} #SchrobbelerActie-prijzen .prijs-afbeelding {width:100%; height:auto!important;} #SchrobbelerActie-prijzen .prijs-naam {text-align:left;} @media all and (max-width: 767px) { #SchrobbelerActie-prijzen .prijs-naam {font-size:1.5rem; } } #SchrobbelerActie-prijzen .prijs-beschrijving {text-align:left;} #modal-kassabon { display: flex; flex-direction: column; align-items:center; justify-content:center; } #TB_ajaxContent .modal-body { display: flex; flex-direction: column; align-items:center; justify-content:center; width:100%; height:100%; } #TB_ajaxContent .loader { position:absolute; width:48px; height:48px; z-index:-1; } #TB_ajaxContent .preview { display: absolute; left:0px; right:0px; top:0px; bottom:0px; width:100%; height:100%; -webkit-background-size:contain; -moz-background-size:contain; background-size:contain; background-position:center center; background-repeat:no-repeat; z-index:1; }