iiic/login-screen.html

## login-screen.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Turris router administration interface</title>
    <style>
    /*!
     * Foris - web administration interface for OpenWrt based on NETCONF
     * Copyright (C) 2013 CZ.NIC, z.s.p.o. <http://www.nic.cz>
     *
     * This program is free software: you can redistribute it and/or modify
     * it under the terms of the GNU General Public License as published by
     * the Free Software Foundation, either version 3 of the License, or
     * (at your option) any later version.
     *
     * This program is distributed in the hope that it will be useful,
     * but WITHOUT ANY WARRANTY; without even the implied warranty of
     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
     * GNU General Public License for more details.
     *
     * You should have received a copy of the GNU General Public License
     * along with this program.  If not, see <http://www.gnu.org/licenses/>.
     */@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url("../fonts/Roboto-Regular.woff") format("woff")}@font-face{font-family:"Roboto";font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),url("../fonts/Roboto-Bold.woff") format("woff")}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html{font-size:100%;line-height:1.5em}body,html{color:#000;font-family:"Roboto",Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-family:"Roboto",Helvetica,Arial,sans-serif;font-weight:bold;margin:.4em 0}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}em{font-style:italic}strong{font-weight:bold}h1{font-size:2.375em;line-height:1.26316em}h2{font-size:2em;line-height:1.5em}h3{font-size:1.625em;line-height:1.84615em}h4{font-size:1.25em;line-height:1.2em}p{margin-bottom:1.5em}a{color:#00a2e2}a:hover{color:#44bbea}pre{font-family:"Courier New",Courier,monospace;font-size:80%;line-height:110%;margin:.5em 0}::selection{background-color:#00a2e2;color:#fff}::-moz-selection{background-color:#00a2e2;color:#fff}.minor-text{font-size:.75em;line-height:2em}html{height:100%;min-width:19.5em}body{min-height:100%;position:relative;*zoom:1}body:after{content:"";display:table;clear:both}@media screen and (min-width: 31em){body{min-width:60em}}@media screen and (min-width: 31em){.sidebar-content{float:right;width:15em}}#header,#menu,#footer{background-color:#f2f2f2}@media screen and (min-width: 31em){#header,#menu,#footer{float:left;width:25%;min-width:15em}}@media screen and (min-width: 31em){#header{text-align:center;padding:1.5em 0 1em 0}#header:before{width:25%;background-color:#f2f2f2;content:"";position:absolute;top:0;left:0;bottom:0;z-index:-1}}#footer{padding:1em 0;text-align:center}.header-side{display:none}@media screen and (min-width: 31em){.header-side{display:inline;max-width:90%;margin:0 .2em}}.header-top{*zoom:1;border-bottom:1px solid #888}.header-top:after{content:"";display:table;clear:both}@media screen and (min-width: 31em){.header-top{display:none}}.header-top img{padding-top:.4em}.header-top a.menu-link{float:left;border-right:1px solid #888;display:block;padding:.7em 1em;margin-right:.4em}.config-foris-version{display:none}@media screen and (min-width: 31em){.config-foris-version{display:block;position:relative;top:-1.5em;text-align:right;text-decoration:none;margin:0 .5em}}#content-wrap{background:#fff}@media screen and (min-width: 31em){#content-wrap{margin-bottom:2em;float:right;width:75%}}#content{position:relative;padding:.5em}@media screen and (min-width: 31em){#content{padding:1.5em .5em .5em 2em;max-width:52em;min-width:47em}}.sidebar-cleaner{clear:left}button{border:none}.button,.button-arrow-right,.button-next,.button-arrow-left,.button-prev,#connectivity-retest,button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;background-color:#00a2e2;color:#fff;cursor:default;display:block;width:100%;text-align:center;font-size:90%;font-weight:bold;height:3em;line-height:3em;margin:0 .2em .5em 0;padding:0 1.2em 0 1.2em;position:relative;text-decoration:none;vertical-align:middle;z-index:999}@media screen and (min-width: 31em){.button,.button-arrow-right,.button-next,.button-arrow-left,.button-prev,#connectivity-retest,button{display:inline-block;height:2em;line-height:2em;margin-bottom:0;width:auto}}.button:hover,.button-arrow-right:hover,.button-next:hover,.button-arrow-left:hover,.button-prev:hover,#connectivity-retest:hover,button:hover{background-color:#44bbea;color:#fff}.button:hover:before,.button-arrow-right:hover:before,.button-next:hover:before,.button-arrow-left:hover:before,.button-prev:hover:before,#connectivity-retest:hover:before,button:hover:before{background-color:#44bbea}.button.grayed,.grayed.button-arrow-right,.grayed.button-next,.grayed.button-arrow-left,.grayed.button-prev,.grayed#connectivity-retest,.button[disabled],[disabled].button-arrow-right,[disabled].button-next,[disabled].button-arrow-left,[disabled].button-prev,[disabled]#connectivity-retest,button.grayed,button[disabled]{background-color:gray}.button.grayed:hover,.grayed.button-arrow-right:hover,.grayed.button-next:hover,.grayed.button-arrow-left:hover,.grayed.button-prev:hover,.grayed#connectivity-retest:hover,.button.grayed:hover:before,.grayed.button-arrow-right:hover:before,.grayed.button-next:hover:before,.grayed.button-arrow-left:hover:before,.grayed.button-prev:hover:before,.grayed#connectivity-retest:hover:before,.button[disabled]:hover,[disabled].button-arrow-right:hover,[disabled].button-next:hover,[disabled].button-arrow-left:hover,[disabled].button-prev:hover,[disabled]#connectivity-retest:hover,.button[disabled]:hover:before,[disabled].button-arrow-right:hover:before,[disabled].button-next:hover:before,[disabled].button-arrow-left:hover:before,[disabled].button-prev:hover:before,[disabled]#connectivity-retest:hover:before,button.grayed:hover,button.grayed:hover:before,button[disabled]:hover,button[disabled]:hover:before{background-color:#a6a6a6}.button.grayed:before,.grayed.button-arrow-right:before,.grayed.button-next:before,.grayed.button-arrow-left:before,.grayed.button-prev:before,.grayed#connectivity-retest:before,.button[disabled]:before,[disabled].button-arrow-right:before,[disabled].button-next:before,[disabled].button-arrow-left:before,[disabled].button-prev:before,[disabled]#connectivity-retest:before,button.grayed:before,button[disabled]:before{background-color:gray}.button-arrow-right,.button-next{-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}.button-arrow-right:before,.button-next:before{background:#00a2e2;border:none;content:" ";display:block;height:1.41421em;width:1.41421em;right:-.71429em;position:absolute;top:14%;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:-1}.button-arrow-left,.button-prev{-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0}.button-arrow-left:before,.button-prev:before{background:#00a2e2;border:none;content:" ";display:block;height:1.41421em;width:1.41421em;left:-.71429em;position:absolute;top:14%;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:-1}.button-next{float:right;margin-top:1em}.button-prev{float:left;margin-top:1em}#menu nav ul li a,#subnav a{color:#000;display:block;padding:.8em 1.5em}#menu nav ul li:last-child::after,#subnav #logout::after,#subnav li::after{display:block;content:" ";border-bottom:2px solid #ddd;margin:0 10px}#menu{text-transform:uppercase}#menu a{font-size:80%;font-weight:bold;text-decoration:none}#menu a:hover{text-decoration:underline}#menu nav ul li{background:#f2f2f2}#menu nav ul li::before{display:block;content:" ";border-top:2px solid #ddd;margin:0 .7rem}#menu nav ul li.active{background:#00a2e2;font-weight:bold}#menu nav ul li.active::before,#menu nav ul li.active::after{border-color:#00a2e2}#menu nav ul li.active+li::before{border-color:#f2f2f2}#menu nav ul li.active a{color:#fff}#subnav{*zoom:1;font-weight:bold;color:#000;text-transform:uppercase;padding-bottom:4em}#subnav:after{content:"";display:table;clear:both}#subnav a:hover{text-decoration:underline}@media screen and (min-width: 31em){#subnav{padding:3em 0 7em}#subnav a{display:inline;height:inherit;line-height:inherit;padding:0}#subnav::after{display:none}}@media screen and (min-width: 31em){#subnav #logout::after,#subnav li::after{display:none}}#language-switch{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;display:inline;position:relative;color:#000;outline:none;cursor:pointer}#language-switch span{display:none}@media screen and (min-width: 31em){#language-switch{float:left;width:50%}#language-switch span{display:block;font-size:80%;margin-left:10px}#language-switch span::after{content:"";width:0;height:0;position:absolute;right:8px;top:60%;margin-top:-5px;border-style:solid;border-width:5px 5px 0 5px;border-color:#000 transparent}#language-switch span:hover{text-decoration:underline}#language-switch ul{position:absolute;top:100%;left:0;right:0;background:#e4e4e4;font-weight:normal;pointer-events:none;opacity:0}#language-switch ul li a{display:block;padding:8px 10px}#language-switch ul li a:hover{background:#fff;text-decoration:none}#language-switch.active ul{opacity:1;pointer-events:auto}}#logout a{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 31em){#logout a{padding-left:1em;float:right;width:50%;border-left:2px solid #ddd}}input,textarea,select{background-color:#fff;color:#000;border:1px solid #888;font-size:130%;padding:.2em;width:88%;display:inline-block;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em}@media screen and (min-width: 31em){input,textarea,select{font-size:80%;padding:.5em;width:24em}}input[type="checkbox"],input[type="radio"]{border:none;width:auto}input[type="file"]{border:none}.wizard-form,.config-form,.maintenance-form,.dns-form{*zoom:1;margin-bottom:1em}.wizard-form:after,.config-form:after,.maintenance-form:after,.dns-form:after{content:"";display:table;clear:both}.wizard-form>.row,.config-form>.row,.maintenance-form>.row,.dns-form>.row{*zoom:1;padding:.25em 0;margin-bottom:.5em}.wizard-form>.row:after,.config-form>.row:after,.maintenance-form>.row:after,.dns-form>.row:after{content:"";display:table;clear:both}.wizard-form>.row .radio-inputs,.config-form>.row .radio-inputs,.maintenance-form>.row .radio-inputs,.dns-form>.row .radio-inputs{display:inline-block}.wizard-form>.row .radio-inputs label,.config-form>.row .radio-inputs label,.maintenance-form>.row .radio-inputs label,.dns-form>.row .radio-inputs label{margin-right:1em;width:auto;min-width:5em}@media screen and (min-width: 31em){.wizard-form>.row,.config-form>.row,.maintenance-form>.row,.dns-form>.row{margin-bottom:.1em}.wizard-form>.row .radio-inputs,.config-form>.row .radio-inputs,.maintenance-form>.row .radio-inputs,.dns-form>.row .radio-inputs{width:20.125em}}.wizard-form>.row>label,.config-form>.row>label,.maintenance-form>.row>label,.dns-form>.row>label{float:left;display:inline-block;font-weight:bold;vertical-align:middle;min-width:12em;max-width:80%}@media screen and (min-width: 31em){.wizard-form>.row>label,.config-form>.row>label,.maintenance-form>.row>label,.dns-form>.row>label{max-width:12em}}.wizard-form .multicheckbox,.config-form .multicheckbox,.maintenance-form .multicheckbox,.dns-form .multicheckbox{float:left}.wizard-form .multicheckbox label,.config-form .multicheckbox label,.maintenance-form .multicheckbox label,.dns-form .multicheckbox label{display:block}.wizard-form .field-hint,.config-form .field-hint,.maintenance-form .field-hint,.dns-form .field-hint{cursor:pointer}.wizard-form .field-hint,.wizard-form .field-loading,.wizard-form .field-validation-fail,.wizard-form .field-validation-pass,.config-form .field-hint,.config-form .field-loading,.config-form .field-validation-fail,.config-form .field-validation-pass,.maintenance-form .field-hint,.maintenance-form .field-loading,.maintenance-form .field-validation-fail,.maintenance-form .field-validation-pass,.dns-form .field-hint,.dns-form .field-loading,.dns-form .field-validation-fail,.dns-form .field-validation-pass{vertical-align:middle}.wizard-form .field-validation-pass,.config-form .field-validation-pass,.maintenance-form .field-validation-pass,.dns-form .field-validation-pass{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB5QTFRFObVKhNGOzezSqN6wXsNsUr5h8/r0tOO7kNaZ////wBsVmwAAAAp0Uk5T////////////ALLMLM8AAABaSURBVHjavNFLDsAgCATQof/e/8KdSotjZGeiK3ghZgi404fJbJaxAScyTaaLduxKPtZeyZsXjZKjFH3/jkYGUFtRT1JA9QtI2lX/3HTVWOdqtG65DJzhEWAAwOgOhOkkg28AAAAASUVORK5CYII=') no-repeat right 50%;border-color:#3ab54a;color:#3ab54a}.wizard-form .field-validation-fail,.config-form .field-validation-fail,.maintenance-form .field-validation-fail,.dns-form .field-validation-fail{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACFQTFRFwSct2Hh889bX6K6wxTU61Gtv7Lu90V1i78nKyUJH////s7YC/gAAAAt0Uk5T/////////////wBKTwHyAAAAcUlEQVR42nTRUQ7AIAgD0Ipubrv/gTdEoSTTP1+ItgHP78GWpdVEpQy+Afai1zHN/qlNJze1L8OnziTLl66A5q6eW727Rh11V2p5gHKC8pKD8lJ+cItwpBbuYA1HUndkNT+VK6t6k/HIlRcmst3lK8AA8VUN9YopJJgAAAAASUVORK5CYII=') no-repeat right 50%;border-color:#c00;color:#c00}.wizard-form .validation-container,.wizard-form .server-validation-container,.config-form .validation-container,.config-form .server-validation-container,.maintenance-form .validation-container,.maintenance-form .server-validation-container,.dns-form .validation-container,.dns-form .server-validation-container{color:#c00;width:100%}.wizard-form .validation-container ul,.wizard-form .server-validation-container ul,.config-form .validation-container ul,.config-form .server-validation-container ul,.maintenance-form .validation-container ul,.maintenance-form .server-validation-container ul,.dns-form .validation-container ul,.dns-form .server-validation-container ul{font-size:.875em;line-height:1.71429em}.wizard-form .hint-text,.config-form .hint-text,.maintenance-form .hint-text,.dns-form .hint-text{-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;display:none;background-color:#cdf;margin:.5em 0;padding:.5em}@media screen and (min-width: 31em){.wizard-form .validation-container,.wizard-form .server-validation-container,.wizard-form .hint-text,.config-form .validation-container,.config-form .server-validation-container,.config-form .hint-text,.maintenance-form .validation-container,.maintenance-form .server-validation-container,.maintenance-form .hint-text,.dns-form .validation-container,.dns-form .server-validation-container,.dns-form .hint-text{margin-left:12.5em;max-width:18.5em}}@media screen and (min-width: 31em){.form-buttons{float:right;margin-top:1.5em}}#wifi-qr{text-align:center;display:none}@media screen and (min-width: 31em){#wifi-qr{display:block;position:absolute;top:0;right:0}}#wifi-qr .qr-error{color:#c00;font-weight:bold;text-align:center;width:200px;position:relative;padding:0 1em 1em 0}.form-note{width:100%;font-size:85%;font-style:italic}@media screen and (min-width: 31em){.form-note{width:70%}}.message,#page-about #registration-code-fail{-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;background-position:.8em 50%;background-repeat:no-repeat;color:#000;padding:1em 1em 1em 3.2em;margin-bottom:.5em}.message a,#page-about #registration-code-fail a{color:#000}.message.success,#page-about .success#registration-code-fail{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIJJREFUeNpiYBgFo4BEwEwHOxKg9AsGOln2H4jfA7EBvSz7Tw9L0S2jqYWjlqEAASAOoKdl56GKE+hp2X8SLCU7zgygCv+TYCnFCYQUS6mWGomxlOpJH5+lNMtnuCylaaYmZClNShBcltK05Ee3lC51G8xSuliGbCndLBsFRAOAAAMAZWaA12MKIzAAAAAASUVORK5CYII=');background-color:#30c215}.message.info,#page-about .info#registration-code-fail{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADtJREFUeNpiYBgFQx0wkqHnPyVmMNHbh8PfwtFUii91kmUW02g+HM2HoxaOWjhq4dCzcPjXFsMfAAQYAHP3BCXCjt9/AAAAAElFTkSuQmCC');background-color:#00a2e2}.message.warning,#page-about .warning#registration-code-fail{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG5JREFUeNpiYBjugJEEtf+pYRYTvX1IioUXyJQj28IPZMqRbeEDMuXItvAhmXJDx4d0t5AqiYaRxGz0n1JzSM34HyjxHTkWXqAk0w/6og0EDhIpNnR9eIBIscHjw+EPBn1JQ/dUOmrhaD5kAAgwAOQkFhDUaiW+AAAAAElFTkSuQmCC');background-color:#fc0}.message.error,#page-about #registration-code-fail{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALJJREFUeNrs1c0NgCAMBlDiBI7CBq7CKGzACB3JURyh1njQEEPpTzioTXoC8hLBryH89cpCxEhdDOcLdZJgG54FCgzwqiTBUIpWGI8ei/hcoMSQvRoN2sCg99N0o2ZMgrphPag71oH6Y0IUvNMneWCTwFxGZiuMvD8Y9mhaT98Sg+q4ckMlP7UZ1SSIGqUN2TCekng80eJMvRoGcI0ewzxyh+4oGBKJxyo0G2Mwhk/WLsAAFdSW3ej+trsAAAAASUVORK5CYII=');background-color:#ce1126}.message.error,#page-about #registration-code-fail,.message.error a,#page-about #registration-code-fail a{color:#fff}.notification{-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;color:#000;padding:1.5em;margin-bottom:1em;position:relative}.notification h2{font-size:1.125em;line-height:1.33333em}.notification .buttons{margin-top:1em}.notification .dismiss{position:absolute;right:.2em;top:.2em;text-decoration:none;font-weight:bold;font-size:200%;color:inherit}.notification.restart{background-color:#ce1126;color:#fff}.notification.restart .button,.notification.restart .button-arrow-right,.notification.restart .button-next,.notification.restart .button-arrow-left,.notification.restart .button-prev,.notification.restart #connectivity-retest{background-color:#fff;color:#ce1126}.notification.error{background-color:#fc0}.notification.update{background-color:#30c215}.notification.news{background-color:#00a2e2}.treeview ul,.treeview li{padding:0;margin:0;list-style:none}.treeview input{position:absolute;opacity:0}.treeview input+label ~ ul{margin-left:32px}.treeview input ~ ul{display:none}.treeview label,.treeview label::before{cursor:pointer}.treeview input:disabled+label{cursor:default;opacity:.6}.treeview input:checked:not(:disabled) ~ ul{display:block}.treeview label:before{font-family:FontAwesome;font-size:1.1em;margin-right:.5em}.treeview label,.treeview a,.treeview label:before{height:16px;line-height:16px}.treeview label{background-position:18px 0}.treeview label:before{content:"+";vertical-align:middle}.treeview input:checked+label:before{content:"–"}@media screen and (-webkit-min-device-pixel-ratio: 0){.treeview{-webkit-animation:webkit-adjacent-element-selector-bugfix infinite 1s}@-webkit-keyframes webkit-adjacent-element-selector-bugfix{from{padding:0}to{padding:0}}}#login-page{padding-top:3em;text-align:center}#login-page p{margin:0 auto 2em auto;width:30em}#login-page label{display:none}#login-page input{height:3em;line-height:3em;max-width:25em}#login-page button{display:inline-block;font-size:100%;height:3em;line-height:3em;margin:.5em 1em;vertical-align:middle;width:90%}@media screen and (min-width: 31em){#login-page button{margin:0;width:auto}}#login-page .message,#login-page #page-about #registration-code-fail,#page-about #login-page #registration-code-fail{margin-left:auto;margin-right:auto;text-align:left;width:25em}#login-page .footer{font-size:90%;color:#333;line-height:160%;margin-top:2em}#login-page .language-switch{position:absolute;right:.3em;top:.3em}#login-page .language-switch span{text-transform:uppercase}#login-page .language-switch a{text-transform:uppercase}#login-page .foris-version{position:absolute;display:none}@media screen and (min-width: 31em){#login-page .foris-version{left:.3em;top:.3em;display:block}}#wizard-page{position:relative;width:60em;margin:0 auto 2em}@media (max-width: 82em){#wizard-page{margin-top:2em}}#wizard-page button,#wizard-page.button,#wizard-page.button-arrow-right,#wizard-page.button-next,#wizard-page.button-arrow-left,#wizard-page.button-prev{display:inline-block;height:2em;line-height:2em;margin-bottom:0;width:auto}#wizard-page label{max-width:12em}#wizard-page input,#wizard-page textarea,#wizard-page select{font-size:80%;padding:.5em;width:24em}#wizard-page input[type="checkbox"],#wizard-page input[type="radio"]{width:auto}#wizard-page #wifi-qr{position:absolute;bottom:2.8em;right:0}#wizard-page .radio-inputs{width:20.125em}#wizard-page .row{margin-bottom:.1em}#wizard-language-switch{position:absolute;right:.5em;top:.3em}@media (max-width: 82em){#wizard-language-switch{top:-1.6em;right:0}}#wizard-language-switch span{text-transform:uppercase}#wizard-language-switch a{text-transform:uppercase}#wizard-foris-version{position:absolute;left:.5em;top:.3em}@media (max-width: 82em){#wizard-foris-version{top:-0.5em;left:0}}#wizard-header{border-bottom:1px solid #888;padding:1.6em 0 .5em}#wizard-header .wizard-steps{float:right;margin-top:-1.5em;text-align:right}#wizard-header .wizard-steps a{font-size:.75em;line-height:2em}#wizard-header .wizard-steps .stepno{font-size:2.25em;line-height:1.33333em;font-weight:bold}#wizard-header .wizard-steps .stepno-current{font-weight:normal}#wizard-icon{float:left;width:120px}#wizard-icon+#wizard-content{margin-left:125px}#wizard-content h1{margin-top:1em}#wizard-content p{margin-bottom:1em}#wizard-content p.activation-code{font-size:150%;font-weight:bold}#wizard-content p.wizard-description{margin:2em 0}#connectivity-success,#connectivity-fail,#connectivity-nodns,#updater-success,#updater-fail,#updater-login,#updater-eula,#updater-progress,#time-success,#updater-fail-message{display:none;text-align:center}#wizard-time-sync-success{display:none}.background-progress{color:#444;text-align:center}.background-progress img{margin-bottom:2em}.footnote{font-size:.875em;line-height:1.71429em}.config-description{margin-bottom:2.5em}.config-section-description{margin-bottom:.5em}.config-form{position:relative}.config-form .button,.config-form .button-arrow-right,.config-form .button-next,.config-form .button-arrow-left,.config-form .button-prev,.config-form #connectivity-retest{font-size:100%;height:3em;line-height:3em;margin-right:.5em}#page-about p{margin-bottom:1em}#page-about table{margin-bottom:1em;width:100%}#page-about table th,#page-about table td{padding:.2em 0}#page-about table th{font-weight:bold}#page-about abbr{border-bottom:1px dashed gray;cursor:help}#page-about .sending-ok{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB5QTFRFObVKhNGOzezSqN6wXsNsUr5h8/r0tOO7kNaZ////wBsVmwAAAAp0Uk5T////////////ALLMLM8AAABaSURBVHjavNFLDsAgCATQof/e/8KdSotjZGeiK3ghZgi404fJbJaxAScyTaaLduxKPtZeyZsXjZKjFH3/jkYGUFtRT1JA9QtI2lX/3HTVWOdqtG65DJzhEWAAwOgOhOkkg28AAAAASUVORK5CYII=') no-repeat left 50%;padding-left:26px}#page-about .sending-fail{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACFQTFRFwSct2Hh889bX6K6wxTU61Gtv7Lu90V1i78nKyUJH////s7YC/gAAAAt0Uk5T/////////////wBKTwHyAAAAcUlEQVR42nTRUQ7AIAgD0Ipubrv/gTdEoSTTP1+ItgHP78GWpdVEpQy+Afai1zHN/qlNJze1L8OnziTLl66A5q6eW727Rh11V2p5gHKC8pKD8lJ+cItwpBbuYA1HUndkNT+VK6t6k/HIlRcmst3lK8AA8VUN9YopJJgAAAAASUVORK5CYII=') no-repeat left 50%;padding-left:26px}#page-about .reload{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAFOwAABTsB7JnjvgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAASdEVYdFRpdGxlAFJlZnJlc2ggSWNvbkF4RnoAAAAQdEVYdEF1dGhvcgBwaWFub0JyYWTsxm1RAAAAGnRFWHREZXNjcmlwdGlvbgBBIHJlZnJlc2ggaWNvbgRA+XUAAAAhdEVYdENyZWF0aW9uIFRpbWUAMjAxMy0wOC0yMlQwNDo1MzoxM71zHesAAABNdEVYdFNvdXJjZQBodHRwczovL29wZW5jbGlwYXJ0Lm9yZy9kZXRhaWwvMTgyMDk0L3JlZnJlc2gtaWNvbi1ieS1waWFub2JyYWQtMTgyMDk0TK62WgAAAEl0RVh0Q29weXJpZ2h0AFB1YmxpYyBEb21haW4gaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbGljZW5zZXMvcHVibGljZG9tYWluL1nD/soAAALlSURBVDiNpZRNaJxVFIafc+ZLxyQFRaRlpIWkVVuNG03IStpEwWQmtChEF4KiYqcl2oWgoiCWoiBZudFqvroyUMS6EEvTH6ip2tWYUpHG2EI7IxZDI5aCbYY4M/d1kZmQTpMBkxcO995z7nnuuT9ckwRAeuTyExhzx7KbzlBV7/7TUXLDxjYr2wMyuxfnwty/xXPjQw/doIGsBs3EhaeERkFp81Ag+N6AZQ3uqssJwEWJH6Xw7ok9m2fqoV43Xgt2UiGRF/ZWFTgt+AE4bHAeELDVjF3uPpkZyQ/WQ6Mlqm+utj+Z2Ztju9q+XxzcGU+3lCg+CvYBsF3G4UxcODTD3y9OZDtLy0Fr6sAqiXrnt9nULHDGoLcvzg8ZDAs9t467LwHvLbX9xWpR8COZzy89vlRQoOPZ9k/MbACQ4J3+z/Ldt0AjkicJ1l5nHSFEUw0Wpno8B4DInC+e/ehKs6XjQjpIg95Ufnvspfv+agRYTn2jV1u9ODsFbAymHS6p29DLlPyNlQABTjy//qaZjgK4vNNBnQASP68UChACOQCTuhzoAgjm51YDxUMOQEbnwkWZlW97Pv9HkTWFaldu4iwAwbtXA61UwvwxopzLdBbAnVVBDXUBmJHzYEwASDbQN3q1dcXUhH8JTBDIRXfeWHPqn9bSBWCLF2eHgdca5fbHv6csKFnvb/LkL0eyqe6e/acT/tXrG4oKvACUgaHMwcL2RlD38oO4JnHlF1uZuScFGt/XU3aA43vacwYfMv+/Hu2P868a2FLQsVc2f2cedgCzyy5c68xw7X3DDgGtBh/3x/nxdHz5sZ3xdMttWUpUgMnloAs/f02ZkfygjE+Be6quisGU5m29wf1AqhorARXgDsOeHsu2fXNLpQvb293+dQihQ+Ig8BtggoeBZwy2ASnBdZmGK1HURrA0cLNhpfXqPfDr2uSa5kcIbDHpT0W6OHflj8L4vp5ybc7ASH5bQE3Hdm86BfAf8a8vuFWZE/EAAAAASUVORK5CYII=') no-repeat left 50%;padding-left:26px;display:inline-block;min-height:22px}#page-about #registration-code-update{vertical-align:middle}#page-about #registration-code-loader{vertical-align:middle}#page-about #registration-code-fail{display:none}#page-about #registration-code-fail p:last-child{margin-bottom:0}#page-about #registration-code{font-size:130%;font-weight:bold}#page-dns form{margin-bottom:1em}#connection-test-fail{display:none}#connection-test-loader{vertical-align:middle}#test-results{margin-bottom:1em}#test-results tr td{padding:.3em 0}#test-results tr td:first-child{width:16em}#test-results thead th{font-weight:bold}#test-results .test-success,#test-results .test-fail,#test-results .test-loading{font-weight:bold;padding-left:24px}#test-results .test-success{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB5QTFRFObVKhNGOzezSqN6wXsNsUr5h8/r0tOO7kNaZ////wBsVmwAAAAp0Uk5T////////////ALLMLM8AAABaSURBVHjavNFLDsAgCATQof/e/8KdSotjZGeiK3ghZgi404fJbJaxAScyTaaLduxKPtZeyZsXjZKjFH3/jkYGUFtRT1JA9QtI2lX/3HTVWOdqtG65DJzhEWAAwOgOhOkkg28AAAAASUVORK5CYII=') no-repeat left 50%;border-color:#3ab54a;color:#3ab54a}#test-results .test-fail{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACFQTFRFwSct2Hh889bX6K6wxTU61Gtv7Lu90V1i78nKyUJH////s7YC/gAAAAt0Uk5T/////////////wBKTwHyAAAAcUlEQVR42nTRUQ7AIAgD0Ipubrv/gTdEoSTTP1+ItgHP78GWpdVEpQy+Afai1zHN/qlNJze1L8OnziTLl66A5q6eW727Rh11V2p5gHKC8pKD8lJ+cItwpBbuYA1HUndkNT+VK6t6k/HIlRcmst3lK8AA8VUN9YopJJgAAAAASUVORK5CYII=') no-repeat left 50%;border-color:#c00;color:#c00}#test-results .test-loading{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAFOwAABTsB7JnjvgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAASdEVYdFRpdGxlAFJlZnJlc2ggSWNvbkF4RnoAAAAQdEVYdEF1dGhvcgBwaWFub0JyYWTsxm1RAAAAGnRFWHREZXNjcmlwdGlvbgBBIHJlZnJlc2ggaWNvbgRA+XUAAAAhdEVYdENyZWF0aW9uIFRpbWUAMjAxMy0wOC0yMlQwNDo1MzoxM71zHesAAABNdEVYdFNvdXJjZQBodHRwczovL29wZW5jbGlwYXJ0Lm9yZy9kZXRhaWwvMTgyMDk0L3JlZnJlc2gtaWNvbi1ieS1waWFub2JyYWQtMTgyMDk0TK62WgAAAEl0RVh0Q29weXJpZ2h0AFB1YmxpYyBEb21haW4gaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbGljZW5zZXMvcHVibGljZG9tYWluL1nD/soAAALlSURBVDiNpZRNaJxVFIafc+ZLxyQFRaRlpIWkVVuNG03IStpEwWQmtChEF4KiYqcl2oWgoiCWoiBZudFqvroyUMS6EEvTH6ip2tWYUpHG2EI7IxZDI5aCbYY4M/d1kZmQTpMBkxcO995z7nnuuT9ckwRAeuTyExhzx7KbzlBV7/7TUXLDxjYr2wMyuxfnwty/xXPjQw/doIGsBs3EhaeERkFp81Ag+N6AZQ3uqssJwEWJH6Xw7ok9m2fqoV43Xgt2UiGRF/ZWFTgt+AE4bHAeELDVjF3uPpkZyQ/WQ6Mlqm+utj+Z2Ztju9q+XxzcGU+3lCg+CvYBsF3G4UxcODTD3y9OZDtLy0Fr6sAqiXrnt9nULHDGoLcvzg8ZDAs9t467LwHvLbX9xWpR8COZzy89vlRQoOPZ9k/MbACQ4J3+z/Ldt0AjkicJ1l5nHSFEUw0Wpno8B4DInC+e/ehKs6XjQjpIg95Ufnvspfv+agRYTn2jV1u9ODsFbAymHS6p29DLlPyNlQABTjy//qaZjgK4vNNBnQASP68UChACOQCTuhzoAgjm51YDxUMOQEbnwkWZlW97Pv9HkTWFaldu4iwAwbtXA61UwvwxopzLdBbAnVVBDXUBmJHzYEwASDbQN3q1dcXUhH8JTBDIRXfeWHPqn9bSBWCLF2eHgdca5fbHv6csKFnvb/LkL0eyqe6e/acT/tXrG4oKvACUgaHMwcL2RlD38oO4JnHlF1uZuScFGt/XU3aA43vacwYfMv+/Hu2P868a2FLQsVc2f2cedgCzyy5c68xw7X3DDgGtBh/3x/nxdHz5sZ3xdMttWUpUgMnloAs/f02ZkfygjE+Be6quisGU5m29wf1AqhorARXgDsOeHsu2fXNLpQvb293+dQihQ+Ig8BtggoeBZwy2ASnBdZmGK1HURrA0cLNhpfXqPfDr2uSa5kcIbDHpT0W6OHflj8L4vp5ybc7ASH5bQE3Hdm86BfAf8a8vuFWZE/EAAAAASUVORK5CYII=') no-repeat left 50%;border-color:#4899de;color:#4899de}#connectivity-retest{margin:0 0 2em}.eula-summary{font-weight:bold}#updater-auto-updates-form label{display:block;margin-left:3em;max-width:100%}#updater-auto-updates-form .radio-inputs{width:100%;margin-bottom:.5em}#updater-auto-updates-form .hint-text{margin-left:3em}#updater-auto-updates-form #updater-approvals{margin-bottom:.5em}#updater-auto-updates-form #updater-approvals p{margin-bottom:.5em}#updater-auto-updates-form #updater-approvals label{display:inline-block}#updater-auto-updates-form #updater-approvals input[name="approval_timeout"]{width:5em}#updater-auto-updates-form #updater-approvals #approval-timeout-line{margin-left:2em}#updater-approve-form #updater-approve-changes{overflow:hidden;margin-bottom:.5em;border:1px solid #999;padding:1em}@media screen and (min-width: 31em){#updater-approve-form #updater-approve-changes li{float:left;display:inline;width:50%}}#updater-approve-form #updater-reboot-text{margin-bottom:.5em}#updater-disabled-warning{margin-top:.5em}#language-install{margin-top:1ex;margin-bottom:1ex}#language-install div.language-install-box{display:inline-block;margin-left:1ex;text-transform:uppercase}.wifi-separator hr{color:#ddd}#updater-eula{text-align:left}#eula-text{text-align:left;display:none;border:1px solid #999;padding:1em;margin-bottom:1em}#eula-text ul{list-style:disc;margin-left:1.5em;margin-bottom:1em}#eula-text .eula-summary{font-weight:bold}#updater-eula-form label{display:block;margin-left:3em;max-width:100%}#updater-eula-form label[for='field-agreed_1']{font-weight:bold}#updater-eula-form .radio-inputs{width:100%}
    </style>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <div id="login-page">
    <div class="foris-version">
<span class="minor-text">foris version: 96.9 </span>
    </div>
    <div class="language-switch">
Language:
<span>eng</span>
    | <a href="/foris/config/lang/cs?backlink=%2Fforis%2Fconfig%2F">cze</a>
    </div>

    <h1><img src="/foris/config/static/img/logo-turris.svg" alt="Project:Turris" width="295"></h1>

  <div class="message error">
    The password you entered was not valid.
  </div>

  <div class="message warning">
    <strong>Vaše připojení není šifrované!</strong>
    <br>
    Zabezpečené připojení je důležitým prvkem bezpečnosti routeru a tedy i celé domácí sítě. <a href="https://doc.turris.cz/doc/cs/sandbox/https">Jak nastavím šifrované připojení a proč je to potřeba &gt;</a>
  </div>

<noscript>
  <div class="message info">
    This page requires JavaScript for proper function. Please enable it and refresh the page.
  </div>
</noscript>
        <form action="/foris/config/" method="POST">
            <input type="hidden" name="csrf_token" value="szd1Jytbuz6Ho6SfcQhBw7PzExcqf5FW">
            <label for="field-password">Password</label>
            <input id="field-password" type="password" name="password" placeholder="Password" autofocus>
            <button class="button" type="submit">Log in</button>
        </form>
  <div class="footer">
    Foris Configuration Interface<br>
    <a href="//192.168.3.1/cgi-bin/luci">Go to LuCI</a>
  </div>
</div>

</body>
</html>