/* Dropdown styles */

.breadcrumbs, .welcome-to-login {
  overflow: auto;
  display: flex;
  width: 100%;
  font-size: 14px;
  align-items:center;
  justify-content: space-between;
}


.welcome-to-login {
    display: inline-flex;
    margin-left: -5px;
}


.breadcrumbtext {
  font-weight: bold;
  float: left;
  margin: 0 0 0 6px;
}

.dropdown {
  margin: auto 0 auto 5px;
  position: relative;
  float: right;
}

.no-break-link {
  text-decoration: none;
  color: #222222;
  display: inline-flex;
  align-items:center;
}

.user-data {
  font-weight: bold;
  font-size: 12px;
  align-items:center;
}

.user-photo, .user-photo-big {
  height: 40px;
  width: auto;
  border-radius: 50%;
  object-fit: cover;
}

.user-photo-big {
  height: 80px;
  width: auto;
}

#help .text {
	padding: 5px;
	background-color: #f1f1f1;
	color: #222;
}

.notification {
  /* circle shape, size and position */
  position: absolute;
  right: -0.7em;
  top: -0.7em;
  min-width: 1.6em; /* or width, explained below. */
  height: 1.6em;
  border-radius: 0.8em; /* or 50%, explained below. */
  border: 0.05em solid white;
  background-color: red;

  /* number size and position */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8em;
  color: white;
}

.sections-container {
  position: relative;
}