.btn, .btn-lg {
  border-radius: 4px !important;
}

.card, .btn, .form-control {
  border-radius: 4 !important;
}

.navbar-nav .nav-item .dropdown {
  z-index: 3000 !important;
}

.badge-success {
  border-radius: 3px;
  background-color: #93DFC4;
}

.badge-danger {
  border-radius: 3px;
  background-color: #CA125A;
}

.badge-warning {
  border-radius: 3px;
  background-color: #ff9933;
}

.badge-primary {
  border-radius: 3px;
  background-color: #1492E3;
}

.badge-info {
  border-radius: 3px;
  background-color: #721244;
  color: #ffffff;
}

.badge-blueLama {
  border-radius: 3px;
  color: #ffffff;
  background-color: #1492E3;
}

.badge-redLama {
  border-radius: 3px;
  color: #ffffff;
  background-color: #CA125A;
}

.badge-greenLama {
  border-radius: 3px;
  color: #ffffff;
  background-color: #93DFC4;
}

.badge-orangeLama {
  border-radius: 3px;
  color: #ffffff;
  background-color: #ff9933;
}

.navbar-nav {
  font-family: "Raleway", sans-serif;
}

.nav-top {
  width: 100% !important;
}

/* change the background color */
.navbar-custom {
  background-color: #e3342f;
}

/* change the brand and text color */
.navbar-brand,
.navbar-text {
  color: rgba(255, 255, 255, 0.8);
}

.navbar .nav-item .nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
}

nav .messagerie a .badge {
  border-radius: 50%;
  min-width: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  padding: 3px;
  top: 5px;
  left: 22px;
}

nav .messagerie a {
  position: relative;
}

nav .notificationsDropdown a .badge {
  border-radius: 50%;
  min-width: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  padding: 3px;
  top: 5px;
  left: 22px;
}

nav .notificationsDropdown a {
  position: relative;
}

nav .notifications a .badge {
  border-radius: 50%;
  min-width: 15px;
  min-height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  padding: 3px;
  top: 5px;
  left: 22px;
}

nav .notifications a {
  position: relative;
}

/* change the color of active or hovered links */
.navbar-nav .nav-item .nav-link.active,
.navbar-nav .nav-item .nav-link.focus,
.navbar-nav .nav-item .nav-link.hover {
  font-weight: 700;
  color: #384858;
}

.navbar-nav .avatar, .profile .avatar {
  background-color: #d8dfe7;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-weight: 600;
  font-size: 1em;
  overflow: hidden;
}

.navbar-nav .avatar img, .profile .avatar img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.navbar-nav {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.content {
  display: flex;
  height: calc(100% - 93px);
  margin-top: 93px;
}

.dropdown:focus, .dropdown-toggle-split:focus {
  outline: none;
}

.dropdown-menu {
  margin-top: -3px;
}

.avatar .icon {
  text-transform: uppercase;
}

.nav-profil .navbar-nav .nav-item {
  border-bottom: transparent solid 1px;
  height: 35px;
}

.nav-space {
  height: 35px !important;
  width: 100% !important;
  background-color: #ffffff;
}

.nav-space .navbar-nav .nav-item:hover {
  border-bottom: #6B7A89 solid 1px;
}

.nav-space .navbar-nav .nav-item .active {
  border-bottom: #6B7A89 solid 1px;
  height: 36px;
}

.nav-space .navbar-nav .nav-item {
  border-bottom: transparent solid 1px;
  height: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-space .navbar-nav {
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
}

.nav-setting .navbar-nav .nav-item:hover {
  border-bottom: #6B7A89 solid 1px;
  height: 35px;
}

.nav-setting .navbar-nav .nav-item {
  border-bottom: transparent solid 1px;
  height: 35px;
}

.notificationsMenuLink {
  max-height: calc(100vh - 40px);
  overflow-x: hidden;
  overflow-y: auto;
}

.notification_list {
  display: flex;
  align-items: center;
  padding: 0px;
}

.notification_avatar {
  width: 80px;
  height: 80px;
  overflow: hidden;
  margin-right: 15px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.notification_avatar .user_icon {
  position: absolute;
  background-color: #1492E3;
  bottom: 10px;
  right: 0px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  font-size: 13px;
}

.notification_avatar .user_icon_dots {
  position: absolute;
  background-color: #93DFC4;
  bottom: 10px;
  right: 0px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  font-size: 13px;
}

.notification_avatar .user_icon_star_half {
  position: absolute;
  background-color: #721244;
  bottom: 10px;
  right: 0px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  font-size: 13px;
}

.notification_avatar .user_icon_pen {
  position: absolute;
  background-color: #ff9933;
  bottom: 10px;
  right: 0px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  font-size: 13px;
}

.notification_avatar .user_icon_heart {
  position: absolute;
  background-color: #CA125A;
  bottom: 10px;
  right: 0px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  font-size: 13px;
}

.notifications .dropdown-menu {
  max-height: calc(100vh - 80px) !important;
  overflow-x: hidden;
  overflow-y: auto;
}

.notification_avatar img {
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.notification_content {
  display: flex;
  flex-direction: column;
}

.notification_from {
  font-family: "Raleway", sans-serif;
  line-height: 14px;
  font-size: 14px;
}

.notification_from span {
  font-weight: 700;
  line-height: 14px;
  font-size: 14px;
}

.notification_where {
  font-size: 12px;
  font-weight: 700;
}

.notification_training {
  font-size: 12px;
}

.notification_date {
  font-size: 12px;
  font-weight: 700;
}