@media screen and (min-width: 768px) {

  .unisignin-menu-bar {
    margin-top: -98px!important;
    right: 0!important;
    position: absolute!important;
  }

  .unisignin-menu-bar .unisignin-navigation-placeholder {
    margin: 0!important;
    padding: 0!important;
    width: 160px!important;
  }
  .unisignin-menu-bar .unisignin-navigation-placeholder a {
    color: #fff!important;
    margin-right: 10px!important;
    font-size: 16px!important;
  }

  .unisignin-menu-bar .unisignin-user-placeholder {
    margin: 0!important;
    padding: 0!important;
  }
  .unisignin-menu-bar .unisignin-user-placeholder a {
    color: #fff!important;
    font-size: 16px!important;
  }

  .unisignin-menu-bar .unisignin-navigation-placeholder a.unisignin-login-wrapper:before {
    content:url('data:image/svg+xml;%20charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" color="white" width="24px" fill="white" viewBox="0 0 28 18" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg>')!important;
  }
}

@media screen and (max-width: 768px) {
  .unisignin-menu-bar {
    margin-top: 50px;
  }
  .unisignin-menu-bar .unisignin-logout-wrapper {
    display: block;
    width: 130px!important;
    background: #1F3B64!important;
    margin: 20px auto 16px 10px!important;
    color: #fff!important;
    line-height: 42px!important;
    text-align: center!important;
    border: 1px solid #298047!important;
  }
  .unisignin-menu-bar .unisignin-login-wrapper {
    display: block;
    width: 130px!important;
    background: #1F3B64!important;
    margin: 20px auto 16px 10px!important;
    color: #fff!important;
    line-height: 42px!important;
    text-align: center!important;
    border: 1px solid #298047!important;
  }
  .unisignin-menu-bar .unisignin-signup-wrapper {
    display: block;
    width: 130px!important;
    background: #298047!important;
    margin: 20px auto 16px 10px!important;
    color: #fff!important;
    line-height: 42px!important;
    text-align: center!important;
  }

  .unisignin-menu-bar .unisignin-user-wrapper {
    display: block;
    width: 130px!important;
    color: #fff!important;
    line-height: 42px!important;
    text-align: center!important;
    border: 1px solid #298047!important;
  }
}

.unisignin-menu-bar .unisignin-navigation-placeholder a.unisignin-login-wrapper:before {
  content:url('data:image/svg+xml;%20charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" color="white" width="24px" fill="white" viewBox="0 0 28 18" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg>')!important;
}