#btnswitch {
    position: relative;
    display: inline-block;
  }
  

  .card-switch {
    margin-top: 3%;
    margin-right: 2%;
    display: none;
    position: fixed;
    background-color: var(--bg2-color);
    min-width: 160px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 20px 20px;
    text-decoration: none;
    z-index: 1;
    font-size: 0.8rem;
    border-radius: 8px;
  }

  .card-switch .col-lg-6{
    /* margin-left: 2px; */
  }

  .card-switch  .col-lg-6:hover  {
    background-color: #00aeef10;
    text-decoration: none;
    border-radius: 8px;
    cursor: pointer;
    /* margin-left:10px; */
  }

  

  .card-switch  .col-lg-6:active  {
    background-color: #acacac;
    text-decoration: none;
  }
  
  #btnswitch:hover > .card-switch {
    display: inline-block;
  }

  card-switch:active  a  {
    text-decoration: none;
  }
  

  #liuserprofile:hover, #liswitchapps:hover{
    background-color: #00aeef10;
  }