/*custom*/

/* oppo_green: #006A32; */



.login h1 {
	background:#ffffff;
	padding:35px 20px;
	border-radius:20px 20px 0 0;
}
 
.login h1 a {
    background-size: contain;
    height: 250px;
    width: 100%;
    margin: 0 auto;
    border-radius: 10px 10px 0 0;
    padding: 30px;
}

#login form p.submit {
    margin: 0;
    padding: 30px 0;
}

.login #nav a:hover {
color: #000000;
}


.login label[for=user_login], .login label[for=user_pass] {
    color: #006A32;
    font-weight: bold;
    font-size:14px;
}

.login form .input {
    padding: 5px;
    border-radius: 10px;
    font-size:16px;
}

.login form .input, .login form input[type=checkbox], .login input[type=text] {
    background: #FFFFFF;
}
 
 input#rememberme {
    border: 0px solid #064152;
    border-radius: 0;
}
input[type=checkbox]:checked::before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDIwIDIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMCAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0LjgsNC45bDEuMywwLjlsLTUuOCw4LjRIOUw1LjgsOS43bDEuMy0xLjJsMi42LDIuNEwxNC44LDQuOXoiLz4NCjwvc3ZnPg0K
    );
    /*margin: -.1875rem 0 0 -.25rem;*/
    /*height: 1.3125rem;*/
    /*width: 1.3125rem;*/
}

.login .forgetmenot label {color:#000000;}

.dashicons-visibility:before,.dashicons-hidden:before {
    position: absolute;
    top: 8px;
    right: 10px;
    outiline: unset;
}

.button.wp-hide-pw:focus {
    box-shadow: 0 0 0 0px #007cba;
}

a:focus {
    box-shadow: 0 0 0 0 #5b9dd9, 0 0 0 0 rgba(30,140,190,.8) !important;
}

button.button.button-secondary.wp-hide-pw.hide-if-no-js {
    outline: unset;
    border: 0;
}

input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
    box-shadow: 0 0 0 1px #009CDE;;
}

input#wp-submit {
    border-radius:5px;
    width:100%;
}

.login form {
    margin-top: 0;
    margin-left: 0;
    padding:30px 60px;
    box-shadow: 0 1px 3px rgba(0,0,0,0);
    border-radius: 0;
    background: #ffffff;
    border: 0;}
 
.login #backtoblog a, .login #nav a {
 
}

.login .button.wp-hide-pw .dashicons {
    width: 1.25rem;
    height: 1.25rem;
    top: -4px;
}
 
.wp-core-ui .button-primary {
    border-radius: 0;
    background: #1c94ad;
    border: 0;
    text-shadow: none;
    box-shadow: 0 0px 0 #006799;
    text-transform: uppercase;
    font-weight: bold;}

input#user_login::placeholder, input#user_pass::placeholder {font-size:16px}

p#backtoblog {
    display: none;
}

.login #nav {
    margin: 0 auto;
    padding: 20px 20px 100px;
    text-align: center;
    border-radius: 0 0 20px 20px;
    background: #ffffff;
}

button#btnPatientsPassword {
    margin: 0 auto;
    padding: 50px 20px;
    text-align: center;
    background: #f4a428;
    border-radius: 0;
    border: 0;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
}

.login #nav a {
    color: #000000;
}

#login {
    width: 30%;
    padding: 5% 0 0;
    margin: auto;
}

@media only screen and (max-width: 1024px) {
  #login {
    width: 80%;
}
}

.login #login_error, .login .message, .login .success {
    border: 0 !important;
    margin: 0 !important;
    text-align: center;
}

#login {
    animation: animationFrames linear 0.8s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames linear 0.8s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: animationFrames linear 0.8s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: animationFrames linear 0.8s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: animationFrames linear 0.8s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
}

.login{
    background-size: cover;
    overflow-y:scroll;
}

@media screen and (max-width: 992px) {
    .login h1 {
        padding: 15px 20px !important;
    }

    div#login_error {
        font-size: 0.8rem;
    }

    .login form {
        padding: 15px !Important;
    }
}

@keyframes animationFrames{
  0% {
    transform:  translate(1px,-196px)  ;
  }
  100% {
    transform:  translate(1px,1px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(1px,-196px)  ;
  }
  100% {
    -moz-transform:  translate(1px,1px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(1px,-196px)  ;
  }
  100% {
    -webkit-transform:  translate(1px,1px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(1px,-196px)  ;
  }
  100% {
    -o-transform:  translate(1px,1px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(1px,-196px)  ;
  }
  100% {
    -ms-transform:  translate(1px,1px)  ;
  }
}
