#login { 
    width: 100%;
}

.login .button.wp-hide-pw {
	-webkit-transition: 0 !important;
	transition: 0 !important
}

.brainaddons-form-footer {
	margin-top: 16px
}

#login form,
#brainaddons-username,
#brainaddons-password {
	position: relative
}

#brainaddons-username input,
#brainaddons-password input {
	margin-bottom: 0
}

#brainaddons-username .customizer-event-overlay,
#brainaddons-password .customizer-event-overlay {
	border: 0;
	bottom: 0;
	left: 0;
	right: 0;
	top: 2px;
	width: 100%;
	opacity: 0 !important;
	-webkit-transition: opacity 100ms cubic-bezier(0.33, 0, 0.2, 1), background 100ms cubic-bezier(0.33, 0, 0.2, 1);
	transition: opacity 100ms cubic-bezier(0.33, 0, 0.2, 1), background 100ms cubic-bezier(0.33, 0, 0.2, 1)
}

#brainaddons-username:hover .customizer-event-overlay,
#login form.input-hover #brainaddons-username .customizer-event-overlay,
#brainaddons-password:hover .customizer-event-overlay,
#login form.input-hover #brainaddons-password .customizer-event-overlay {
	opacity: 1 !important;
	background: rgba(0, 167, 233, 0.11) !important
}

#brainaddons-username-label,
#brainaddons-password-label {
	position: relative
}

#brainaddons-username-label:hover,
#login form.label-hover #brainaddons-username-label,
#brainaddons-password-label:hover,
#login form.label-hover #brainaddons-password-label {
	color: #0085ba !important
}

#brainaddons-username-label .customizer-event-overlay,
#brainaddons-password-label .customizer-event-overlay {
	top: -2px;
	bottom: -2px;
	left: -2px;
	right: -2px;
	width: calc(100% + 4px);
	border: 0 !important;
	opacity: 0 !important
}

.no-label #brainaddons-username-label {
	-webkit-transition: opacity 200ms cubic-bezier(0.694, 0, 0.335, 1), visibility 0ms cubic-bezier(0.694, 0, 0.335, 1);
	transition: opacity 200ms cubic-bezier(0.694, 0, 0.335, 1), visibility 0ms cubic-bezier(0.694, 0, 0.335, 1);
	opacity: 0
}

body:hover .no-label #brainaddons-username-label {
	-webkit-transition: opacity 200ms cubic-bezier(0.694, 0, 0.335, 1), visibility 0ms cubic-bezier(0.694, 0, 0.335, 1) 200ms;
	transition: opacity 200ms cubic-bezier(0.694, 0, 0.335, 1), visibility 0ms cubic-bezier(0.694, 0, 0.335, 1) 200ms;
	opacity: 1
}

.no-label #brainaddons-username-label .login-designer-event-button {
	background: #0085ba;
	height: 8px !important;
	width: 8px !important;
	border-radius: 100%
}

.no-label #brainaddons-username-label .login-designer-event-button.customizer-event-overlay {
	opacity: 1 !important;
	top: -8px;
	left: -1px
}

#brainaddons-button {
	position: relative;
	float: right
}

#brainaddons-button .customizer-event-overlay {
	border: 0 !important;
	border-radius: 3px;
	bottom: 0;
	left: 0;
	opacity: 1 !important;
	right: 0;
	top: 0 !important;
	width: 100%;
	z-index: 99999;
	-webkit-transition: opacity 100ms cubic-bezier(0.33, 0, 0.2, 1), background 100ms cubic-bezier(0.33, 0, 0.2, 1);
	transition: opacity 100ms cubic-bezier(0.33, 0, 0.2, 1), background 100ms cubic-bezier(0.33, 0, 0.2, 1)
}

#brainaddons-button:hover .customizer-event-overlay {
	opacity: 1 !important;
	background: rgba(0, 167, 233, 0.2) !important
}

.customizer-event-overlay {
	background: transparent;
	border: 2px solid transparent;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	text-indent: -9999em;
	top: 0;
	width: 100%;
	z-index: 22;
	-webkit-transition: border-color 100ms cubic-bezier(0.33, 0, 0.2, 1);
	transition: border-color 100ms cubic-bezier(0.33, 0, 0.2, 1)
}

.customizer-event-overlay:hover,
.customizer-event-overlay:focus {
	border-color: #0085ba;
	outline: 0
}