div.bx-system-auth-form span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:bottom; margin-top:-1px;}
div.bx-system-auth-form div.bx-auth-secure-icon {background-image:url(images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-system-auth-form div.bx-auth-secure-unlock {background-image:url(images/sec-unlocked.png);}
.user-link svg{
    transition: .3s;
}
.user-link:hover svg{
    fill: var(--main_color);
}
.icon-box-link.logout{
  margin-left: 12px;
}
.icon-box-link svg path,
.icon-box-link svg{
  transition: .3s;
}
.icon-box-link:hover svg{
  fill: var(--main_color_hover);
}
.icon-box-link:hover svg path{
  fill: var(--main_color_hover);
}

.icon-box-link.user-link {
    position: relative;
}

header .top-auth .popup-auth {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 160px;
    background: #fff;
    padding: 10px;
    z-index: 1;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: 0.35s all ease;
}

header .top-auth .popup-auth.active {
    opacity: 1;
    pointer-events: all;
}

header .top-auth .popup-auth .icon-txt {
    margin-right: 12px;
}

header .top-auth .popup-auth a {
    font-size: 12px;
}

header .top-auth .popup-auth .wrp-btn-login,
header .top-auth .popup-auth .wrp-btn-logout {
    display: flex;
    align-items: center;
    min-height: 30px;
    padding: 0px 5px;
    position: relative;
}

header .top-auth .popup-auth .wrp-btn-logout .icon-txt {
    transform: rotate(-180deg);
}

header .top-auth .popup-auth .wrp-btn-logout {
    margin-top: 9px;
}

header .top-auth .popup-auth .wrp-btn-login:hover,
header .top-auth .popup-auth .wrp-btn-logout:hover {
    background-color: #f8f9fa;
}

header .top-auth .popup-auth .wrp-btn-login:hover svg path,
header .top-auth .popup-auth .wrp-btn-logout:hover svg path {
    fill: var(--main_color);
}

header .top-auth .popup-auth .wrp-btn-login {
    margin-bottom: 8px;
}

header .top-auth .popup-auth .wrp-btn-login:before {
    position: absolute;
    content: '';
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #DFE2ED;
}

header .top-auth .popup-auth .wrp-btn-logout a {
    margin-left: 0;
}