@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:188}50%{stroke-dashoffset:65;transform:rotate(135deg)}to{stroke-dashoffset:188;transform:rotate(450deg)}}body,html{height:100%}html{background-color:#11353a}body{align-items:center;font:100%"Roboto",sans-serif;color:#fff;margin:0;padding:0;width:100%;display:flex;flex-direction:column}main,section{flex:1;max-width:732px;width:100%}.page-container{min-height:100%}.content-wrap{position:relative;padding-block-start:150px;padding-block-end:20px}.header{display:flex;position:absolute;width:calc(100% - 34px);height:252px;top:0;z-index:-1;padding:20px 17px 0}.header-centered-logo{justify-content:center;background-position-x:center}.header-logo{background-image:var(--logo-url);background-repeat:no-repeat;background-size:contain;background-position-y:top;width:160px;height:100px;z-index:1}.banner-top,.banner-top-gradient{position:absolute;top:0;width:100%;z-index:-1}.banner-top{display:flex;height:272px;background-image:var(--banner-url);background-repeat:no-repeat;background-attachment:local;background-size:cover;background-position-x:center;background-position-y:center}.banner-top-gradient{left:0;height:150px;background-image:linear-gradient(#191919,transparent)}.header-parent{display:flex;justify-content:space-between;width:100%}.locale-dropdown{top:0;right:0;margin-top:20px;margin-right:16px;position:absolute;display:inline-block;z-index:999;outline:0}.locale-dropdown-icon{fill:#fff;cursor:pointer;margin:-4px -4px 0 0}.locale-dropdown-content{position:absolute;top:100%;right:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175)}.locale-dropdown-content:before{content:"";display:inline-block;position:absolute;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:11px solid #ccc;border-bottom-color:#fff;top:-11px;right:4px}.locale-dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block;white-space:nowrap}.locale-dropdown-content a:hover{background-color:#ddd}.locale-dropdown-show{display:block}.opaqueBox{background-color:rgba(11,32,35,.9);min-height:194px;margin:0 16px;padding:16px;border-block-start:5px solid var(--accent-color)}.opaqueBox a{font-family:"Roboto",sans-serif;font-size:16px}.title-text{color:#fff;font-size:22px;text-align:center;font-weight:500;line-height:26px;margin:auto}.info-icon{padding-left:32px}.info-icon::before{content:"";display:inline-block;width:1.25em;height:1.25em;background-image:url(/sdpay/core/img/Info-67a8e59d4fefcc695fce02e7ec33280e.svg);background-size:contain;background-repeat:no-repeat;margin-right:.5em;margin-left:-1.8em;margin-bottom:.2rem;vertical-align:middle}.info-label,.info-text{color:#e7e7e7;font-size:16px;margin-bottom:0;text-align:left;vertical-align:middle;font-weight:300;line-height:22px}.info-text a,.opaqueBox a{color:#e7e7e7;text-decoration:underline}.value-text{font-size:18px;color:#fff;font-weight:500;line-height:22px;overflow-wrap:break-word;word-wrap:break-word;white-space:normal}.align-left{text-align:left}.paragraph-separator{padding:16px 0 0}.btn{font-size:16px;font-weight:700;background-origin:content-box;background-position:center center;background-repeat:no-repeat;background-size:auto 17px;border-radius:5px;cursor:pointer;height:40px;min-height:40px;padding:10px 25px;width:100%;text-decoration:none;text-align:center;text-transform:uppercase;box-sizing:border-box}.btn:disabled{cursor:default}.btn.btn-outline{border:1px solid #97cfef;color:#97cfef;background:0 0}.disclaimer,.disclaimer-powered-by{margin:5px 16px}.disclaimer-powered-by a::before,.new-tab::before{content:url(/sdpay/core/img/external-link-9f621b20b56530c9f5ab9dc0866d6707.svg);position:relative;margin:0 8px 0 1px;top:3px}.disclaimer-wrapper{display:flex;width:100%}.show-element{display:block}.hide-element{display:none!important}.inverted{border:1px solid #fff;background-color:transparent;color:#fff}.grecaptcha-badge{visibility:hidden}.recaptchaDisclaimer{margin:5px 16px}.recaptchaDisclaimer a::before{color:#e7e7e7;text-decoration:underline;font-size:16px;font-weight:300}.recaptchaDisclaimerSpt{margin:25px 16px}.flex-container-small{display:flex;justify-content:flex-start;gap:5px;padding:16px 0}.grid-2-cols{display:grid;grid-template-columns:50% 50%;grid-row-gap:12px}.grid-2-cols .grid-column-left{text-align:start;grid-column:1}.grid-2-cols .grid-column-right{text-align:end!important;grid-column:2}.grid-2-cols .grid-column-left img,.grid-2-cols .grid-column-right img{height:35px;float:right}.divider-line{border-bottom:.01em solid rgba(128,128,128,.5098039216);margin:16px 0}.warning-sign{align-content:center}.input-border-default{border:1px solid #8c8c8c;border-radius:5px}.input-border-error{border:2px solid #ff5353!important;outline:0}.error-highlight{color:#ff5353!important;align-content:center;font-weight:400!important}.primary-button-default,.primary-button-with-logo-default{font-size:19px!important;font-weight:700!important;min-width:127px;text-transform:uppercase!important;border:0!important}.primary-button-with-logo-default{height:46px!important;line-height:27px!important}.primary-button-default{background-color:var(--accent-color)!important;color:var(--accent-font-colour)!important;height:46px;line-height:26px}.primary-button-disabled{opacity:.33}.secondary-button-default{background-color:transparent!important;border:1px solid #fff!important;border-radius:5px!important;color:#fff!important;font-weight:700!important;font-size:.938rem!important;min-width:127px;min-height:46px;text-transform:uppercase!important;line-height:26px}.input-info{color:#0d1033}.footer{width:100%}.footer-links{background-color:#3a5356;color:#fff;text-align:center;list-style:none;padding:14px;margin:0 16px;display:flex;justify-content:space-between}.footer-links li{display:inline-block}.footer-links a{text-decoration:none;color:#fff;font-size:16px;font-weight:400}@media (max-width:350px){.footer-links{flex-wrap:wrap;margin:0 16px}.footer-links a{display:block;padding:5px 0;font-size:16px}}.external-link{width:100%;color:#fff;text-decoration:underline}.promotion-banner-image{width:100%;max-width:500px;vertical-align:middle}.centered{text-align:center}.flex-container-big{margin:4px 16px 0;display:flex;flex-wrap:wrap;gap:16px;line-height:26px}.flex-container-big>a{display:flex;justify-content:center;padding:2px 4px}.flex-container-big.two-column>a{width:45%;justify-content:left!important}.warning-icon::before{content:"";display:inline-block;width:1.25em;height:1.25em;background-image:url(/sdpay/core/img/alert-2ced0cd5878faa90a2e2bb2099d32345.svg);background-size:contain;background-repeat:no-repeat;margin-right:.5em;margin-bottom:.2rem;vertical-align:middle}.status-image{height:80px;width:80px;margin:0 auto}#buttoncontainer h1,.prominent-text{font-size:32px;font-weight:500;color:#fff}.loadingSpinner{height:80px;width:80px;animation:rotator 1.4s linear infinite}.loadingSpinner .indexPath{stroke-dashoffset:0;animation:dash 1.4s ease-in-out infinite;stroke-dasharray:188;stroke:var(--accent-color);transform-origin:center;transition:stroke-dashoffset .3s linear}.loadingSpinner .indexRound{fill:#d9d9d9}#ticketInfo,#ticketNotFoundInfo{display:grid;grid-row-gap:3px}#ticketInfo div label,#ticketNotFoundInfo div label{display:block;font-weight:300}#ticketInfo #priceContainer,#ticketNotFoundInfo #priceContainer{grid-column:1;grid-row:1;padding:0}#ticketInfo #price,#ticketNotFoundInfo #price{color:#fff;font-size:32px;font-weight:500;white-space:nowrap}#ticketInfo #pricePaymentDisabled,#ticketNotFoundInfo #pricePaymentDisabled{font-size:30px;margin-bottom:2px;white-space:nowrap}#ticketInfo #paymenthint,#ticketNotFoundInfo #paymenthint{grid-column:1;grid-row:3}#ticketInfo #duration,#ticketNotFoundInfo #duration{grid-column:1;grid-row:2;padding-top:4px;padding-bottom:5px}#ticketInfo #entrytime,#ticketNotFoundInfo #entrytime{grid-column:1;grid-row:4;padding-bottom:6px}#ticketInfo #ticketnumber,#ticketNotFoundInfo #ticketnumber{grid-column:1;grid-row:5;padding-top:4px;padding-bottom:4px}#ticketInfo #discountQR,#ticketNotFoundInfo #discountQR{grid-column:1;grid-row:6;padding-top:4px;padding-bottom:4px}#paymentDisabledWarning{margin-bottom:55px;display:flex;flex-direction:column;align-items:center;color:#ff5353}#paymentDisabledWarning label{font-size:16px;margin-bottom:8px}#paymentDisabledWarning img{width:40px}.paymentDisabledInfo{text-align:left}#buttoncontainer{text-align:left;margin:0 16px}#buttoncontainer .button{margin-block-end:13px}#buttoncontainer h1{font-size:22px;margin-block-end:7px}#overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:1000;cursor:pointer}.freeParkingEndingContainer{margin-block-start:28px}.cssCircle{border-radius:999px;behavior:url(PIE.htc);width:30px;height:30px;padding:0;background:#fff;border:1px solid #000;color:#000;text-align:left;transition:color .2s linear;font:13px Arial,sans-serif}.exclamationCircle{display:inline-flex;justify-content:center;align-items:center;background-color:transparent;border:3px solid #e7e7e7;height:16px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;width:16px;font-weight:400}.exclamationCircle-exclamationMark{color:#e7e7e7}#applyValidation{background-color:transparent!important;border:solid 1px #fff!important;color:#fff!important;margin-top:4px;margin-bottom:-6px;padding:0;line-height:normal}.arrow-down,.arrow-up{justify-content:center;padding-bottom:2px;cursor:pointer}.arrow-down{transform:rotate(270deg);padding-left:3px}#minusSign,#plusSign{color:var(--accent-color);font-size:46px;line-height:.9em}#minusSign{margin-top:1px;margin-right:4px}.arrow-up{transform:rotate(90deg);margin-right:0}.lineSeparator{border-top:1px solid gray;height:.7rem}#showPriceBreakup{display:flex;right:1px;top:-4px}#priceContainer{position:relative}.hideCircle{display:none}.showCircle{display:inline}.carCharging,.parkingFee{float:right}#priceBreakup{display:none;border-top:.01em solid rgba(128,128,128,.5098039216);padding-top:5px;padding-bottom:5px}.paymenthintBreakup{padding-bottom:4px}#duration,#entrytime,#priceBreakup,#ticketnumber,.paymenthintBreakup{border-bottom:.01em solid rgba(128,128,128,.5098039216)}.error-container,.success-page #thankyouandinvoiceinfo{padding:32px 16px;text-align:center}.success-page #receiptinfo{margin:10px 16px}.success-page #receiptinfo .receipt{grid-column:1/span 2}.success-page #receiptinfo .receipt>a{text-decoration:none;color:inherit}.error-container{border-top:5px solid #ff5353;padding:32px 16px!important}.error-container .support-link{background:#fff;text-decoration:none;display:inline-block;line-height:40px;max-width:200px;margin-top:30px}.error-container .support-link:visited{color:#000}.recaptcha-v2-container{display:flex;justify-content:center}.modal{top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;display:none;box-shadow:0 3px 7px rgba(0,0,0,.25);box-sizing:border-box;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out}.modal__showModal{opacity:1;display:block}.modal .modal-content{background-color:rgba(11,32,35,.9);border-block-start:5px solid var(--accent-color);position:fixed;padding:16px;box-sizing:border-box;width:90%;max-width:600px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:0;z-index:1020;color:#fff;overflow-y:auto;text-align:center}.modal .modal-content-error-line{border-block-start:5px solid #ff5353!important}.modal .modal-content form label{width:100%;display:inline-block}.modal .modal-content form input{opacity:1;transition:opacity .3s}.modal .modal-content form input:disabled{opacity:.5;transition:opacity .3s}.modal .modal-content .modal-logo{width:120px;margin:16px 0}.modal .modal-content a{font-size:14px;color:#1d8dcd;text-decoration:none;text-transform:uppercase;font-weight:700;cursor:pointer}.modal .modal-content a:hover{text-decoration:underline}.modal .modal-content input{display:block;font-size:16px;border:1px solid #000;width:100%;text-align:left;padding:12px 16px;box-sizing:border-box}.modal .modal-content .modal-error-container,.modal .modal-content .modal-validation-error-container{display:none;color:#ff5353;text-align:left;padding:0 0 16px;font-size:16px;font-weight:400}.modal .modal-content .button-container{display:flex}.modal .modal-content .button-container .btn{flex-basis:0;flex-grow:1;transition:background-color .3s,color .3s,border-color .3s;border:solid 1px #fff;background-color:transparent;color:#fff;min-width:auto}.modal .modal-content .button-container .btn.cancel{margin-right:20px}.modal .modal-content .button-container .btn:disabled{transition:background-color .3s,color .3s,border-color .3s}.modal.has-error .modal-content .modal-error-container,.modal.has-validation-error .modal-content .modal-validation-error-container{display:block}.modal:after{content:"";background:rgba(0,0,0,.8);height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal .close{cursor:pointer;height:20px;width:20px;position:absolute;inset-block-start:10px;inset-inline-end:18px;display:block;color:var(--accent-color);opacity:.6;z-index:1021;line-height:20px;font-size:40px}.docinfoBlock{margin:0 16px}#licensePlatePage #licensePlateWelcome{padding-bottom:0;min-height:auto}#licensePlatePage #licensePlateWelcome a{color:var(--accent-color);text-decoration:none}#licensePlatePage #licensePlateWelcome .welcome-title{word-wrap:break-word;white-space:normal;overflow-wrap:break-word;text-align:left}#licensePlatePage #licensePlateWelcome input#licensePlateText{display:block;font-size:16px;width:100%;margin-top:10px;box-sizing:border-box;padding:12px 16px}#licensePlatePage #lpContainer{margin:20px 16px 0}#licensePlatePage #licensePlateWelcome label,#licensePlatePage #licensePlateWelcome span,#lpLabel{font-size:16px;color:#e7e7e7;font-weight:300}#lpLabel-isNotValid{font-weight:400;color:#ff5353}.nets-payment-button{background-color:#fff;background-image:url(/sdpay/core/img/modules/nets/dibs-logo-384fef482717d8d06b0c2cd59196422b.png)}.nets-modal-content{width:100%;height:100%}.eppg-payment-button{background-color:#fff;cursor:pointer;text-align:center;border-radius:5px}.eppg-button-image{height:75px;transform:translateY(3%)}.eppg-payment-button_button{border-radius:5px}#loading{border-block-start:5px solid var(--accent-color);background-color:rgba(11,32,35,.9);text-align:center;padding:32px 16px;margin:0 16px}#loading h1{font-weight:500;font-size:22px;margin:.6rem}@media (min-width:800px) and (max-width:1919px){#loading{font-size:90%}}@media (max-width:799px){#loading{font-size:70%}}.teleCashButton{background-color:#fff}.teleCashButtonImage{height:30px;vertical-align:text-bottom}#payment-timeout-reload-dialog .loading{padding:0;background:0 0;margin:0;height:auto;font-size:8px}#nullPaymentLoadingIndicator{text-align:center}#onboarding-page .content{max-width:800px;margin:auto;width:90%;box-sizing:border-box}.mpesa-payment-button{background-color:#fff;cursor:pointer;text-align:center}.mpesa-button-image{width:60px;transform:translateY(3%)}.transbankWebpayPlusButton{background-color:#fff}.transbankWebpayPlusButtonImage{height:30px;vertical-align:text-bottom}.gamafButton{background-color:#fff;padding:9px}.gamafButtonImage{height:30px;vertical-align:text-bottom}.interswitchButton{background-color:#fff;padding:1px}.interswitchButtonImage{height:30px;vertical-align:text-bottom}