body {font-family: "Open Sans", sans-serif;color: #ffffff;}#login,.login .loginstyle-footer { max-width: 100%;}#login { width:350px;}body{ background:transparent; } body:before { content: '';position: fixed; display: block; z-index: -1;height:100%; width:100%; top:0; left:0;background-image: url(https://proyectocanino.com/red/rubro-canino/wp-content/uploads/2020/12/Rubro-Canino.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;}#login:before { content: '';position: fixed; display: block; z-index: -1; width:100%; height:100%; top:0; left:0;background: #000000;background: rgba(0,0,0,0.2);}#loginstyle_particles { position: fixed; width: 100%; height: 100%; top: 0; left: 0; } #login h1, #loginform, .login .loginstyle-footer, #login #login_error, #login .message, .login form, .login #nav, .login #backtoblog { position: relative; z-index: 10; }body a {color: #ffffff;} .login #backtoblog a, .login #nav a, .login h1 a {color: #ffffff;}body a:hover {color: #000000;} .login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {color: #000000;}.login h1 a { background: none; }.login form { -webkit-box-shadow:none; box-shadow:none;padding-top: 70px;padding-right: 30px;padding-bottom: 50px;padding-left: 30px;border: none;border-radius: 4px;background-color: #ffffff;background-image: url();background-position: left top;background-repeat: no-repeat;}#login #login_error, #login .message {border-radius: 4px;background-color: #ffffff;color: #aaaaaa;}#wp-submit:focus, #wp-submit:active { -webkit-box-shadow:none; box-shadow:none; }#login form p.submit, .login-action-lostpassword p.submit { clear:both; margin-bottom: 16px;}#wp-submit {-webkit-box-shadow:none; box-shadow:none;padding-top: 8px;padding-bottom: 8px;padding-right: 20px;padding-left: 20px;font-size: 13px;height: auto;color: #ffffff;border-radius: 4px;background-color: #7207ff;text-shadow: none;transition: all 0.5s; -webkit-transition: all 0.5s; width: 100%;float: none;border:none;}#wp-submit:hover {background-color: #2ecc71;}.login label[for=user_login] br, .login label[for=user_email] br {display:none}.login label[for=user_pass] br {display:none}::-webkit-input-placeholder { color: #cccccc; } :-moz-placeholder { color: #cccccc; } ::-moz-placeholder { color: #cccccc; } :-ms-input-placeholder { color: #cccccc; } :placeholder-shown { color: #cccccc; }#login input[type=text], #login input[type=password], #login input[type=email] {-webkit-box-shadow:none; box-shadow:none;padding-top: 12px;padding-bottom: 12px;padding-right: 12px;padding-left: 12px;border-radius: 4px;text-align: left;background-color: #ffffff;background-color: rgba(255,255,255,0);color: #aaaaaa;font-size: 16px;border-top-width: 2px;border-right-width: 2px;border-bottom-width: 4px;border-left-width: 2px;border-style: solid;border-color: #dddddd;}#login label { color: #aaaaaa; }@font-face{font-family:'loginstyle';src:url('../../public/font/loginstyle.eot');src:url('../../public/font/loginstyle.eot') format('embedded-opentype'), url('../../public/font/loginstyle.ttf') format('truetype'), url('../../public/font/loginstyle.woff') format('woff'), url('../../public/font/loginstyle.svg') format('svg');font-weight:normal;font-style:normal}#login label { position: relative; }#login label:before {font-family: 'loginstyle'; position: absolute; bottom: -14px; height: 44px; line-height: 46px; font-size: 15px;width:40px;left: 0;text-align: center;color: #dddddd;border-top-left-radius: 4px; border-bottom-left-radius: 4px;background-color: #ffffff;background-color: rgba(255,255,255,0);border-right-width:0px; border-right-style: solid; }#login label[for=user_login]:before{ content:'\e910';}#login input#user_login { padding-left: 50px; }#login label[for=user_email]:before{ content:'\e91d';}#login input#user_email { padding-left: 50px; }#login label[for=user_pass]:before{ content:'\e906';}#login input#user_pass { padding-left: 50px; }#login input[type=checkbox]:checked:before { color: #cccccc;}#login label[for=rememberme] { color: #aaaaaa; }#login input[type=checkbox] { -webkit-box-shadow:none; box-shadow:none;background-color: #ffffff;background-color: rgba(255,255,255,0);border-color: #cccccc; }.login .loginstyle-footer{ margin: 50px auto 20px; box-sizing: border-box;width:350px;text-align:center;} .login .loginstyle-footer > div { margin-bottom: 30px; }