html{position:relative;min-height:100%}select,textarea,input[type="text"],input[type="submit"],input[type="email"],input[type="password"],input:focus{font-size:16px!important}:root{--themecolor:#009a83;--themebordercolor:#005f52;--themedarker:#004339;--themecolorlight:rgba(0,154,131,.2);--animalmark0:#009a83;--animalmark1:#c15b00;--animalmark1background:#733600;--animalmark2:#bb0012;--animalmark2background:#70000b;--red:#bb0012;--green:#009a83;--blue:#0069aa;--orange:#c15b00;--lightgray:#f6f6f6;--midgray:#fafafa;--midgray:#e8e8e8;--middarkgray:#ddd;--darkgray:#636b73;--anthracite:#333;--white:#fff;--whiteopac:#fffd}@font-face{font-family:Panton;src:url(../fonts/Panton-BoldItalic.woff2) format("woff2"),url(../fonts/Panton-BoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Panton;src:url(../fonts/Panton-ExtraBold.woff2) format("woff2"),url(../fonts/Panton-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Panton;src:url(../fonts/Panton-Black.woff2) format("woff2"),url(../fonts/Panton-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Panton;src:url(../fonts/Panton-ExtraLightItalic.woff2) format("woff2"),url(../fonts/Panton-ExtraLightItalic.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Panton;src:url(../fonts/Panton-ExtraLight.woff2) format("woff2"),url(../fonts/Panton-ExtraLight.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Panton;src:url(../fonts/Panton-ExtraBoldItalic.woff2) format("woff2"),url(../fonts/Panton-ExtraBoldItalic.woff) format("woff");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:Panton;src:url(../fonts/Panton-Bold.woff2) format("woff2"),url(../fonts/Panton-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Panton;src:url(../fonts/Panton-BlackItalic.woff2) format("woff2"),url(../fonts/Panton-BlackItalic.woff) format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Panton;src:url(../fonts/Panton-Regular.woff) format("woff"),url(../fonts/Panton-Regular.eot?) format("eot");font-weight:normal;font-style:normal;font-display:swap}body,input{font-family:Panton,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.flag-icon{background-size:contain;background-repeat:no-repeat;background-color:#fff;position:relative;display:inline-block;width:16px;height:12px;box-shadow:0 0 4px #bbb}.flag-icon:before{content:" "}.flag-icon-1{background-image:url(../images/flags/nl.svg)}.flag-icon-2{background-image:url(../images/flags/de.svg)}.flag-icon-0{background-image:url(../images/flags/gb.svg)}.flag-icon-3{background-image:url(../images/flags/fr.svg)}.flag-icon-4{background-image:url(../images/flags/it.svg)}.flag-icon-5{background-image:url(../images/flags/no.svg)}.flag-icon-6{background-image:url(../images/flags/dk.svg)}.flag-icon-7{background-image:url(../images/flags/pt.svg)}.flag-icon-8{background-color:#f00}.flag-icon-9{background-image:url(../images/flags/pl.svg)}.flag-icon-10{background-image:url(../images/flags/se.svg)}.flag-icon-11{background-image:url(../images/flags/es.svg)}.login-form .language-menu{position:absolute;right:8px;top:8px}.language-menu>ul{list-style:none;text-align:left;display:inline;right:0;background-color:#fff;padding:0}.language-menu>ul>li{display:inline}.language-menu>ul>li>a{padding:4px;cursor:pointer}.language-menu.open>ul>li:hover,.language-menu.open>ul>li:hover>a{background-color:var(--themecolor);color:#fff}.language-menu.open>ul>li>a{white-space:nowrap;text-decoration:none!important;color:#333}.tutorial-connect-spider{white-space:pre-line;padding:8px;margin-left:auto;margin-right:auto;max-width:540px}body{font-size:14px;padding:0;margin:0}.login-form{height:100vh}.login-form.flex-wrap{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.login-form fieldset{border:0;background-color:#fff;width:100%;padding:0 20px 80px 20px;opacity:1}.login-form fieldset>#account{display:flex;justify-content:center;flex-wrap:wrap}.login-form fieldset #gotospider-info{flex:100%}.login-form fieldset #show-gotospider-info{cursor:pointer;color:var(--themecolor)}.login-form fieldset #show-gotospider-info:hover{text-decoration:underline}.login-form fieldset .gotospider-info-text{max-height:0!important;overflow:hidden;width:100%;transition:max-height ease-in-out 1s;padding-top:8px}.login-form fieldset .gotospider-info-text.visible{max-height:100px!important}.login-form .logo-wrapper{flex:100%;display:flex;justify-content:center;align-items:center}.login-form .hanskamp-logo{max-width:110px;margin-bottom:32px}.login-form .error-message{flex:100%;color:#f00;margin-top:-32px;margin-bottom:8px;display:block}.login-form input:not([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none;overflow:hidden;flex:100%;opacity:0;outline:0;color:#555;background-color:#f0f7f6;background-image:none;border:0;border-bottom:1px solid #ccc;margin:16px 0 0 0;-webkit-transition:border-color ease-in-out .15s;-o-transition:border-color ease-in-out .15s;transition:border-color ease-in-out .15s}.login-form input:not([type=radio]):focus{outline:0;border-color:var(--themecolor)}.login-form input:not([type=radio]).login-form-error,.login-form input:not([type=radio]).login-form-error:focus{box-shadow:none;border-color:var(--red)}.login-form [id=sign-in]:checked~input.sign-in,.login-form [id=sign-up]:checked~input.sign-up,.login-form [id=reset]:checked~input.reset,.login-form [id=resetconfirm]:checked~input.resetconfirm{max-height:40px;padding:10px;opacity:1;display:block}.login-form button{flex:100%;height:40px;background-color:var(--themecolor);color:#fff;font-weight:400;display:none;user-select:none;border:1px solid var(--themecolor);border-radius:.25rem;transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out;cursor:pointer;margin-top:16px}.login-form button:focus{outline:0;border-color:var(--themedarker)}.login-form button:hover{background-color:var(--themebordercolor);border-color:var(--themedarker)}.login-form [id=sign-in]:checked~.button-signin{display:unset}.login-form [id=sign-up]:checked~.button-signup{display:unset}.login-form [id=reset]:checked~.button-reset{display:unset}.login-form [id=resetconfirm]:checked~.button-confirmreset{display:unset}.login-form input[type=radio]{position:fixed;left:-100px}.login-form label{position:relative;flex:32%;text-align:center;text-transform:uppercase;cursor:pointer;color:var(--themecolor);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out;padding:6px 0;border:1px solid #0000;border-radius:4px}.login-form .sign-up-hint{position:absolute;top:-22px;left:50px;width:300px;overflow:hidden;text-align:left;text-transform:none;font-size:12px;font-style:italic;font-weight:600;color:#0f46a3}body.no-signup-hint .sign-up-hint,.login-form [id=sign-up]:checked~[for=sign-up] .sign-up-hint{display:none}.login-form .sign-up-hint-text{vertical-align:top}.login-form label:hover{color:var(--themedarker);background-color:#efefef;border-color:#ddd}.login-form [id=sign-in]:checked~[for=sign-in],.login-form [id=sign-up]:checked~[for=sign-up],.login-form [id=reset]:checked~[for=reset]{color:#000;background-color:#eee;border-color:#ccc}.login-form [id=resetconfirm]:checked~[for=sign-in],.login-form [id=resetconfirm]:checked~[for=sign-up],.login-form [id=resetconfirm]:checked~[for=reset]{display:none}.login-form .spider-loader{display:none;margin-top:32px;max-width:150px}.login-form.flex-wrap.loading .spider-loader{display:block}.login-form.flex-wrap input,.login-form.flex-wrap button,.login-form.flex-wrap label{transition:filter 1s ease,opacity 2s ease}.login-form.flex-wrap.loading input,.login-form.flex-wrap.loading button,.login-form.flex-wrap.loading label{filter:grayscale(80%);opacity:.7}body .hide-login .bg,body.hide-login .login-form{display:none}body.show-login .go-to-spider-wrapper{display:none}.go-to-spider-wrapper{height:100vh;display:flex;flex-direction:column;position:relative}.go-to-spider-wrapper .page-main{flex:1;margin-top:22px}body.show-login{overflow-y:hidden}body.hide-login{background-color:var(--themecolor)}@media(min-width:480px){.login-form{height:unset}body.show-login .bg{position:relative;background-image:url('/images/background.jpg?v=q2pfC6ZuA11TNIq62ltiGnPf2XA');height:100vh;background-position:center;background-repeat:no-repeat;background-size:cover;top:0;transition:top 2s ease-in-out}body.logged-in .bg{top:-100vh}body.show-login .login-form.flex-wrap{position:absolute;top:max(8px,calc(50vh - 240px));left:calc(50vw - 200px);width:400px;transition:top 2s ease-in-out,left 1s ease-in-out}body.logged-in .login-form.flex-wrap{left:-100vw;top:-50vw;width:400px}.login-form fieldset{border-radius:8px;padding:20px 20px 32px 20px}.login-form .hanskamp-logo{max-width:220px}}.wrapper{display:flex;flex-direction:column;min-height:100vh}.page-header{position:absolute;left:0;right:0;margin-right:22px;text-align:right;z-index:10}.page-header .show-menu{display:inline-block;cursor:pointer;transition:all .15s;height:20px;margin-top:1px;background-color:#fff}.page-header .show-menu .gotospider-logo{display:inline-block;opacity:.7;background-image:url(../images/GoToSpider16.png?v1);background-size:contain;margin:2px;width:16px;height:16px;transition:all .15s}.page-header .show-menu:hover .gotospider-logo{opacity:1}.page-header[data-count="1"] .search-input-group,.page-header[data-count="2"] .search-input-group,.page-header[data-count="3"] .search-input-group,.page-header[data-count="4"] .search-input-group,.page-header[data-count="1"] .available-spiders{display:none}.page-header .search-input-group{position:relative}.page-header .search-input-group .clear-search-icon,.page-header .search-input-group .search-icon{position:absolute;padding:9px 10px;color:#636b73}.page-header .search-input-group .search-icon{right:0;cursor:text}.page-header .search-input-group .clear-search-icon{right:24px;cursor:pointer}.page-header .search-input-group input{display:block;border-radius:4px;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;outline:0;-webkit-transition:border-color ease-in-out .15s;-o-transition:border-color ease-in-out .15s;transition:border-color ease-in-out .15s;width:calc(100% - 12px);max-height:40px;padding:10px 0 10px 10px}.page-header .search-input-group input:focus{outline:0;border-color:var(--themecolor)}.page-header .available-spiders{flex-direction:column;justify-content:flex-start;position:relative;margin:0;padding:0;z-index:1005;list-style:none;width:100%;background-color:#fff;display:flex;visibility:visible;border-top:1px solid #eee}.page-header .available-spiders li{background-color:#fff;transition:all .15s}.page-header .available-spiders li[data-online="0"]{background-color:#f2f2f2;cursor:not-allowed}.page-header .available-spiders li[data-online="0"] a{color:#888;cursor:not-allowed}.page-header .available-spiders li a .spidername{display:inline-block;max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom}.page-header .available-spiders li[data-online="0"] a .spidername{max-width:198px}.page-header .available-spiders li[data-online="0"]:hover>a{color:var(--themedarker)}.page-header .available-spiders li .trash{display:none}.page-header .available-spiders li[data-online="0"] .trash{display:block;opacity:0;float:right;cursor:pointer;color:var(--themedarker)}.page-header .available-spiders li[data-online="0"] .trash:hover{opacity:1}.page-header .available-spiders li[data-online="1"]:focus,.page-header .available-spiders li[data-online="1"]:hover{background-color:var(--themecolor);color:#fff;outline:0}.page-header .available-spiders li>a{display:block;align-items:center;padding:0 12px 0 12px;height:48px;font-size:18px;color:#000;cursor:pointer;border-top:2px solid #fff;border-bottom:2px solid #fff;clear:both;white-space:nowrap}.page-header .available-spiders li>a:hover{color:#fff}.page-header .available-spiders .show-more{cursor:pointer;text-align:center;font-style:italic;font-weight:600;padding:8px;opacity:.7}.page-header .available-spiders .show-more:hover{opacity:1;background-color:var(--themecolor);color:#fff}.page-header .toggle-header{display:none;position:absolute;right:0;padding:8px;width:min(240px,80vw);text-align:left;background-color:#fff;border:1px solid #eee;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgb(0 0 0/18%);box-shadow:0 6px 12px rgb(0 0 0/18%);-webkit-background-clip:padding-box;background-clip:padding-box}.page-header .toggle-header .row{width:100%;margin-top:12px}.page-header.open .toggle-header{display:block}.page-header .language-menu{display:inline-block;margin-top:6px;margin-left:8px;float:left}.page-header .log-out{opacity:.8;display:inline-block;cursor:pointer;margin-left:18px;transition:all .15s}.page-header .popout-frame{display:inline-block;opacity:0;transition:all .15s;cursor:pointer;font-size:16px;top:2px;margin-left:16px}.page-header .log-out:hover,.page-header .popout-frame:hover,.page-header .hide-header:hover,.page-header .show-header:hover{opacity:1}.clearfix::after{content:"";clear:both;display:table}.page-main{flex-grow:1;background-color:var(--lightgray);display:flex;flex-direction:column}.page-main.no-spiders,.page-main.loading{background-color:#fff}.spider-frame{flex-grow:1;border:0;margin:0;padding:0;opacity:1;transition:all 1s}.page-main.showloader .spider-frame,.page-main.loading .spider-frame{opacity:.05}.tutorial-connect-spider{flex-grow:1}.page-main .spider-loader{display:none;margin:32px auto;max-width:150px}.page-main.no-spiders .spider-loader,.page-main.loading .spider-loader{display:block}.page-main .tutorial-connect-spider{display:none}.page-main.no-spiders .tutorial-connect-spider{display:block}.page-main.no-spiders .spider-frame{display:none!important}.connecting{display:none;position:fixed;z-index:2;text-align:center;width:100vw;line-height:160px;margin:172px 0 0 0;color:#fff;background-color:var(--themecolor);opacity:.8;transition:opacity 2s}.page-main.loading .connecting{opacity:1}.page-main.showloader .connecting{display:block}.connecting-name{font-weight:700}.page-header .page-title{display:inline-block;line-height:1;vertical-align:top;padding-top:4px;width:calc(100% - 68px);text-align:center;color:#fff;cursor:pointer}.page-header .page-title .current-spider-id{opacity:0;transition:all ease-in-out 1s}.page-header .page-title:hover .current-spider-id{opacity:1}.page-header .close-menu-icon{text-align:center;position:absolute;padding:10px;right:0;top:0;color:#636b73;cursor:pointer}@media(min-width:992px){.page-header .available-spiders li>a{height:auto;font-size:14px;padding:8px 12px;font-weight:normal;line-height:1.42857143;color:#333}}