.UpEventsNavBar {
  /* position: fixed; */
  /* top: 60px; */
  width: 100%;
  
  background: #2E3A53;
  z-index: 15;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;   
  align-content: center;
  justify-content: space-between;
}

.UpEventsNavBar-wrapper {
  position:fixed;
  z-index: 15;
  width: 100%;
}

.UpEventsNavBar .UpEventsNavBar-nav-menu {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
}

.UpEventsNavBar .UpEventsNavBar-item {
  display: inline-block;
  margin-right: 32px;
  font-size: 16px;
}

.UpEventsNavBar .UpEventsNavBar-item .UpEventsNavBar-item-a {
  color: white;
}

.UpEventsNavBar .UpEventsNavBar-item:last-child {
  margin-right: 0;
}

.UpEventsNavBar .UpEventsNavBar-item .UpEventsNavBar-item-content{
  color: white;
  display: block;
  height: 28px;
  padding: 4px 0;
}

.UpEventsNavBar .UpEventsNavBar-item .UpEventsNavBar-item-content:hover {
  color: #dedede;
}

.UpEventsNavBar .UpEventsNavBar-logo {
  max-height: 28px;
  /* filter: contrast(0%) brightness(1000%); */
}

.UpEventsNavBar .UpEventsNavBar-user-member {
  display: flex !important;
    display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
}


.UpEventsNavBar .UpEventsNavBar-user-member-icon {
  margin-right: 8px;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.UpEventsNavBar .UpEventsNavBar-user-member-name {
  margin: 0;
  margin-right: 8px;
  font-size: 16px;
}

.UpEventsNavBar .UpEventsNavBar-user-member-arrow {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.UpEventsNavBar .UpEventsNavBar-dropdown-menu-container {
  max-width: 320px;
  background: none;
  border: none;
  box-shadow: none;
}

.UpEventsNavBar .UpEventsNavBar-dropdown-menu {
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 2px 4px 0 rgba(235, 237, 238, 0.8);
  background: white;
  margin-top: 8px;
  overflow: hidden;
}

.UpEventsNavBar .UpEventsNavBar-language-selector {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
}

.UpEventsNavBar .UpEventsNavBar-language-selected {
  color: white;
  margin-right: 8px;
  margin-bottom: 0;
}

.UpEventsNavBar .UpEventsNavBar-language-dropdown-container {
  /* width: 50px; */
}

.UserTopMenu {
  padding: 24px;
  background: white;
  min-height: 100%;
}

.UserTopMenu .UserTopMenu-line-separator {
  height: 1px;
  background: #D8D8D8;
}

.UserTopMenu .UserTopMenu-user-info {
  margin-bottom: 24px;
}

.UserTopMenu .UserTopMenu-nav {
  margin: 16px 0;
}

.UserTopMenu .UserTopMenu-nav-item a {
  font-size: 15px;
  color: #3B3C51;
}

.UserTopMenu .UserTopMenu-nav-item {
  margin-bottom: 12px;
}

.UserTopMenu .UserTopMenu-nav-item button {
  font-size: 15px;
  color: #3B3C51;
}

.UserTopMenu .UserTopMenu-institutions-list {
  margin: 16px 0;
}

.UserTopMenu .UserTopMenu-institution-wrapper {
  margin-bottom: 8px;
}

.UserTopMenu .UserTopMenu-institution-wrapper:last-child {
  margin-bottom: 0px;
}

.UserTopMenu .UserTopMenu-end-session {
  color: #6C7586;
  font-size: 14px;
  margin-top: 16px;
}

.UserTopMenu .UserTopMenu-end-session a {
  color: #6C7586;
  font-size: 15px;
}

.UserInfo .UserInfo-user-picture {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  display: inline-block;
  background: #eeeeee;
}

.UserInfo .UserInfo-user-picture img{
  width: 100%
}

.UserInfo .UserInfo-user-picture i {
  font-size: 50px;
  height: 100%;
  position: absolute;
  top: 2px;
  left: 6px;
  color: #2c3a55;
}

.UserInfo .UserInfo-user-details {
  display: inline-block;
  margin-left: 12px;
  vertical-align: top;
}

.UserInfo .UserInfo-user-details p {
  margin: 0;
}

.UserInfo .UserInfo-user-details .UserInfo-user-name{
  font-size: 16px;
}

.UserInfo .UserInfo-user-details .UserInfo-user-email{
  font-size: 14px;
  color: #6C7586;
}

.Institution {
  overflow: hidden;
  white-space: nowrap;
}

.Institution a {
  display: block;
}

.Institution .Institution-img-container {
  width: 48px;
  margin-right: 8px;
  display: inline-block;
  height: 24px;
  vertical-align: top;
  text-align: center;
}

.Institution .Institution-img-container img{
  /* height: 100%; */
  display: inline-block;
  max-width: 100% !important;
  max-height: 100%;
}

.Institution .Institution-name{
  margin:0;
  font-size: 15px;
  color: #3B3C51;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 56px);
}

.Institution:hover .Institution-name {
  color: gray;
}

.LanguageSelector {
  padding: 16px 0;
}

.LanguageSelector.mobile {
  padding: 0;
}

.LanguageSelector:not(.mobile) .LanguageSelector-language.selected {
  border-left: 3px solid #25A1CD;
}

.LanguageSelector:not(.mobile) .LanguageSelector-language.selected a {
  padding-left: 13px;
}

.LanguageSelector.mobile .LanguageSelector-language.selected a {
  color: #16A1D0;
  font-weight: 500;
}


.LanguageSelector .LanguageSelector-language a {
  display: block;
  width: 100%;
  padding: 8px 16px;
  font-size: 16px;
  color: #3B3C51;
}

.LanguageSelector.mobile .LanguageSelector-language a {
  font-size: 15px;
  padding: 8px 0;
}

.LanguageSelector:not(.mobile) .LanguageSelector-language a:hover {
  background: #f5f5f5;
}

@media only screen and (max-width: 640px) {
  .UpEventsNavBar {
    padding: 16px 24px;
  }
}