/* Custom Background */
body.login {
background-image: url('home-bg.jpg'); 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-position: center;
background-size: cover;}

/* Custom Logo */
.login h1 a {
background-image: url('login-logo.png');}  

/* Custom Login Form */
.login form {background-color: rgba(0, 0, 0, 0.321569);
box-shadow: rgba(0, 0, 0, 0.270588) 0 0 20px 0;}
.login label {font-size: 12px; color: #ffffff; bold;}
.login input[type="text"]{background-color: #ffffff; border-color:#dddddd; -webkit-border-radius: 4px;}
.login input[type="password"]{background-color: #ffffff; border-color:#dddddd; -webkit-border-radius: 4px;}

/* hidden style */
/* logo */   
.login h1 a {display: none;}
/* Lost Password */   
p#nav {display: none;}
/* back to */   
p#backtoblog {display: none;}

/* button style */
.login .button-primary {
width: 120px;
float:right;
background-color:#17a8e3 !important;
background: -webkit-gradient(linear, left top, left bottom, from(#17a8e3), to(#17a8e3));
background: -webkit-linear-gradient(top, #17a8e3, #17a8e3);
background: -moz-linear-gradient(top, #17a8e3, #17a8e3);
background: -ms-linear-gradient(top, #17a8e3, #17a8e3);
background: -o-linear-gradient(top, #17a8e3, #17a8e3);
background-image: -ms-linear-gradient(top, #17a8e3 0%, #17a8e3 100%);
color: #ffffff;
-webkit-border-radius: 4px;
border: 1px solid #0d9ed9;}
  
.login .button-primary:hover {
background-color:#17a8e3 !important;
background: -webkit-gradient(linear, left top, left bottom, from(#17a8e3), to(#0d9ed9 ));
background: -webkit-linear-gradient(top, #17a8e3, #0d9ed9 );
background: -moz-linear-gradient(top, #17a8e3, #0d9ed9 );
background: -ms-linear-gradient(top, #17a8e3, #0d9ed9 );
background: -o-linear-gradient(top, #17a8e3, #0d9ed9 );
background-image: -ms-linear-gradient(top, #0b436e 0%, #0d9ed9 100%);
color: #fff;
-webkit-border-radius: 4px;
border: 1px solid #0d9ed9;}
  
.login .button-primary:active {
background-color:#17a8e3 !important;
background: -webkit-gradient(linear, left top, left bottom, from(#0d9ed9), to(#17a8e3));
background: -webkit-linear-gradient(top, #0d9ed9, #17a8e3);
background: -moz-linear-gradient(top, #0d9ed9, #17a8e3);
background: -ms-linear-gradient(top, #0d9ed9, #17a8e3);
background: -o-linear-gradient(top, #0d9ed9, #17a8e3);
background-image: -ms-linear-gradient(top, #0d9ed9 0%, #17a8e3 100%);
color: #fff;
-webkit-border-radius: 4px;
border: 1px solid #0d9ed9;}