/* floating */
.user_access
{
  position:fixed;
  padding-top:10%;
  right:10px;
}
.user_access a.user_access_link
{
   display:block;
   background-color:transparent;
   color:white;

   background-color:#CCC;
   border-radius:50%;
   box-shadow:0px 2px 2px rgba(0,0,0,0.2);

   -webkit-transition: all 0.5s ease-in-out 0s;
   -moz-transition: all 0.5s ease-in-out 0s;
   -o-transition: all 0.5s ease-in-out 0s;
   transition: all 0.5s ease-in-out 0s;


}
.user_access a.user_access_link span.user_access_icon
{
   display:block;
   width:40px;
   height:40px;
   font-size:40px;
   color:white;

}

.user_access a.user_access_link:hover
{
  color:#CCC;
  background-color:white;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}

.mobile .user_access
{
    position: fixed;
    padding-top: 90px;
    right: 14px;
}

/* menuitem */
.nav-item.user_access
{
  position:relative;
  right:auto;
  margin-left: 10px;
}
.nav-item.user_access a.user_access_link
{
   display:block;
   background-color:transparent;
   color:white;

   background-color:#CCC;
   border-radius:50%;
   box-shadow:0px 2px 2px rgba(0,0,0,0.2);

   -webkit-transition: all 0.5s ease-in-out 0s;
   -moz-transition: all 0.5s ease-in-out 0s;
   -o-transition: all 0.5s ease-in-out 0s;
   transition: all 0.5s ease-in-out 0s;


}
.nav-item.user_access a.user_access_link span.user_access_icon
{
   display:block;
   width:1.5rem;
   height:1.5rem;
   font-size:1.5rem;
   line-height:1.5rem;
   color:white;

}

.nav-item.user_access a.user_access_link:hover
{
  color:#CCC;
  background-color:white;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}











/***********************************************/
header .user_top_bar
{
  background-color: #EEE;
  margin-right: 0;
  margin-left: 0;
  border-width: .2rem;
  position:relative;
  z-index:999;
}
header .user_top_bar .navbar
{
   background-color:transparent;
   padding: 2px 15px;
}
/**/
header .user_top_bar .navbar a.navbar-brand
{
   color:black;
    height: auto;
}
header .user_top_bar .navbar a.navbar-brand i
{
    font-size: 22px;
    line-height: 22px;
}



header .user_top_bar .navbar a.navbar-brand span
{
    font-size: 18px;
    padding: 1px;
    display: inline-block;
    text-transform: capitalize;
    line-height: 16px;
}

header .user_top_bar .navbar a.navbar-brand:hover
{
    color:grey;
}

header .user_top_bar .navbar .navbar-toggler
{
   color:black;
   padding:2px 0;
}
header .user_top_bar .navbar .navbar-toggler .navbar-toggler-icon
{
  height:auto;
}

/**/
header .user_top_bar .navbar ul.navbar-nav
{

}
header .user_top_bar .navbar ul.navbar-nav li.nav-item
{
    height: 100%;
    padding: 2px 2px;

}
header .user_top_bar .navbar ul.navbar-nav li.nav-item a.nav-link
{
    color:black;
    font-size:14px;
    line-height:14px;
    text-transform:uppercase;
    padding:0rem 0.5rem;
}
header .user_top_bar .navbar ul.navbar-nav li.nav-item a.nav-link i
{
  font-size: 22px;
  line-height: 22px;
}

header .user_top_bar .navbar ul.navbar-nav li.nav-item a.nav-link:hover
{
     color:grey;
}


/*room for upper bar*/
header .main
{
  position:relative;
}
/*set this by js, to prevent to show on logout*/
/*
header .main .navbar-container
{
  top:50px;
}
*/
@media (max-width:992px)
{
   header .main .navbar-container
  {
    top:0;
  }
}
/* fixing scroll down*/
.navbar-container.fixed-nav
{
    top: 0 !important; /* set the top nav bar*/
}