ul.notes li {
  margin: 10px 40px 50px 0px;
  float: left;
}
#notificationsBadge.badge{
  left: -11px;
  position: relative;
  top: -12px;
}
ul.notes a.text-danger {color:#000; cursor:pointer}
ul.notes h4 {margin-top:10px}
ul.notes li, ul.tag-list li {
  list-style: none;
}
.notes-delete.btn-link, .notes-edit.btn-link{color:#ffff}

ul.notes p.from-to {
border-top:1px solid #ffff;
padding-top:5px;
}
ul.notes li div small {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 10px;
}
li:nth-child(2n) div.dashboard-notes{
  -webkit-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
}
li:nth-child(2n+1) div.dashboard-notes{
  -o-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  position: relative;
  top: 5px;
}
ul.notes li div {
  text-decoration: none;
  color: #ffff;
  display: block;
  height: 210px;
  width: 210px;
  padding: 1em;
  -moz-box-shadow: 5px 5px 7px #212121;
  -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
  box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
  -moz-transition: -moz-transform 0.15s linear;
  -o-transition: -o-transform 0.15s linear;
  -webkit-transition: -webkit-transform 0.15s linear;
}
label.switcher input[type="radio"] {display:none}
label.switcher input[type="radio"] + span {position:relative;display:inline-block;vertical-align:middle;width:17px;height:17px;border:solid 1px #999;box-shadow:inset 0 1px 2px #999;cursor:pointer;transition:all ease-in-out .2s;}
label.switcher input[type="radio"]:checked + span {border:solid 3px red; border-radius:50%}

.dropdown-item.dropdown-notification:active, .dropdown-item.dropdown-notification.active {
  color: #1d1e1f; text-decoration: none; background-color: #f7f7f9;}
.dropdown-notification:hover .notification-read {color: #34495E;}
.dropdown-notification-all {text-align: center; padding-top: 5px;padding-bottom: 5px;font-style: oblique;background-color:#34495E;color: white;}
.dropdown-notification-all:hover {background-color: #34495E;color: white;}
.notifications-container {max-height: 300px;overflow: auto;color:#000;}
.notification-dropdown-menu {padding-bottom: 0; min-width: 528px;}
.notifications-body a {cursor:pointer;margin-left:15px;}
.notifications-body {display: block;border-bottom:1px solid; padding: 5px 10px;}
.notification-texte {margin: 0;}
.notification-read {margin: 0; height: 48px; vertical-align: top; line-height: 48px; padding-left: 15px; color: white;float: right;}
.notification-date {text-align: right;margin: 0;}
.notification-solo {margin-top: 1rem;}
.notification-unread {text-decoration: none; background-color: #f7f7f9;}
label.switcher input[type="radio"] {display:none}
label.switcher input[type="radio"] + span {position:relative;display:inline-block;vertical-align:middle;width:17px;height:17px;border:solid 1px #999;box-shadow:inset 0 1px 2px #999;cursor:pointer;transition:all ease-in-out .2s;}
label.switcher input[type="radio"]:checked + span {border:solid 3px red; border-radius:50%}