@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Roboto:300,400,700");html,body{height:100%;margin:0;padding:0}body{background:url(/images/PatroonBg.png?v=M59eOqbuH6MJ4CaxIEtZyppqtaY) no-repeat center center fixed;background-size:cover;font-family:"Open Sans",sans-serif;color:#41474d;overflow-y:auto;line-height:25px;display:inline-block}h1,h2,h3,h4{font-family:"Roboto",sans-serif}textarea:focus,input:focus,a,button{outline:0}.text-danger{color:#f00}.text-danger ul{padding:0;margin:0;margin-top:10px;list-style:none}.login-form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-form .userAccounts{margin-top:20px}.login-form .userAccounts img{height:12px;margin-right:5px}.login-form .userAccounts .cross{padding-left:10px}.login-form .logo{text-align:center;margin-bottom:10px}.login-form .logo img{height:40px}@media only screen and (min-width:800px){.login-form .box{box-shadow:0 10px 30px rgba(0,0,0,.3);background:#fff;width:420px;border-radius:0;padding:0 40px 0 40px}}.login-form .box .steps{padding-top:30px;color:#41474d;font-size:12px}.login-form .box .steps span:nth-child(2){color:#41474d}.login-form .box .header{padding-top:30px}.login-form .box .header h2{margin:0;padding:0 0 10px 0;font-weight:300;font-size:22px;color:#0078d7}.login-form .box .twofactor-restart{display:block;clear:both;margin:10px 0 10px 0}.login-form .box .twofactor-ok{display:none;text-align:center}.login-form .box .twofactor-ok .two-factor-ac{display:none}.login-form .box .twofactor-ok .two-factor-ac .two-factor-s{height:10px}.login-form .box .twofactor-ok .two-factor-v{display:none;color:#3cc658;font-size:100px}.login-form .box .twofactor-ok .two-factor-t h2{color:#41474d;font-size:20px;font-weight:300}.login-form .box .twofactor-ok{height:250px}.login-form .box .twofactor-code{display:block;clear:both;margin:20px 0 10px 0}.login-form .box .content{color:#41474d;font-size:15px;padding-bottom:30px}.login-form .box .content a{text-decoration:none}.login-form .box .content a,.login-form .box .content a:active,.login-form .box .content a:hover{color:#0078d7}.login-form .box .content a:active,.login-form .box .content a:hover{text-decoration:underline}.login-form .box .content .content-app{text-align:center;margin:20px 0 40px 0}.login-form .box .content .yesorno{padding:10px 0 10px 0;width:200px;margin:auto}.login-form .box .content .yesorno .yes{float:left;width:100px;text-align:center}.login-form .box .content .yesorno .no{float:right;width:100px;text-align:center}.login-form .box .forms .element{position:relative;margin-bottom:20px}.login-form .box .forms .element-error{font-size:12px;color:#f51130;font-weight:400}.login-form .box .forms input[type=text],.login-form .box .forms input[type=password]{height:30px;width:100%;border:0;border-bottom:1px solid #41474d;font-size:15px;color:#0078d7}.login-form .box .forms input[type=text]::placeholder,.login-form .box .forms input[type=password]::placeholder{color:#d3d9dd}.login-form .box .forms input[type=text]:focus,.login-form .box .forms input[type=password]:focus{border-bottom:1px solid #0078d7}.login-form .box .forms .option{font-size:15px;font-weight:400;float:right;padding-bottom:30px;padding-top:3px}.login-form .box .forms .option a{text-decoration:none;color:#0078d7}.login-form .box .forms .option a:hover{text-decoration:underline;cursor:pointer}.login-form .box .forms .option a:active{color:#005faa}.login-form .box .accounts{width:420px;height:40px;clear:both;margin-top:20px;cursor:pointer;line-height:21px}.login-form .box .accounts .account-left{width:60px;float:left}.login-form .box .accounts .account-left .circle{border-radius:50%;width:25px;height:25px;padding:8px;background:#0078d7;color:#fff;text-align:center;font-size:18px;line-height:22px}.login-form .box .accounts .account-middle{float:left;width:340px}.login-form .box .accounts .account-middle h3{font-size:18px;font-weight:300;margin:0;padding:0;color:#41474d}.login-form .box .accounts .account-middle span{font-weight:300;color:#41474d}.login-form .box .accounts .account-right{float:right;width:20px}.login-form .box .accounts .account-right .rotate{transition:.7s;-webkit-transition:.7s;-moz-transition:.7s;-o-transition:.7s;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.login-form .box .accounts .account-right img{transition:.7s;-webkit-transition:.7s;-moz-transition:.7s;-o-transition:.7s;margin:15px 0 0 0}.login-form .box .accounts .sub-accounts{overflow-y:auto;display:none;opacity:1;max-height:200px}.login-form .box .accounts .sub-accounts a,.login-form .box .accounts .sub-accounts a:active,.login-form .box .accounts .sub-accounts a:hover{color:#41474d;text-decoration:none}.login-form .box .accounts .sub-accounts .sub-account{padding-top:10px;height:50px}.login-form .box .accounts .sub-accounts .sub-account:hover{background:#f2f5f8}.login-form .box .accounts .sub-accounts .sub-account .sub-account-left{float:left;width:60px;padding-left:10px}.login-form .box .accounts .sub-accounts .sub-account .sub-account-left .circle{border-radius:50%;width:22px;height:22px;padding:8px;background:#0078d7;color:#fff;text-align:center;font-size:15px}.login-form .box .accounts .sub-accounts .sub-account .sub-account-left .circle a,.login-form .box .accounts .sub-accounts .sub-account .sub-account-left .circle a:hover,.login-form .box .accounts .sub-accounts .sub-account .sub-account-left .circle a:active{text-decoration:none;color:#fff!important}.login-form .box .accounts .sub-accounts .sub-account .sub-account-left .circle-new{border-radius:50%;width:22px;height:22px;padding:8px;background:#c3cbd3;color:#fff;text-align:center;font-size:15px}.login-form .box .accounts .sub-accounts .sub-account .sub-account-left .circle-new a,.login-form .box .accounts .sub-accounts .sub-account .sub-account-left .circle-new a:hover,.login-form .box .accounts .sub-accounts .sub-account .sub-account-left .circle-new a:active{text-decoration:none;color:#fff!important}.login-form .box .accounts .sub-accounts .sub-account .sub-account-middle{float:left;width:300px}.login-form .box .accounts .sub-accounts .sub-account .sub-account-middle span a,.login-form .box .accounts .sub-accounts .sub-account .sub-account-middle span a:hover,.login-form .box .accounts .sub-accounts .sub-account .sub-account-middle span a:active{text-decoration:none;color:#41474d!important}.login-form .box .accounts .sub-accounts .sub-account .sub-account-middle h3{font-size:16px;font-weight:300;margin:0;padding:0;color:#41474d}.login-form .box .accounts .sub-accounts .sub-account .sub-account-middle .pad{padding-top:10px}.login-form .box .accounts .sub-accounts .sub-account .sub-account-right{float:right;width:25px}.login-form .box .accounts .sub-accounts .sub-account .sub-account-right img{padding:10px 0 0 0}.login-form .box .accounts .open{opacity:1;animation-name:fadeInDown;animation-duration:.7s;display:block;position:absolute;width:420px;top:170px;border:1px solid #c3cbd3;z-index:200;background:#fff}@media only screen and (max-width:800px){.login-form .box .accounts{width:100%}.login-form .box .accounts .account-middle{width:200px}.login-form .box .accounts .sub-accounts{width:90%}.login-form .box .accounts .sub-accounts .sub-account .sub-account-middle{width:220px}}.login-form .box .validation{clear:both;margin:10px 0 0 0;font-size:12px}.login-form .box .validation ul,.login-form .box .validation li{margin:0;padding:0;list-style:none}.login-form .box .validation li{padding:0 0 8px 0}.login-form .box .validation li:nth-child(0){color:#f00}.login-form .box .validation .error{color:#f00}.login-form .box .validation .approved{color:#47d664}.login-form .box .validation li:before{content:"✓"}.login-form .box .navigation{clear:both;margin:10px 0 0 0;height:40px;width:100%;padding-bottom:30px}.login-form .box .navigation .pull-left{text-align:left}.login-form .box .navigation .pull-right{float:right}.login-form .box .navigation .back{padding-top:5px;font-size:15px;font-weight:700;color:#0078d7;text-decoration:none}.login-form .box .navigation .back:hover{text-decoration:underline}.login-form .box .navigation .link-btn{background:#3cc658;border:0;padding:6px!important;width:100px;font:inherit;cursor:pointer;color:#fff;font-size:15px;font-weight:400;text-decoration:none;box-sizing:border-box;align-items:flex-start;text-align:center;text-rendering:auto;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;display:inline-block}.login-form .box .navigation .link-btn:hover{color:#fff;text-decoration:none;background:#47d664}.login-form .box .navigation .link-btn:active{color:#fff;text-decoration:none;background:#30bb4c}.login-form .box .navigation button{background:#3cc658;border:0;padding:6px!important;width:105px;font:inherit;cursor:pointer;color:#fff;font-size:15px;font-weight:400}.login-form .box .navigation button:hover{background:#47d664}.login-form .box .navigation button:active{background:#30bb4c}.login-form .box .navigation button[disabled],.login-form .box .navigation button[disabled]:hover,.login-form .box .navigation button[disabled]:active{background:#d3d9dd}.login-form .field-icon{cursor:pointer;float:right;margin-right:-25px;margin-left:-25px;margin-top:-23px;position:relative}.login-form .field-icon img{height:16px}.login-form .bottom{clear:both;text-align:center;margin-top:20px;font-size:15px}.login-form .bottom a{text-decoration:none;color:#0078d7}.login-form .bottom a:hover{text-decoration:underline;cursor:pointer}.login-form .bottom a:active{color:#005faa}@media only screen and (max-width:800px){.login-form .bottom a,.login-form .bottom a:hover,.login-form .bottom a:active{text-decoration:none;color:#fff}}.status{display:none;margin-top:10px;color:#f00}.Success{color:#3cc658}footer{position:fixed;bottom:0;height:5px;width:100%;background:#005faa}.inputMaterial{display:block}.inputMaterial:focus{outline:0}label{color:#d3d9dd;font-size:15px;font-weight:normal;position:absolute;pointer-events:none;left:5px;top:2px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.inputMaterial:focus~label{left:0;top:-20px;color:#0078d7}.inputMaterial:valid~label{left:0;top:-20px;color:#0078d7}@media only screen and (max-width:800px){header{display:none}body{background:#0078d7}.login-form{position:absolute;margin:0;padding:0;width:100%;top:5%;left:0;transform:translate(0,0)}.box{box-shadow:0 0 0;background:#fff;border-radius:0;padding:0 30px 0 30px}}.twofactor-failed{display:none}.full-width{width:auto!important}.no-padding{padding-bottom:0!important}code{font-family:"Open Sans",sans-serif}