body[data-page-template=instruction] #navigation-container{position:fixed;top:0;width:100%;height:90px;background-color:var(--color-background-fill);display:flex;z-index:100}body[data-page-template=instruction] #navigation-container #navigation-logo{position:absolute;top:1em;left:1em;min-width:120px;max-width:120px;min-height:36px;max-height:36px;box-sizing:border-box;background-image:url("/assets/images/cocreatethailand-logo.svg");background-size:contain;background-repeat:no-repeat}body[data-page-template=instruction] #navigation-container #navigation-logo a{width:100%;height:100%;display:block}body[data-page-template=instruction] #navigation-container #navigation-toolbar{height:80px;padding:.5em 0em}body[data-page-template=instruction] #navigation-container #navigation-toolbar #navigation-toolbar-container{display:flex;justify-content:flex-end}body[data-page-template=instruction] #navigation-container #navigation-toolbar #navigation-toolbar-container #filter-search{max-width:240px;margin-right:1em;display:flex}body[data-page-template=instruction] #navigation-container #navigation-toolbar #navigation-toolbar-container #filter-search i{margin-top:1em;margin-right:.5em}body[data-page-template=instruction] #navigation-container #navigation-toolbar #navigation-toolbar-container #filter-search input{font-size:1em !important}body[data-page-template=instruction] #navigation-container #navigation-toolbar #navigation-toolbar-container #filter-role,body[data-page-template=instruction] #navigation-container #navigation-toolbar #navigation-toolbar-container #filter-boundary{min-width:96px;max-width:96px;overflow-x:hidden;display:flex}body[data-page-template=instruction] #navigation-container #navigation-toolbar #navigation-toolbar-container #filter-role i,body[data-page-template=instruction] #navigation-container #navigation-toolbar #navigation-toolbar-container #filter-boundary i{margin-top:1em;margin-right:.25em}body[data-page-template=instruction] #navigation-container #navigation-toolbar #navigation-toolbar-container #filter-role select,body[data-page-template=instruction] #navigation-container #navigation-toolbar #navigation-toolbar-container #filter-boundary select{min-width:54px;height:36px;margin:6px;padding:0;background:unset;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}body[data-page-template=instruction] #navigation-container #navigation-toolbar #navigation-toolbar-container #filter-role button,body[data-page-template=instruction] #navigation-container #navigation-toolbar #navigation-toolbar-container #filter-boundary button{min-width:54px;height:36px;margin:6px;padding:0;border-radius:var(--radius-small);line-height:2.3}body[data-page-template=instruction] #navigation-container #navigation-toolbar #navigation-toolbar-container #filter-role button span,body[data-page-template=instruction] #navigation-container #navigation-toolbar #navigation-toolbar-container #filter-boundary button span{font-size:16px}body[data-page-template=instruction] #navigation-container #navigation-toolbar-fader{display:none}body[data-page-template=instruction] .container{padding:9em 0 2em 0}body[data-page-template=instruction] .container.container-small{width:420px}body[data-page-template=instruction] .container .stepper{height:auto}body[data-page-template=instruction] .container .stepper.stepper-card{padding:0;background-color:var(--color-background);border-radius:var(--radius-default-container);background-color:var(--color-background);-moz-box-shadow:0px 10px 10px 0px var(--color-shadow);-webkit-box-shadow:0px 10px 10px 0px var(--color-shadow);box-shadow:0px 10px 10px 0px var(--color-shadow)}body[data-page-template=instruction] .container .stepper .stepper-container{position:relative;overflow:hidden;width:100%;height:auto}body[data-page-template=instruction] .container .stepper .stepper-container .stepper-step{position:absolute;top:0;min-width:420px;width:100%;-webkit-transition:left .5s,visibility .5s;-ms-transition:left .5s,visibility .5s;transition:left .5s,visibility .5s}body[data-page-template=instruction] .container .stepper .stepper-container .stepper-step.stepper-notransition{-webkit-transition:none;-ms-transition:none;transition:none}body[data-page-template=instruction] .container .stepper .stepper-container .stepper-step.stepper-static{position:static}body[data-page-template=instruction] .container .stepper .stepper-container .stepper-step.stepper-current{left:0;visibility:visible}body[data-page-template=instruction] .container .stepper .stepper-container .stepper-step.stepper-next{left:420px;visibility:hidden}body[data-page-template=instruction] .container .stepper .stepper-container .stepper-step.stepper-previous{left:-420px;visibility:hidden}body[data-page-template=instruction] .container .stepper .stepper-container .stepper-step .row{margin-top:20px}body[data-page-template=instruction] .container .stepper .stepper-container .stepper-step .row .col{padding:0 1rem}body[data-page-template=instruction] .container .stepper .stepper-container .stepper-step .row .col .label{margin-bottom:0}body[data-page-template=instruction] .container .stepper .stepper-container .stepper-step .row .col input,body[data-page-template=instruction] .container .stepper .stepper-container .stepper-step .row .col textarea{font-weight:bold;font-size:var(--font-size-h2) !important}body[data-page-template=instruction] .container .stepper .stepper-container .stepper-step .row .col .button-container{width:100%;display:flex}body[data-page-template=instruction] .container .stepper .stepper-container .stepper-step .row .col .button-container button{width:100%;margin:0;border-right:solid 1px var(--color-background);border-radius:0}body[data-page-template=instruction] .container .stepper .stepper-container .stepper-step .row .col .button-container button:first-child{border-top-left-radius:var(--radius-default);border-bottom-left-radius:var(--radius-default)}body[data-page-template=instruction] .container .stepper .stepper-container .stepper-step .row .col .button-container button:last-child{border-right:none;border-top-right-radius:var(--radius-default);border-bottom-right-radius:var(--radius-default)}body[data-page-template=instruction] .container #contact{margin-top:6em}@media(max-width: 768px){body[data-page-template=instruction] #navigation-container #navigation-logo{position:unset;margin:1em}body[data-page-template=instruction] #navigation-container #navigation-toolbar{margin-right:1em}body[data-page-template=instruction] .container{width:100%;padding:6em 1em}body[data-page-template=instruction] .container .stepper .stepper-container{overflow:hidden}body[data-page-template=instruction] .container .stepper .stepper-container .stepper-step{width:100%;min-width:100% !important}body[data-page-template=instruction] .container .stepper .stepper-container .stepper-step.stepper-next{left:100%;visibility:hidden}body[data-page-template=instruction] .container .stepper .stepper-container .stepper-step.stepper-previous{left:-100%;visibility:hidden}}@media(max-width: 575px){body[data-page-template=instruction] #navigation-container #navigation-logo{position:unset;margin:1em}body[data-page-template=instruction] #navigation-container #navigation-toolbar{overflow-x:auto}body[data-page-template=instruction] #navigation-container #navigation-toolbar #navigation-toolbar-container{width:408px;overflow-x:auto}body[data-page-template=instruction] #navigation-container #navigation-toolbar-fader{position:absolute;top:0;right:1em;width:1em;height:100%;background:linear-gradient(90deg, rgba(249, 249, 249, 0) 0%, #f9f9f9 100%);display:block}body[data-page-template=instruction] .container.container-small{width:100%}}