body,html{background:#efefef;padding:10px}a{color:#aaa;transition:all .2s ease-in-out}a:hover{color:#333;text-decoration:none}.etc-security-form{color:#919191;padding:10px 20px}.etc-security-form p{margin-bottom:5px}.main-security-form{position:relative}.security-form{width:400px;border-radius:5px;display:inline-block}.security-form h1{color:#aaa;font-weight:700}.security-form p{color:#aaa}.security-form .form-control{border:0;box-shadow:0 0 0;border-radius:0;background:transparent;color:#555;padding:7px 0;font-weight:400;height:auto}.security-form .form-control::placeholder{color:#ccc;opacity:1}.security-form .form-control:-ms-input-placeholder{color:#ccc}.security-form .form-control::-ms-input-placeholder{color:#ccc}.security-form .form-group{margin-bottom:0;border-bottom:2px solid #efefef;padding-right:20px;position:relative}.security-form .form-group:last-child{border-bottom:0}.security-form .login-button{position:absolute;right:-25px;top:50%;background:#fff;color:#999;padding:11px 0;width:50px;height:50px;margin-top:-25px;border:5px solid #efefef;border-radius:50%;transition:all .5s ease-in-out;cursor:pointer}.security-form .login-button:hover{color:#555;transform:rotate(450deg)}.security-form .login-button.clicked{color:#555}.security-form .login-button.clicked:hover{transform:none}.security-form .login-button.clicked.success{color:#2ecc71}.security-form .login-button.clicked.error{color:#e74c3c}@media (max-width:700px){.security-form .login-button{display:none}}.security-form .login-button-sm{text-align:center}@media (min-width:700px){.security-form .login-button-sm{display:none}}.security-form-group{background:#fff;color:#999;border-radius:8px;padding:10px 20px}.security-group-checkbox{padding:5px 0}label.form-invalid{position:absolute;top:0;right:0;z-index:5;display:block;margin-top:-25px;padding:7px 9px;background:#777;color:#fff;border-radius:5px;font-weight:700;font-size:11px}label.form-invalid:after{top:100%;right:10px;content:" ";height:0;width:0;position:absolute;pointer-events:none;border:6px solid transparent;border-top-color:#777}.security-form-main-message{color:#999;margin-bottom:8px;font-weight:700}[type=checkbox]:checked,[type=checkbox]:not(:checked),[type=radio]:checked,[type=radio]:not(:checked){position:absolute;left:-9999px}[type=checkbox]:checked+label,[type=checkbox]:not(:checked)+label,[type=radio]:checked+label,[type=radio]:not(:checked)+label{position:relative;padding-left:25px;padding-top:1px;cursor:pointer}[type=checkbox]:checked+label:before,[type=checkbox]:not(:checked)+label:before,[type=radio]:checked+label:before,[type=radio]:not(:checked)+label:before{content:"";position:absolute;left:0;top:2px;width:17px;height:17px;border:0 solid #aaa;background:#f0f0f0;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}[type=radio]:checked+label:before,[type=radio]:not(:checked)+label:before{border-radius:3px}[type=checkbox]:checked+label:after,[type=checkbox]:not(:checked)+label:after,[type=radio]:checked+label:after,[type=radio]:not(:checked)+label:after{position:absolute;color:#555;transition:all .2s}[type=checkbox]:not(:checked)+label:after,[type=radio]:not(:checked)+label:after{opacity:0;transform:scale(0)}[type=checkbox]:checked+label:after,[type=radio]:checked+label:after{opacity:1;transform:scale(1)}[type=checkbox]:disabled:checked+label:before,[type=checkbox]:disabled:not(:checked)+label:before,[type=radio]:disabled:checked+label:before,[type=radio]:disabled:not(:checked)+label:before{box-shadow:none;border-color:#8c8c8c;background-color:#878787}[type=checkbox]:disabled:checked+label:after,[type=radio]:disabled:checked+label:after{color:#555}[type=checkbox]:disabled+label,[type=radio]:disabled+label{color:#8c8c8c}[type=checkbox]:checked:focus+label:before,[type=checkbox]:not(:checked):focus+label:before{border:1px dotted #f6f6f6}label:hover:before{border:1px solid #f6f6f6!important}[type=checkbox]:checked+label:before,[type=checkbox]:not(:checked)+label:before{border-radius:3px}[type=radio]:checked+label:before,[type=radio]:not(:checked)+label:before{border-radius:35px}[type=checkbox]:checked+label:after,[type=checkbox]:not(:checked)+label:after{content:"\2714";top:0;left:2px;font-size:14px}[type=radio]:checked+label:after,[type=radio]:not(:checked)+label:after{content:"\2022";top:0;left:3px;font-size:30px;line-height:25px}.logo{padding:15px 0;font-size:25px;color:#aaa;font-weight:700}