#wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar>a img,#wpadminbar .quicklinks li#wp-admin-bar-user-admin-with-avatar>a img{width:16px;height:16px;display:inline;border:1px solid #999;vertical-align:middle;margin:-2px 10px 0 -5px;padding:0;background:#eee;float:none}#wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar ul{left:0}#wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar ul ul{left:0}#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications,#wpadminbar .quicklinks li#wp-admin-bar-my-account a span.count,#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar a span.count{background:#21759b;color:#fff;text-shadow:none;display:inline;padding:2px 5px;font-size:10px;font-weight:700;border-radius:10px}#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications{background:#ddd;color:#333;margin:0}#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications.alert{background-color:#21759b;color:#fff}#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications.alert.admin-type{background-color:#d84800}#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications>a{padding:0 .5em}#wp-admin-bar-user-info img.avatar{height:64px;width:64px}#wpadminbar .wp-admin-bar-arrow-right{display:none}@media screen and (max-width:600px){#wpadminbar .wp-admin-bar-arrow-right{display:block}}@media screen and (max-width:782px){#wpadminbar li#wp-admin-bar-bp-login,#wpadminbar li#wp-admin-bar-bp-register{display:block}#wpadminbar li#wp-admin-bar-bp-login a,#wpadminbar li#wp-admin-bar-bp-register a{padding:0 8px}}.c-header {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.c-header > div {
padding-right: 3px;
} .f12-captcha {
display: block;
width: 100%;
}
.f12-captcha.template-1 {
background-color: #fff;
border: 1px solid #ccc;
padding: 10px 15px 15px 15px;
position: relative;
border-radius: 3px;
}
.f12-captcha.template-1 .c-label {
left: 10px;
font-size: 12px;
color: #777;
}
.f12-captcha.template-1 .c-data {
font-size: 1.05rem;
}
.f12-captcha.template-1 .c-input {
display: flex;
flex-flow: row nowrap;
}
.f12-captcha.template-1 .c-header {
border: 1px solid #ccc;
padding: 5px 5px 5px 10px;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
width: 100%;
background-color: #fff;
border-radius: 3px;
}
.f12-captcha.template-1 .c-hint {
font-size: 12px;
margin-left: -10px;
color: #777;
line-height: 100%;
}
.f12-captcha.template-1 .c-reload {
padding: 0;
}
.f12-captcha.template-1 .c-reload a img {
border: 0;
}
.f12-captcha.template-1 input.f12c {
display: block;
border: 0px solid #ccc;
margin-left: -10px;
background-color: #fff;
font-size: 1.05rem;
padding: 3px;
max-width: 100px;
height: 24px;
}
.f12-captcha.template-1 input.f12c:focus {
border: 0;
outline: 0;
}
.f12-captcha-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.7);
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
}
.f12-captcha-overlay::after {
content: "";
width: 24px;
height: 24px;
border: 3px solid #ccc;
border-top: 3px solid #333;
border-radius: 50%;
animation: f12-spin 0.8s linear infinite;
}
@keyframes f12-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}