body:not(.login) .wpotp .wp-hide-pw, .wp-hide-pw:hover {
	position: relative;
	background-color: transparent;
	border: 0;
}
body:not(.login) .wpotp .wp-hide-pw {
    margin-left: -50px;
}
[dir="rtl"] body:not(.login) .wpotp .wp-hide-pw {
	margin-left: unset;
    margin-right: -50px;
}
body:not(.login) .wpotp .wp-hide-pw:before { 
	content: "\00a0";
}

body:not(.login) .wp-hide-pw .dashicons {
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
    top: 0;
    display: block;
    right: 0;
    left: 0;
    bottom: 0;
}
body:not(.login) .wp-hide-pw .dashicons {
	content: "";
}
body:not(.login) .wp-hide-pw .dashicons-visibility {
	background-image:
	url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='%23000000'%3E%3Cpath fill='none' d='M0 0h20v20H0z'%3E%3C/path%3E%3Cpath d='M18.3 9.5C15 4.9 8.5 3.8 3.9 7.2c-1.2.9-2.2 2.1-3 3.4.2.4.5.8.8 1.2 3.3 4.6 9.6 5.6 14.2 2.4.9-.7 1.7-1.4 2.4-2.4.3-.4.5-.8.8-1.2-.3-.4-.5-.8-.8-1.1zm-8.2-2.3c.5-.5 1.3-.5 1.8 0s.5 1.3 0 1.8-1.3.5-1.8 0-.5-1.3 0-1.8zm-.1 7.7c-3.1 0-6-1.6-7.7-4.2C3.5 9 5.1 7.8 7 7.2c-.7.8-1 1.7-1 2.7 0 2.2 1.7 4.1 4 4.1 2.2 0 4.1-1.7 4.1-4v-.1c0-1-.4-2-1.1-2.7 1.9.6 3.5 1.8 4.7 3.5-1.7 2.6-4.6 4.2-7.7 4.2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
body:not(.login) .wp-hide-pw .dashicons-hidden {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='%23000000'%3E%3Cpath fill='none' d='M0 0h20v20H0z'%3E%3C/path%3E%3Cpath d='M17.3 3.3c-.4-.4-1.1-.4-1.6 0l-2.4 2.4a9.6 9.6 0 0 0-3.3-.6c-3.8.1-7.2 2.1-9 5.4.2.4.5.8.8 1.2.8 1.1 1.8 2 2.9 2.7L3 16.1c-.4.4-.5 1.1 0 1.6.4.4 1.1.5 1.6 0L17.3 4.9c.4-.5.4-1.2 0-1.6zm-10.6 9l-1.3 1.3c-1.2-.7-2.3-1.7-3.1-2.9C3.5 9 5.1 7.8 7 7.2c-1.3 1.4-1.4 3.6-.3 5.1zM10.1 9c-.5-.5-.4-1.3.1-1.8.5-.4 1.2-.4 1.7 0L10.1 9zm8.2.5c-.5-.7-1.1-1.4-1.8-1.9l-1 1c.8.6 1.5 1.3 2.1 2.2C15.9 13.4 13 15 9.9 15h-.8l-1 1c.7-.1 1.3 0 1.9 0 3.3 0 6.4-1.6 8.3-4.3.3-.4.5-.8.8-1.2-.3-.3-.5-.7-.8-1zM14 10l-4 4c2.2 0 4-1.8 4-4z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}


#wptop-overlay-container { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 200; cursor: pointer; text-align: left; display: flex; align-items: center; }
[dir="rtl"] #wptop-overlay-container { text-align: right; }
#wptop-overlay-container::before { position: absolute; top: 25px; right: 25px; }
#wptop-overlay-container > * { position: absolute; top: 50%; left: 50%; color:#fff; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width: 80%; max-width: 400px; min-height: 100px; }
#wptop-overlay-container > *::before { content: ""; width: 40px; height: 40px; background-size: cover; left: 0; top: -40px; position: absolute; }
#wptop-overlay-container.closeable > *::before {
	background-image: url(/wp-content/plugins/wp-otp-login/ "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iNTciIHZpZXdCb3g9IjAgMCA1NyA1NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeDE9IjQyLjQxODUiIHkxPSI0Mi41NDM1IiB4Mj0iMTQuMTE5NCIgeTI9IjE0LjI0NDQiIHN0cm9rZT0id2hpdGUiLz4KPGxpbmUgeDE9IjE0LjExOTQiIHkxPSI0Mi4zNzU3IiB4Mj0iNDIuMDA3OCIgeTI9IjE0LjQ4NzMiIHN0cm9rZT0id2hpdGUiLz4KPC9zdmc+Cg==);
}
.wp-otp-dialog { background: #fff; padding: 20px 25px; color: #000; display: flex; flex-wrap: wrap; }
.wp-otp-dialog * { color: #000; }
.wp-otp-dialog label { flex-basis: 100%; }
.wp-otp-dialog .wpotp-otp { width: 100%; display: block; margin-bottom: 15px; flex-basis: 100%; }

.wpotp-otp { text-align: center; }
.wpotp-otp::-webkit-outer-spin-button,
	.wpotp-otp::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
}
.wpotp-otp[type="number"] {
	-moz-appearance: textfield;
}
.wpotp-submit { float: right;}
[dir="rtl"] .wpotp-submit { float: left; }

.login .wp-otp-dialog .wpotp-submit { 
	min-height: 32px;
    line-height: 2.30769231;
    padding: 0 12px;
	cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    border-radius: 3px;
    white-space: nowrap;
    box-sizing: border-box;
	font-size: 13px;
	background: #2271b1;
    border-color: #2271b1;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
}
.wpotp-close, .wpotp-resend, .wpotp-expires { float: left; margin-left: 10px; margin-right: 10px; align-self: center; }
.wpotp-resend { background: transparent; border: 0; padding: 0; cursor: pointer;
  text-decoration: underline; }
[dir="rtl"] .wpotp-close, [dir="rtl"] .wpotp-resend, [dir="rtl"] .wpotp-expires { float: right; margin-right: 10px; }

.wpotp:not([data-wpotp="otp"]) .wpotp-otp-fields { display: none; }
.wpotp[data-wpotp="otp"] .wpotp-userpass-fields,
	.wpotp[data-wpotp="otp"] > p:first-of-type:not(.login_error):not(.message), /* Supposed to be the username */
	.wpotp[data-wpotp="otp"] .user-pass-wrap { display: none; }

.wpotp[data-wpotp-username] .wpotp-username-field { display: none; }
.wpotp:not([data-wpotp-username]) .wpotp-otp-field { display: none; }

.wpotp[data-expires="0"] .wpotp-expires { display: none; }

.wpotp .wpotp-resend { display: none; }
.wpotp[data-expires="0"] .wpotp-resend { display: inline-block; }

.wpotp-method.wpotp-tabs { display: flex; }
.wpotp-method.wpotp-tabs label { padding: 7px 20px; border-bottom: 3px solid transparent; flex-basis: 50%; text-align: center; }
.wpotp-method.wpotp-tabs label input[type="radio"] { display: none; }
.wpotp[data-wpotp="otp"] .wpotp-method.wpotp-tabs label:first-child { border-bottom-color: #ccc; }
.wpotp:not([data-wpotp="otp"]) .wpotp-method.wpotp-tabs label:last-child { border-bottom-color: #ccc; }

#loginform.wpotp { position: relative; }
.login #loginform.wpotp .wpotp-otp-fields { padding: 40px 0; }

.wpotp.processing:before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: block; background: #cccccc; z-index: 1; opacity: 0.5; }


.wpotp.processing:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin-top: -32px;
  margin-right: -32px;
  border-radius: 50%;
  border: 6px solid #000;
  border-color: #000 transparent #000 transparent;
  animation: loading-animation 1.2s linear infinite;
  position: absolute;
	top: 50%;
	right: 50%;
	
}

.login .forgetmenot label {
	display: inline-block;
}

@keyframes loading-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}